/**
Theme Name: SH Supply Hub Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sh-supply-hub-child
Template: astra
*/
/* =========================================================
   SH SUPPLY HUB - CHECKOUT V2
   ========================================================= */


/* =========================================================
   1. CHECKOUT CONTAINER
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2 {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}


/* =========================================================
   2. MAIN LAYOUT - 68 / 32
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2-layout {
	display: grid;
	grid-template-columns: minmax(0, 2.05fr) minmax(390px, 1fr);
	gap: 34px;
	align-items: flex-start;
	width: 100%;
	margin: 34px 0 60px;
	box-sizing: border-box;
}

.woocommerce-checkout .sh-checkout-v2-left {
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.woocommerce-checkout .sh-checkout-v2-right {
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
}


/* =========================================================
   3. RESET ASTRA / WOOCOMMERCE CUSTOMER COLUMNS
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2 #customer_details {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	box-sizing: border-box;
}

.woocommerce-checkout .sh-checkout-v2 #customer_details::before,
.woocommerce-checkout .sh-checkout-v2 #customer_details::after {
	display: none !important;
}

.woocommerce-checkout .sh-checkout-v2 #customer_details .col-1,
.woocommerce-checkout .sh-checkout-v2 #customer_details .col-2 {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
}


/* =========================================================
   4. LEFT SECTIONS
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2-section {
	width: 100%;
	margin: 0 0 25px;
	padding: 0;
	box-sizing: border-box;
}


/* =========================================================
   5. SH BILLING HEADING
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2-heading {
	margin: 0 0 16px !important;
	padding: 0 !important;
	color: #1A2E4A !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	letter-spacing: -0.2px;
}


/* =========================================================
   6. HIDE DUPLICATE WOOCOMMERCE BILLING HEADING
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2-billing .woocommerce-billing-fields > h3 {
	display: none !important;
}


/* =========================================================
   7. BILLING FIELDS
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2-fields {
	width: 100%;
	box-sizing: border-box;
}

.woocommerce-checkout .sh-checkout-v2 .woocommerce-billing-fields {
	width: 100%;
	box-sizing: border-box;
}

.woocommerce-checkout .sh-checkout-v2 .woocommerce-billing-fields__field-wrapper {
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px;
	width: 100%;
	box-sizing: border-box;
}


/* =========================================================
   8. FORM ROWS
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2 .form-row {
	margin: 0 0 14px !important;
	padding: 0 !important;
	box-sizing: border-box;
}

.woocommerce-checkout .sh-checkout-v2 .form-row-first,
.woocommerce-checkout .sh-checkout-v2 .form-row-last {
	width: calc(50% - 10px) !important;
	float: none !important;
}

.woocommerce-checkout .sh-checkout-v2 .form-row-wide {
	width: 100% !important;
	float: none !important;
}


/* =========================================================
   9. LABELS
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2 .form-row label {
	display: block;
	margin: 0 0 6px !important;
	padding: 0 !important;
	color: #263B55 !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
}

.woocommerce-checkout .sh-checkout-v2 .form-row .required {
	color: #C9362B !important;
}


/* =========================================================
   10. INPUTS
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2 .form-row input.input-text,
.woocommerce-checkout .sh-checkout-v2 .form-row textarea,
.woocommerce-checkout .sh-checkout-v2 .form-row select {
	width: 100% !important;
	min-height: 43px;
	margin: 0 !important;
	padding: 0 13px !important;
	background: #FFFFFF !important;
	color: #45576A !important;
	border: 1px solid #D7DDE4 !important;
	border-radius: 3px !important;
	outline: none !important;
	box-shadow: none !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	box-sizing: border-box;
}

.woocommerce-checkout .sh-checkout-v2 .form-row textarea {
	min-height: 90px;
	padding: 11px 13px !important;
	resize: vertical;
}

.woocommerce-checkout .sh-checkout-v2 .form-row input.input-text:focus,
.woocommerce-checkout .sh-checkout-v2 .form-row textarea:focus,
.woocommerce-checkout .sh-checkout-v2 .form-row select:focus {
	border-color: #AEB9C5 !important;
	box-shadow: none !important;
}


/* =========================================================
   11. SELECT2
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2 .select2-container {
	width: 100% !important;
}

.woocommerce-checkout .sh-checkout-v2 .select2-container .select2-selection--single {
	height: 43px !important;
	background: #FFFFFF !important;
	border: 1px solid #D7DDE4 !important;
	border-radius: 3px !important;
	box-shadow: none !important;
}

.woocommerce-checkout .sh-checkout-v2 .select2-container .select2-selection--single .select2-selection__rendered {
	padding: 0 36px 0 13px !important;
	color: #45576A !important;
	font-size: 12px !important;
	line-height: 41px !important;
}

.woocommerce-checkout .sh-checkout-v2 .select2-container .select2-selection--single .select2-selection__arrow {
	height: 41px !important;
	right: 8px !important;
}


/* =========================================================
   12. VAT / FIELD HELP TEXT
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2 .description,
.woocommerce-checkout .sh-checkout-v2 .form-row .description {
	display: block;
	margin-top: 4px;
	color: #87919C !important;
	font-size: 10px !important;
	line-height: 1.4 !important;
}


/* =========================================================
   13. SHIPPING + ADDITIONAL INFORMATION
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2-shipping {
	margin-top: 5px;
}

.woocommerce-checkout .sh-checkout-v2-shipping .woocommerce-shipping-fields {
	width: 100%;
	margin: 0 0 22px;
	padding: 0;
	box-sizing: border-box;
}

.woocommerce-checkout .sh-checkout-v2-shipping .woocommerce-additional-fields {
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.woocommerce-checkout .sh-checkout-v2-shipping h3 {
	margin: 0 0 14px !important;
	padding: 0 0 10px !important;
	color: #1A2E4A !important;
	border-bottom: 1px solid #E1E5E9;
	font-size: 19px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
}


/* =========================================================
   14. SHIP TO DIFFERENT ADDRESS CHECKBOX
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2 .woocommerce-shipping-fields #ship-to-different-address {
	margin-bottom: 16px !important;
}

.woocommerce-checkout .sh-checkout-v2 .woocommerce-shipping-fields #ship-to-different-address label {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 !important;
	cursor: pointer;
}

.woocommerce-checkout .sh-checkout-v2 .woocommerce-shipping-fields input[type="checkbox"] {
	width: 17px !important;
	height: 17px !important;
	margin: 0 !important;
	accent-color: #C9362B;
}


/* =========================================================
   15. RIGHT ORDER PANEL
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2-order {
	position: sticky;
	top: 22px;
	width: 100%;
	margin: 0;
	padding: 0 20px 20px;
	background: #FFFFFF;
	border: 1px solid #D9DEE4;
	border-radius: 2px;
	box-shadow: 0 3px 12px rgba(25, 45, 70, 0.04);
	box-sizing: border-box;
}


/* =========================================================
   16. YOUR ORDER HEADING
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2-order-heading {
	margin: 0 -20px 0 !important;
	padding: 21px 20px 17px !important;
	color: #172C48 !important;
	border-bottom: 1px solid #E1E5E9;
	font-size: 22px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-transform: uppercase;
}


/* =========================================================
   17. HIDE NATIVE DUPLICATE ORDER HEADING
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2-native-heading {
	display: none !important;
}


/* =========================================================
   18. RESET ASTRA ORDER REVIEW
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2-order #order_review,
.woocommerce-checkout .sh-checkout-v2-order .woocommerce-checkout-review-order {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	clear: both !important;
	position: static !important;
	box-sizing: border-box !important;
}


/* =========================================================
   19. ORDER TABLE
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2-order .woocommerce-checkout-review-order-table {
	display: table !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	border: 0 !important;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	border-radius: 0 !important;
	table-layout: auto !important;
	background: transparent !important;
	box-shadow: none !important;
	float: none !important;
}

.woocommerce-checkout .sh-checkout-v2-order .woocommerce-checkout-review-order-table th,
.woocommerce-checkout .sh-checkout-v2-order .woocommerce-checkout-review-order-table td {
	padding: 13px 3px !important;
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid #E5E8EC !important;
	color: #46586A !important;
	font-size: 11px !important;
	line-height: 1.4 !important;
	vertical-align: middle;
}

.woocommerce-checkout .sh-checkout-v2-order .woocommerce-checkout-review-order-table th {
	color: #263B55 !important;
	font-weight: 700 !important;
}

.woocommerce-checkout .sh-checkout-v2-order .woocommerce-checkout-review-order-table th:last-child,
.woocommerce-checkout .sh-checkout-v2-order .woocommerce-checkout-review-order-table td:last-child {
	width: 90px !important;
	text-align: right !important;
	white-space: nowrap !important;
}

.woocommerce-checkout .sh-checkout-v2-order .product-name {
	width: auto !important;
	color: #33485E !important;
}

.woocommerce-checkout .sh-checkout-v2-order .product-quantity {
	color: #7D8791 !important;
	font-weight: 400 !important;
}


/* =========================================================
   20. TOTAL
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2-order .order-total th,
.woocommerce-checkout .sh-checkout-v2-order .order-total td {
	padding-top: 17px !important;
	padding-bottom: 17px !important;
	color: #172C48 !important;
	font-size: 14px !important;
	font-weight: 700 !important;
}

.woocommerce-checkout .sh-checkout-v2-order .order-total .woocommerce-Price-amount {
	color: #C9362B !important;
	font-size: 20px !important;
	font-weight: 700 !important;
}
/* =========================================================
   21. PAYMENT CONTAINER
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2-order #payment {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 18px 0 0 !important;
	padding: 0 !important;
	float: none !important;
	clear: both !important;
	position: static !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-sizing: border-box !important;
}


/* =========================================================
   22. PAYMENT METHODS LIST
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2-order #payment ul.payment_methods {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	list-style: none !important;
	box-sizing: border-box;
}

.woocommerce-checkout .sh-checkout-v2-order #payment ul.payment_methods > li {
	width: 100% !important;
	margin: 0 0 10px !important;
	padding: 13px !important;
	background: #FFFFFF !important;
	border: 1px solid #D9DEE4 !important;
	border-radius: 3px !important;
	box-sizing: border-box;
}

.woocommerce-checkout .sh-checkout-v2-order #payment ul.payment_methods > li:last-child {
	margin-bottom: 0 !important;
}




/* =========================================================
   24. PAYMENT METHOD LABEL
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2-order #payment .payment_methods > li > label {
	margin: 0 !important;
	color: #263B55 !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	cursor: pointer;
}

.woocommerce-checkout .sh-checkout-v2-order #payment input[type="radio"] {
	width: 15px !important;
	height: 15px !important;
	margin: 0 7px 0 0 !important;
	accent-color: #C9362B;
	vertical-align: middle;
}


/* =========================================================
   25. PAYMENT LOGOS
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2-order #payment .payment_methods img {
	width: auto !important;
	max-width: 70px !important;
	max-height: 20px !important;
	margin-left: 5px !important;
	vertical-align: middle;
}


/* =========================================================
   26. PAYMENT BOX
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2-order #payment .payment_box {
	width: 100% !important;
	margin: 12px 0 0 !important;
	padding: 12px !important;
	background: #F8FAFC !important;
	color: #687685 !important;
	border: 1px solid #E0E5EA !important;
	border-radius: 3px !important;
	box-sizing: border-box !important;
}

.woocommerce-checkout .sh-checkout-v2-order #payment .payment_box::before {
	display: none !important;
}

.woocommerce-checkout .sh-checkout-v2-order #payment .payment_box p {
	margin: 0 0 9px !important;
	color: #687685 !important;
	font-size: 10px !important;
	line-height: 1.5 !important;
}


/* =========================================================
   27. STRIPE CARD ELEMENTS
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2-order #payment .wc-stripe-elements-field,
.woocommerce-checkout .sh-checkout-v2-order #payment .wc-stripe-iban-element-field {
	width: 100% !important;
	min-height: 41px !important;
	padding: 10px !important;
	background: #FFFFFF !important;
	border: 1px solid #D7DDE4 !important;
	border-radius: 3px !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
}

.woocommerce-checkout .sh-checkout-v2-order #payment .wc-stripe-elements-field:focus-within,
.woocommerce-checkout .sh-checkout-v2-order #payment .wc-stripe-iban-element-field:focus-within {
	border-color: #AEB9C5 !important;
	box-shadow: none !important;
}

.woocommerce-checkout .sh-checkout-v2-order #payment .StripeElement,
.woocommerce-checkout .sh-checkout-v2-order #payment iframe {
	max-width: 100% !important;
	box-sizing: border-box !important;
}


/* =========================================================
   28. SAVED PAYMENT METHODS
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2-order #payment .woocommerce-SavedPaymentMethods {
	margin: 10px 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.woocommerce-checkout .sh-checkout-v2-order #payment .woocommerce-SavedPaymentMethods li {
	margin: 6px 0 !important;
	color: #687685 !important;
	font-size: 10px !important;
}


/* =========================================================
   29. PRIVACY + TERMS
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2-order #payment .woocommerce-privacy-policy-text,
.woocommerce-checkout .sh-checkout-v2-order #payment .woocommerce-terms-and-conditions-wrapper {
	margin: 13px 0 11px !important;
	color: #747F8B !important;
	font-size: 9.5px !important;
	line-height: 1.5 !important;
}

.woocommerce-checkout .sh-checkout-v2-order #payment .woocommerce-privacy-policy-text p,
.woocommerce-checkout .sh-checkout-v2-order #payment .woocommerce-terms-and-conditions-wrapper p {
	margin: 0 0 7px !important;
	color: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
}

.woocommerce-checkout .sh-checkout-v2-order #payment a {
	color: #C9362B !important;
	text-decoration: none !important;
}

.woocommerce-checkout .sh-checkout-v2-order #payment a:hover {
	text-decoration: underline !important;
}


/* =========================================================
   30. PLACE ORDER AREA
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2-order #payment .form-row.place-order {
	width: 100% !important;
	margin: 15px 0 0 !important;
	padding: 16px 0 0 !important;
	background: transparent !important;
	border-top: 1px solid #E1E5E9;
	box-sizing: border-box !important;
}


/* =========================================================
   31. PLACE ORDER BUTTON
   ========================================================= */

