/* =====================================================================================
   ARYAÉ PREMIUM WOOCOMMERCE CLASSIC CHECKOUT STYLING (PRODUCTION READY)
   ===================================================================================== */

/* -------------------------------------------------------------------------------------

   1. CORE LAYOUT & COLUMN CONFIGURATIONS

------------------------------------------------------------------------------------- */
.aryae-lp-checkout .woocommerce-billing-fields>h3,
.aryae-lp-checkout h3#order_review_heading,
.aryae-lp-checkout .woocommerce-additional-fields>h3 {
    color: var(--color-dark-brown-1) !important;
}

/* -------------------------------------------------------------------------------------
   Left Column
   ------------------------------------------------------------------------------------- */

/* Force classic checkout form container into a cohesive layout grid */
.aryae-lp-checkout .woocommerce-checkout .col2-set .col-1, 
.aryae-lp-checkout .woocommerce-checkout .col2-set .col-2,
.aryae-lp-checkout .woocommerce-checkout-payment {
    float: none;
    width: 100%;
    margin: 0;
    padding: 20px !important;
    border-radius: var(--radius-lg) !important;
    background: var(--color-off-white-1) !important;
    border: 1px solid var(--color-light-brown-1) !important;
}

.aryae-lp-checkout .woocommerce-checkout .col2-set .col-2 {
    margin: 20px 0;
}

/* -------------------------------------------------------------------------------------
   Right Column
   ------------------------------------------------------------------------------------- */

.aryae-lp-checkout h3#order_review_heading {
    padding: 20px 0 20px 20px !important;
    margin-bottom: 0;
    background: var(--color-off-white-1);
    border-radius: var(--radius-lg) var(--radius-lg) 0 0; /* Radius: top-left, top-right, bottom-right, bottom-left */
    border-width: 1px 1px 0 1px; /* Borders: top, right, bottom, left */
    border-style: solid;
    border-color: var(--color-light-brown-1);   
}

.aryae-lp-checkout .woocommerce-checkout-review-order-table {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0 20px 20px !important;
    background: var(--color-off-white-1) !important;
    border-radius: 0 0 var(--radius-lg) var(--radius-lg) !important; /* bottom-right, bottom-left */
    border-width: 0 1px 1px 1px !important; /* Borders: right, bottom, left */
    border-style: solid !important;
    border-color: var(--color-light-brown-1) !important;   
}


/* -------------------------------------------------------------------------------------
   Checkout Form
   ------------------------------------------------------------------------------------- */

.aryae-lp-checkout .woocommerce form .form-row label {
    line-height: 2;
    font-weight: 800;
    font-family: var(--gp-font--cronde);
    letter-spacing: 0.1em;
}

