.elementor-170765 .elementor-element.elementor-element-5aec6562{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-170765 .elementor-element.elementor-element-1808e0c5{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-170765 .elementor-element.elementor-element-70dbcf0a .elementor-heading-title{font-family:"ElCamino Bold", Sans-serif;font-size:45px;font-weight:600;color:#54321A;}.elementor-widget-woocommerce-checkout-page .product-name .variation{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-170765 .elementor-element.elementor-element-1124a495{--additional-information-display:block;--sections-background-color:var( --e-global-color-4b86cbb );--sections-title-color:var( --e-global-color-5809e83 );--sections-secondary-title-color:var( --e-global-color-5809e83 );--sections-descriptions-color:var( --e-global-color-5809e83 );--sections-messages-color:var( --e-global-color-5809e83 );--sections-checkboxes-color:var( --e-global-color-5809e83 );--sections-radio-buttons-color:var( --e-global-color-5809e83 );--links-normal-color:var( --e-global-color-64f5134 );--links-hover-color:var( --e-global-color-accent );}body.elementor-page-170765:not(.elementor-motion-effects-element-type-background), body.elementor-page-170765 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1E5;}@media(max-width:767px){.elementor-170765 .elementor-element.elementor-element-5aec6562{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-170765 .elementor-element.elementor-element-70dbcf0a .elementor-heading-title{font-size:28px;}}@media(min-width:768px){.elementor-170765 .elementor-element.elementor-element-5aec6562{--content-width:1320px;}}/* Start custom CSS for woocommerce-checkout-page, class: .elementor-element-1124a495 *//* ==========================================================================
   8. MODERN, 2-COLUMN & RESPONSIVE CHECKOUT PAGE (UNIVERSAL FLEX WRAP)
   ========================================================================== */

/* Global checkout layout setup */
.woocommerce-checkout {
    font-family: 'Quicksand', sans-serif !important;
    color: #23381D !important; /* Brand deep forest green */
}

/* 1. FORCE 1 ROW WITH DYNAMIC WRAPPING ON ALL WIDTHS (NO MEDIA QUERIES!) */
.woocommerce-checkout .e-checkout__container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important; /* Dynamic wrapping active on all screen sizes */
    justify-content: space-between !important;
    align-items: flex-start !important;
    width: 100% !important;
    gap: 30px !important;
}

/* Left Billing Column (Pulls 55% width, wraps below 320px) */
.woocommerce-checkout .e-checkout__column-start {
    flex: 1 1 55% !important;
    min-width: 320px !important; /* Safe wrapping boundary */
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Right Order Review Column (Pulls 38% width, wraps below 300px) */
.woocommerce-checkout .e-checkout__column-end {
    flex: 1 1 38% !important;
    min-width: 300px !important; /* Safe wrapping boundary */
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Sticky Right Column - Screen par scroll ke sath order panel move karega */
@media (min-width: 768px) {
    .woocommerce-checkout .e-sticky-right-column {
        position: sticky !important;
        top: 30px !important;
        z-index: 99 !important;
    }
}

/* 2. CARD WRAPPER STYLING (ELEGANT WHITE BOARDS) */
.woocommerce-checkout .e-checkout__column-start,
.woocommerce-checkout .e-checkout__column-end {
    background-color: #ffffff !important; /* Pure White elegant cards */
    border: 1px solid rgba(35, 56, 29, 0.08) !important;
    border-radius: 16px !important;
    padding: 35px !important;
    box-shadow: 0 8px 30px rgba(35, 56, 29, 0.02) !important;
    box-sizing: border-box !important;
}

/* 3. WIPE OUT ALL THEME-INFLICTED BROWN BACKGROUNDS */
.woocommerce-checkout #customer_details,
.woocommerce-checkout .col2-set,
.woocommerce-checkout .col-1,
.woocommerce-checkout .col-2,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout .e-checkout__order_review,
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout .shop_table,
.woocommerce-checkout .woocommerce-checkout-review-order-table,
.woocommerce-checkout-payment {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* 4. HEADERS STYLING (BILLING DETAILS, YOUR ORDER) */
.woocommerce-checkout h3,
.woocommerce-checkout #order_review_heading {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #23381D !important;
    border-bottom: 2px solid rgba(35, 56, 29, 0.08) !important;
    padding-bottom: 12px !important;
    margin-bottom: 25px !important;
    letter-spacing: -0.5px !important;
    text-transform: capitalize !important;
}

/* 5. FORM FIELDS, LABELS & SLEEK INPUTS */
.woocommerce-checkout p.form-row {
    margin-bottom: 18px !important;
    display: block !important;
}

.woocommerce-checkout p.form-row label {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #23381D !important;
    margin-bottom: 8px !important;
    display: inline-block !important;
}

.woocommerce-checkout p.form-row label .required {
    color: #d11a2a !important; /* Soft Red */
    text-decoration: none !important;
}

/* Inputs & select box customization */
.woocommerce-checkout .input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 48px !important;
    border: 1px solid rgba(35, 56, 29, 0.15) !important;
    border-radius: 8px !important;
    padding: 0 16px !important;
    font-size: 14.5px !important;
    font-family: 'Quicksand', sans-serif !important;
    background-color: #faf9f6 !important;
    color: #23381D !important;
    box-shadow: none !important;
    transition: all 0.2s ease-in-out !important;
    box-sizing: border-box !important;
}

.woocommerce-checkout textarea {
    height: auto !important;
    padding: 12px 16px !important;
}

/* Select2 state .elementor-170765 .elementor-element.elementor-element-1124a495 overrides */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 46px !important;
    color: #23381D !important;
    padding: 0 !important;
    font-weight: 500 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 46px !important;
    right: 12px !important;
}

/* Focus States (Interactive Shadow Glow) */
.woocommerce-checkout .input-text:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus,
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #23381D !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(35, 56, 29, 0.08) !important;
    outline: none !important;
}

/* 6. ORDER REVIEW TABLE (Clean minimalist borderless design) */
.woocommerce-checkout-review-order-table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 25px !important;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    padding: 15px 0 !important;
    border-bottom: 1px solid rgba(35, 56, 29, 0.08) !important;
    background: transparent !important;
    color: #23381D !important;
    text-align: left !important;
    font-size: 14.5px !important;
}