.woocommerce-checkout .sh-checkout-v2-order #place_order {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 47px !important;
	margin: 0 !important;
	padding: 0 20px !important;
	float: none !important;
	background: #C9362B !important;
	color: #FFFFFF !important;
	border: 1px solid #C9362B !important;
	border-radius: 3px !important;
	box-shadow: none !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: 0.25px;
	text-transform: uppercase;
	cursor: pointer;
	box-sizing: border-box !important;
	transition: background 0.18s ease, border-color 0.18s ease;
}

.woocommerce-checkout .sh-checkout-v2-order #place_order:hover {
	background: #A92E25 !important;
	border-color: #A92E25 !important;
	color: #FFFFFF !important;
}


/* =========================================================
   32. EXPRESS PAYMENTS
   Keep gateway functionality intact
   ========================================================= */

.woocommerce-checkout .wc-stripe-cart-checkout-container,
.woocommerce-checkout .wc-stripe-checkout-banner-gateway,
.woocommerce-checkout .wc-stripe-checkout-container {
	width: 100% !important;
	max-width: 1280px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}

.woocommerce-checkout [class*="express-checkout"],
.woocommerce-checkout [class*="express_checkout"],
.woocommerce-checkout [class*="payment-request"],
.woocommerce-checkout [class*="payment_request"] {
	max-width: 100% !important;
	box-sizing: border-box !important;
}