/* 1. Base Input and Dropdown Formatting (Desktop Default) */
.aryae-lp-checkout .woocommerce-input-wrapper input.input-text,
.aryae-lp-checkout .woocommerce-input-wrapper select,
.aryae-lp-checkout .select2-container .select2-selection--single {
    font-family: "Helvetica", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border: 1px solid var(--color-sand-1);
    color: var(--color-black-1);
    
    /* Smooth state transition timing */
    transition: border 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

/* 2. Responsive Typography (Tablet & Mobile Layer) */
@media (max-width: 992px) {
    .aryae-lp-checkout .woocommerce-input-wrapper input.input-text,
    .aryae-lp-checkout .woocommerce-input-wrapper select,
    .aryae-lp-checkout .select2-container .select2-selection--single {
        font-size: 13.5px !important;
    }
}

/* 3. Global Placeholder Formatting */
.aryae-lp-checkout .woocommerce-input-wrapper input.input-text::placeholder {
    color: grey !important;
    font-family: "Helvetica", Arial, sans-serif !important;
    font-weight: 500 !important;
    opacity: 0.9 !important; /* Prevents Firefox/Safari default opacity fading */
}

/* 4. Interactive States: Hover & Active Elements */
.aryae-lp-checkout .woocommerce-input-wrapper input.input-text:hover,
.aryae-lp-checkout .woocommerce-input-wrapper input.input-text:active,
.aryae-lp-checkout .woocommerce-input-wrapper select:hover,
.aryae-lp-checkout .woocommerce-input-wrapper select:active,
.aryae-lp-checkout .select2-container .select2-selection--single:hover {
    border-color: var(--color-light-brown-1) !important;
}

/* 5. Precision Focus State (Active Input Selection Box) */
.aryae-lp-checkout .woocommerce-input-wrapper input.input-text:focus,
.aryae-lp-checkout .woocommerce-input-wrapper select:focus,
.aryae-lp-checkout .select2-container .select2-selection--single:focus {
    border: 1px solid var(--color-dark-brown-1) !important;
    border-color: var(--color-dark-brown-1) !important;
    
    /* Strips default browser glow filters to keep your custom border razor-sharp */
    outline: none !important; 
    box-shadow: none !important; 
}

/* -------------------------------------------------------------------------------------
   Additional Note Block
   ------------------------------------------------------------------------------------- */
.aryae-lp-checkout .woocommerce-additional-fields>h3 {
    margin-top: 0;
}

/* -------------------------------------------------------------------------------------
   Order Summary
   ------------------------------------------------------------------------------------- */
.aryae-lp-checkout .woocommerce table.shop_table th,
.aryae-lp-checkout .woocommerce table.shop_table td {
    padding: 0;
    border: 0;
}

.aryae-lp-checkout .woocommerce table.shop_table th {
    background-color: rgba(0, 0, 0, .03);
    padding: 9px 12px;
    line-height: 1.5em;
    font-family: var(--gp-font--cronde);
    letter-spacing: 0.1em;
    font-size: 14px;
    font-weight: 800;
    color: var(--color-black-1);
}

.aryae-lp-checkout .woocommerce table.shop_table th.product-total {
    text-align: right;
}

.aryae-lp-checkout .woocommerce table.shop_table td {
    background-color: rgba(0, 0, 0, .005);
    border: 0;
    padding: 9px 12px;
    vertical-align: middle;
    line-height: 1.5em;
    font-size: 13.5px;
    text-align: right;
}

.aryae-lp-checkout .woocommerce table.shop_table td.product-name {
    padding: 9px 12px 9px 20px;
    text-align: left;
}

/* Target both the label and price cells inside the total row */
.aryae-lp-checkout .shop_table tfoot tr.order-total th,
.aryae-lp-checkout .shop_table tfoot tr.order-total td {
    border-top: 1px solid rgba(0, 0, 0, 0.15) !important;
    padding-top: 15px !important;
    margin-top: 8px !important;
    font-size: 16px;
}

.aryae-lp-checkout a.woocommerce-remove-coupon {
    display: none !important;
}

/* -------------------------------------------------------------------------------------
   Payment Method
   ------------------------------------------------------------------------------------- */
.aryae-lp-checkout .woocommerce-checkout #payment ul.payment_methods {
    font-size: 13.5px;
    margin-bottom: 10px;
}

.aryae-lp-checkout #payment .payment_methods>.wc_payment_method>label {
    padding: 9px 12px;
    margin-bottom: 10px;
    border-radius: var(--radius-md);
}

/* Payment Method Option Dot */
.aryae-lp-checkout #payment .payment_methods>.wc_payment_method>label:before {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    margin-right: .5407911001em;
    transition: color, ease, .2s;
    font-size: 9px !important;
    color: var(--color-green-dim-3);
}

.aryae-lp-checkout .hitpay-payment-gateway-form {
    margin: 0 !important;
    padding: 0 !important;
    padding: 0 0 0 12px !important;
}

.aryae-lp-checkout .hitpay-payment-gateway-form .payment-labels {
    background: none;
    padding: 0;
    border-radius: 5px;
}

/* -------------------------------------------------------------------------------------
   Privacy Policy
   ------------------------------------------------------------------------------------- */
.aryae-lp-checkout .woocommerce-privacy-policy-text {
    font-size: 13.5px;
}

.aryae-lp-checkout a.woocommerce-privacy-policy-link {
    color: var(--color-dark-brown-1);
}

.aryae-lp-checkout a.woocommerce-privacy-policy-link:hover {
    color: var(--color-black-2);
}

/* -------------------------------------------------------------------------------------
   Payment Button
   ------------------------------------------------------------------------------------- */
.aryae-lp-checkout button#place_order.button.alt {
    float: none !important;
    width: 100% !important;
    padding: 15px 0 !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    
    background: var(--colour-grad-12) !important;
    color: var(--color-off-white-1) !important;

    border: 1px solid var(--color-petal) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: rgba(105, 74, 29, 0.08) 0 4px 12px !important;
    transition: all 0.3s ease 0s;
    text-shadow: rgba(0,0,0,1) 1px 1px 5px !important;
}

.aryae-lp-checkout button#place_order.button.alt:hover {
    transform: translate3d(0px, -2px, 0px);
    filter: brightness(109%);
    box-shadow: rgba(145, 113, 93, 0.14) 0px 20px 50px;
}