.woocommerce-checkout-review-order-table th {
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
}

.woocommerce-checkout-review-order-table td.product-total,
.woocommerce-checkout-review-order-table th.product-total {
    text-align: right !important;
}

/* Total price sizing */
.woocommerce-checkout-review-order-table tr.order-total th,
.woocommerce-checkout-review-order-table tr.order-total td {
    font-size: 18px !important;
    font-weight: 700 !important;
    border-bottom: none !important;
    padding-top: 20px !important;
}

/* 7. COUPON BOX AND PLACE ORDER BUTTON */
.e-coupon-box {
    background-color: #faf9f6 !important;
    border: 1px dashed rgba(35, 56, 29, 0.15) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 25px !important;
    box-sizing: border-box !important;
}

.e-coupon-box .e-apply-coupon {
    background-color: #583d1c !important; /* Categories Brown */
    color: #ffffff !important;
    height: 44px !important;
    border-radius: 30px !important;
    font-weight: 600 !important;
    font-family: 'Quicksand', sans-serif !important;
}

/* Big Premium Green Place Order Button */
.woocommerce-checkout #place_order {
    background-color: #23381D !important; /* Brand deep forest green */
    color: #ffffff !important;
    width: 100% !important;
    height: 54px !important;
    border-radius: 50px !important; /* Pill style */
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
    margin-top: 20px !important;
    box-shadow: 0 4px 15px rgba(35, 56, 29, 0.12) !important;
}

.woocommerce-checkout #place_order:hover {
    background-color: #172613 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(35, 56, 29, 0.18) !important;
}

/* Payment Gateway Alert Area */
.woocommerce-checkout-payment {
    background-color: #faf9f6 !important;
    border: 1px solid rgba(35, 56, 29, 0.04) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-top: 20px !important;
    box-sizing: border-box !important;
}

.woocommerce-info {
    border-top-color: #23381D !important;
    background-color: #ffffff !important;
    color: #23381D !important;
    border-radius: 8px !important;
    font-size: 13.5px !important;
}
#pwgc-redeem-button{
    background-color: #23381D !important;
    color: #ffffff !important;
    width: 100% !important;
    height: 46px !important;
    border-radius: 50px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
    margin-top: 20px !important;
    box-shadow: 0 4px 15px rgba(35, 56, 29, 0.12) !important;
}
#pwgc-redeem-gift-card-number{
        width: 100% !important;
    height: 48px !important;
    border: 1px solid rgba(35, 56, 29, 0.15) !important;
    border-radius: 8px !important;
    padding: 0 16px !important;
    font-size: 14.5px !important;
    font-family: 'Quicksand', sans-serif !important;
    background-color: #faf9f6 !important;
    color: #23381D !important;
    box-shadow: none !important;
    transition: all 0.2s ease-in-out !important;
    box-sizing: border-box !important;
    margin-top: 10px;
}
.e-checkout-secondary-title{
    margin: 0px !important;
}
 .payment_method_mpgs_gateway p{
    margin: 0px !important;
}
.form-row {
    margin: 0px !important;
    margin-bottom: -15px !important;
}
.form-row button{
    background-color: #23381D !important;
    color: #ffffff !important;
    height: 50px !important;
    border-radius: 50px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 4px 15px rgba(35, 56, 29, 0.12) !important;
}
.e-login-wrap-end{
    margin-bottom: -25px !important;
}
.e-apply-coupon{
    width: 100% !important;
        background-color: #23381D !important;
}
.coupon-container-grid{
    margin-top: 10px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'ElCamino Bold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://allrareherbs.com.au/wp-content/uploads/2026/05/elcamino-bold-webfont.woff2') format('woff2');
}
/* End Custom Fonts CSS */