/* =========================================================
   33. COUPON
   ========================================================= */

.woocommerce-checkout .woocommerce-form-coupon-toggle {
	width: 100%;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
	margin-bottom: 20px !important;
	padding: 11px 14px !important;
	background: #FFFFFF !important;
	color: #687685 !important;
	border: 1px solid #DCE1E6 !important;
	border-radius: 3px !important;
	box-shadow: none !important;
	font-size: 10.5px !important;
	line-height: 1.4 !important;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle a {
	color: #C9362B !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}


/* =========================================================
   34. TABLET
   ========================================================= */

@media (max-width: 1100px) {

	.woocommerce-checkout .sh-checkout-v2-layout {
		grid-template-columns: minmax(0, 1.65fr) minmax(360px, 1fr);
		gap: 25px;
	}

}


/* =========================================================
   35. SMALL TABLET
   ========================================================= */

@media (max-width: 850px) {

	.woocommerce-checkout .sh-checkout-v2 {
		padding-left: 14px;
		padding-right: 14px;
	}

	.woocommerce-checkout .sh-checkout-v2-layout {
		display: block;
		margin-top: 25px;
	}

	.woocommerce-checkout .sh-checkout-v2-left,
	.woocommerce-checkout .sh-checkout-v2-right {
		width: 100%;
	}

	.woocommerce-checkout .sh-checkout-v2-right {
		margin-top: 28px;
	}

	.woocommerce-checkout .sh-checkout-v2-order {
		position: static;
	}

}


/* =========================================================
   36. MOBILE
   ========================================================= */

@media (max-width: 600px) {

	.woocommerce-checkout .sh-checkout-v2 {
		padding-left: 10px;
		padding-right: 10px;
	}

	.woocommerce-checkout .sh-checkout-v2 .woocommerce-billing-fields__field-wrapper {
		display: block;
	}

	.woocommerce-checkout .sh-checkout-v2 .form-row-first,
	.woocommerce-checkout .sh-checkout-v2 .form-row-last {
		width: 100% !important;
	}

	.woocommerce-checkout .sh-checkout-v2-heading {
		font-size: 20px !important;
	}

	.woocommerce-checkout .sh-checkout-v2-shipping h3 {
		font-size: 17px !important;
	}

	.woocommerce-checkout .sh-checkout-v2-order {
		padding-left: 15px;
		padding-right: 15px;
	}

	.woocommerce-checkout .sh-checkout-v2-order-heading {
		margin-left: -15px !important;
		margin-right: -15px !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
		font-size: 19px !important;
	}

}
/* =========================================================
   CHECKOUT V2 - FINAL BILLING LAYOUT
   ========================================================= */

/* State + ZIP en la misma fila */

.woocommerce-checkout .sh-checkout-v2 #billing_state_field {
	width: calc(50% - 10px) !important;
	order: initial;
}

.woocommerce-checkout .sh-checkout-v2 #billing_postcode_field {
	width: calc(50% - 10px) !important;
	order: initial;
}


/* Phone + Email en la misma fila */

.woocommerce-checkout .sh-checkout-v2 #billing_phone_field {
	width: calc(50% - 10px) !important;
}

.woocommerce-checkout .sh-checkout-v2 #billing_email_field {
	width: calc(50% - 10px) !important;
}


/* VAT mantiene una fila completa */

.woocommerce-checkout .sh-checkout-v2 #billing_vat_number_field,
.woocommerce-checkout .sh-checkout-v2 [id*="vat"][id$="_field"] {
	width: 100% !important;
}


/* Compactar ligeramente el formulario */

.woocommerce-checkout .sh-checkout-v2 .form-row {
	margin-bottom: 11px !important;
}

.woocommerce-checkout .sh-checkout-v2 .form-row input.input-text,
.woocommerce-checkout .sh-checkout-v2 .form-row select {
	min-height: 41px !important;
}


/* Additional information más compacto */

.woocommerce-checkout .sh-checkout-v2-shipping .woocommerce-additional-fields {
	margin-top: 8px !important;
}

.woocommerce-checkout .sh-checkout-v2-shipping .woocommerce-additional-fields h3 {
	margin-bottom: 13px !important;
}


/* Móvil: volver a una sola columna */

@media (max-width: 600px) {

	.woocommerce-checkout .sh-checkout-v2 #billing_state_field,
	.woocommerce-checkout .sh-checkout-v2 #billing_postcode_field,
	.woocommerce-checkout .sh-checkout-v2 #billing_phone_field,
	.woocommerce-checkout .sh-checkout-v2 #billing_email_field {
		width: 100% !important;
	}

}
/* =========================================================
   CHECKOUT V2 - ORDER COLUMN REFINEMENT
   ========================================================= */

/* Más espacio para Your Order */

.woocommerce-checkout .sh-checkout-v2-layout {
	grid-template-columns: minmax(0, 1.8fr) minmax(430px, 1fr);
	gap: 30px;
}


/* Panel derecho un poco más limpio */

.woocommerce-checkout .sh-checkout-v2-order {
	padding-left: 18px;
	padding-right: 18px;
}


/* Cabecera */

.woocommerce-checkout .sh-checkout-v2-order-heading {
	margin-left: -18px !important;
	margin-right: -18px !important;
	padding: 18px 18px 15px !important;
	font-size: 20px !important;
}


/* Menos espacio antes de Payment */

.woocommerce-checkout .sh-checkout-v2-order #payment {
	margin-top: 12px !important;
}


/* Quitar una de las cajas exteriores de Payment */

.woocommerce-checkout .sh-checkout-v2-order #payment ul.payment_methods > li {
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}


/* Caja interna Stripe más limpia */

.woocommerce-checkout .sh-checkout-v2-order #payment .payment_box {
	margin-top: 8px !important;
	padding: 10px !important;
	background: #FFFFFF !important;
	border: 1px solid #D9DEE4 !important;
}


/* Privacy más compacta */

.woocommerce-checkout .sh-checkout-v2-order #payment .woocommerce-privacy-policy-text {
	margin-top: 11px !important;
	margin-bottom: 9px !important;
}


/* Botón */

.woocommerce-checkout .sh-checkout-v2-order #place_order {
	min-height: 44px !important;
}


/* Tablet: mantener comportamiento anterior */

@media (max-width: 1000px) {

	.woocommerce-checkout .sh-checkout-v2-layout {
		grid-template-columns: minmax(0, 1.5fr) minmax(380px, 1fr);
		gap: 22px;
	}

}


/* Móvil */

@media (max-width: 850px) {

	.woocommerce-checkout .sh-checkout-v2-layout {
		display: block;
	}

}
/* =========================================================
   CHECKOUT V2 - PAYMENT CLEANUP
   ========================================================= */

/* Ocultar "Payment options" cuando solo usamos Card */

.woocommerce-checkout .sh-checkout-v2-order #payment > h3,
.woocommerce-checkout .sh-checkout-v2-order .payment_options_title {
	display: none !important;
}


/* Reducir espacio superior del pago */

.woocommerce-checkout .sh-checkout-v2-order #payment {
	margin-top: 6px !important;
}


/* Hacer el bloque Stripe más compacto */

.woocommerce-checkout .sh-checkout-v2-order #payment .payment_box {
	margin: 0 !important;
	padding: 8px !important;
}


/* Menos espacio alrededor de métodos */

.woocommerce-checkout .sh-checkout-v2-order #payment ul.payment_methods {
	padding: 0 !important;
	margin: 0 !important;
}
/* =========================================================
   STRIPE - HIDE PAYMENT OPTIONS LABEL
   ========================================================= */

/* Ocultar "Payment options" de Stripe */
.payment_method_stripe > label[for="payment_method_stripe"] {
	display: none !important;
}
/* STRIPE - CLEAN OUTER PAYMENT BOX */

.payment_method_stripe.payment_box {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
}