/**
 * WooCommerce Checkout Dark Theme Override
 * Heavy CSS overrides for WooCommerce 6.8.2
 * This file uses !important extensively to override stubborn WooCommerce styles
 */

/* ========================================
   GLOBAL WOOCOMMERCE CHECKOUT OVERRIDES
   ======================================== */

/* Force RTL and Arabic Support */
body.woocommerce-checkout {
    direction: rtl !important;
    text-align: right !important;
    font-family: 'Cairo', sans-serif !important;
    background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%) !important;
    padding-top: 100px !important;
    padding-bottom: 50px !important;
    min-height: 100vh !important;
}

/* PROTECT HEADER FROM CHECKOUT OVERRIDES */
body.woocommerce-checkout header,
body.woocommerce-checkout .header,
body.woocommerce-checkout header *,
body.woocommerce-checkout .header * {
    background: var(--y-color-bg) !important;
    background-color: var(--y-color-bg) !important;
    background-image: none !important;
    color: var(--y-color-text) !important;
    font-family: 'Cairo', sans-serif !important;
    direction: rtl !important;
    text-align: right !important;
}

/* Ensure header maintains its original styling */
body.woocommerce-checkout header.y-u-fixed,
body.woocommerce-checkout .header.y-u-fixed {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    background: var(--y-color-bg) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Protect navigation links */
body.woocommerce-checkout header .desktop-menu,
body.woocommerce-checkout .header .desktop-menu,
body.woocommerce-checkout header .desktop-menu a,
body.woocommerce-checkout .header .desktop-menu a {
    color: var(--y-color-text) !important;
    background: transparent !important;
    text-decoration: none !important;
}

body.woocommerce-checkout header .desktop-menu a:hover,
body.woocommerce-checkout .header .desktop-menu a:hover {
    color: var(--y-color-primary) !important;
}

/* Protect logo */
body.woocommerce-checkout header .logo,
body.woocommerce-checkout .header .logo,
body.woocommerce-checkout header .logo a,
body.woocommerce-checkout .header .logo a {
    color: var(--y-color-primary) !important;
    background: transparent !important;
    text-decoration: none !important;
}

/* Protect profile dropdown */
body.woocommerce-checkout header .profile-dropdown,
body.woocommerce-checkout .header .profile-dropdown,
body.woocommerce-checkout header .dropdown-menu,
body.woocommerce-checkout .header .dropdown-menu {
    background: var(--y-color-s-bg) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: var(--y-color-text) !important;
}

body.woocommerce-checkout header .dropdown-menu a,
body.woocommerce-checkout .header .dropdown-menu a {
    color: var(--y-color-text) !important;
    background: transparent !important;
}

body.woocommerce-checkout header .dropdown-menu a:hover,
body.woocommerce-checkout .header .dropdown-menu a:hover {
    background: var(--y-color-primary) !important;
    color: white !important;
}

/* Hide overlapping billing address_2 label */
body.woocommerce-checkout label[for="billing-address_2"] {
    display: none !important;
}

/* Override WooCommerce default container */
.woocommerce-checkout .woocommerce {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

.woocommerce-checkout .woocommerce-checkout {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Remove ALL beige/light colors from WooCommerce checkout */
.woocommerce-checkout,
.woocommerce-checkout *,
.woocommerce-checkout .woocommerce,
.woocommerce-checkout .woocommerce-checkout,
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout .woocommerce-checkout-payment,
.woocommerce-checkout .woocommerce-checkout-billing,
.woocommerce-checkout .woocommerce-checkout-shipping,
.woocommerce-checkout .woocommerce-checkout-additional,
.woocommerce-checkout .woocommerce-checkout-review-order-table,
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods,
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li,
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box,
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box p,
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box input,
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box select,
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box textarea,
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box label,
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box .form-row,
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box .form-row input,
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box .form-row select,
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box .form-row textarea,
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box .form-row label,
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box .form-row .woocommerce-input-wrapper,
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box .form-row .woocommerce-input-wrapper input,
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box .form-row .woocommerce-input-wrapper select,
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box .form-row .woocommerce-input-wrapper textarea,
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box .form-row .woocommerce-input-wrapper label,
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box .form-row .woocommerce-input-wrapper .woocommerce-input-wrapper,
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box .form-row .woocommerce-input-wrapper .woocommerce-input-wrapper input,
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box .form-row .woocommerce-input-wrapper .woocommerce-input-wrapper select,
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box .form-row .woocommerce-input-wrapper .woocommerce-input-wrapper textarea,
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box .form-row .woocommerce-input-wrapper .woocommerce-input-wrapper label {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* ========================================
   FORM FIELD OVERRIDES
   ======================================== */

/* Override WooCommerce form fields */
.woocommerce-checkout .form-row input[type="text"],
.woocommerce-checkout .form-row input[type="email"],
.woocommerce-checkout .form-row input[type="tel"],
.woocommerce-checkout .form-row input[type="password"],
.woocommerce-checkout .form-row input[type="number"],
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select {
    background: #2a2a2a !important;
    background-color: #2a2a2a !important;
    border: 2px solid #444 !important;
    border-radius: 12px !important;
    color: white !important;
    padding: 14px 18px !important;
    width: 100% !important;
    margin-bottom: 15px !important;
    box-sizing: border-box !important;
    min-height: 50px !important;
    text-align: right !important;
    direction: rtl !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

.woocommerce-checkout .form-row input:focus,
.woocommerce-checkout .form-row select:focus,
.woocommerce-checkout .form-row textarea:focus {
    border-color: #6ca4a1 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(108, 164, 161, 0.3) !important;
    background: #333 !important;
    background-color: #333 !important;
    transform: scale(1.02) !important;
}

.woocommerce-checkout .form-row input:hover,
.woocommerce-checkout .form-row select:hover,
.woocommerce-checkout .form-row textarea:hover {
    border-color: #6ca4a1 !important;
    background-color: #333 !important;
}

.woocommerce-checkout .form-row label {
    color: white !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
    display: block !important;
    text-align: right !important;
    direction: rtl !important;
    font-size: 1rem !important;
}

.woocommerce-checkout .form-row select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236ca4a1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: left 12px center !important;
    background-size: 20px !important;
    padding-left: 45px !important;
    padding-right: 18px !important;
}

.woocommerce-checkout .form-row .required {
    color: #ef4444 !important;
}

.woocommerce-checkout .form-row .woocommerce-error {
    color: #ef4444 !important;
    font-size: 0.875rem !important;
    margin-top: 0.25rem !important;
    text-align: right !important;
    direction: rtl !important;
}

/* ========================================
   PAYMENT METHODS OVERRIDES
   ======================================== */

/* Override WooCommerce payment methods styling */
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods {
    background: #333 !important;
    background-color: #333 !important;
    border: 1px solid #444 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin: 0 !important;
    list-style: none !important;
}

.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li {
    background: #2a2a2a !important;
    background-color: #2a2a2a !important;
    border: 1px solid #444 !important;
    border-radius: 8px !important;
    padding: 15px !important;
    margin-bottom: 10px !important;
    list-style: none !important;
    transition: all 0.3s ease !important;
}

.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li:hover {
    border-color: #6ca4a1 !important;
    box-shadow: 0 5px 15px rgba(108, 164, 161, 0.2) !important;
    transform: translateX(-5px) !important;
}

.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border: 1px solid #444 !important;
    border-radius: 8px !important;
    padding: 15px !important;
    margin-top: 10px !important;
}

.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box p {
    color: #ccc !important;
    margin-bottom: 10px !important;
    text-align: right !important;
    direction: rtl !important;
}

.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box input,
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box select,
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box textarea {
    background: #2a2a2a !important;
    background-color: #2a2a2a !important;
    border: 2px solid #444 !important;
    border-radius: 8px !important;
    color: white !important;
    padding: 12px 15px !important;
    width: 100% !important;
    margin-bottom: 10px !important;
    text-align: right !important;
    direction: rtl !important;
}

.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box input:focus,
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box select:focus,
.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box textarea:focus {
    border-color: #6ca4a1 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(108, 164, 161, 0.3) !important;
    background: #333 !important;
    background-color: #333 !important;
}

.woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box label {
    color: white !important;
    font-weight: 600 !important;
    margin-bottom: 5px !important;
    display: block !important;
    text-align: right !important;
    direction: rtl !important;
}

/* ========================================
   ORDER REVIEW TABLE OVERRIDES
   ======================================== */

/* Override WooCommerce order review table */
.woocommerce-checkout .woocommerce-checkout-review-order-table {
    background: #2a2a2a !important;
    background-color: #2a2a2a !important;
    border: 1px solid #444 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
    width: 100% !important;
    border-collapse: collapse !important;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table th,
.woocommerce-checkout .woocommerce-checkout-review-order-table td {
    background: transparent !important;
    background-color: transparent !important;
    color: white !important;
    border: none !important;
    padding: 10px 15px !important;
    text-align: right !important;
    direction: rtl !important;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table .product-total {
    text-align: left !important;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td {
    background: #333 !important;
    background-color: #333 !important;
    border-top: 1px solid #444 !important;
    font-weight: 600 !important;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td {
    background: linear-gradient(135deg, #333, #2a2a2a) !important;
    border: 2px solid #6ca4a1 !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: #6ca4a1 !important;
}

/* ========================================
   PLACE ORDER BUTTON OVERRIDES
   ======================================== */

/* Override WooCommerce place order button */
.woocommerce-checkout .woocommerce-checkout-payment .place-order .button {
    background: linear-gradient(135deg, #6ca4a1, #56827f) !important;
    background-color: #6ca4a1 !important;
    color: white !important;
    border: none !important;
    padding: 18px 36px !important;
    border-radius: 15px !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-transform: none !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 8px 25px rgba(108, 164, 161, 0.4) !important;
    width: 100% !important;
    position: relative !important;
    overflow: hidden !important;
    text-align: center !important;
    direction: rtl !important;
}

.woocommerce-checkout .woocommerce-checkout-payment .place-order .button:hover {
    background: linear-gradient(135deg, #56827f, #4a6b68) !important;
    background-color: #56827f !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 30px rgba(108, 164, 161, 0.5) !important;
}

.woocommerce-checkout .woocommerce-checkout-payment .place-order .button:disabled {
    background: #666 !important;
    background-color: #666 !important;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
}

/* ========================================
   WOOCOMMERCE MESSAGES OVERRIDES
   ======================================== */

/* Override WooCommerce notices */
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-info {
    background: #333 !important;
    background-color: #333 !important;
    border: 1px solid #444 !important;
    border-radius: 8px !important;
    color: white !important;
    padding: 15px !important;
    margin-bottom: 15px !important;
    text-align: right !important;
    direction: rtl !important;
}

.woocommerce-checkout .woocommerce-error {
    border-left: 4px solid #ef4444 !important;
}

.woocommerce-checkout .woocommerce-message {
    border-left: 4px solid #22c55e !important;
}

.woocommerce-checkout .woocommerce-info {
    border-left: 4px solid #6ca4a1 !important;
}

/* ========================================
   CHECKBOX AND RADIO OVERRIDES
   ======================================== */

/* Override WooCommerce checkbox and radio styling */
.woocommerce-checkout .form-row input[type="checkbox"],
.woocommerce-checkout .form-row input[type="radio"] {
    width: 20px !important;
    height: 20px !important;
    margin-left: 8px !important;
    margin-right: 0 !important;
    accent-color: #6ca4a1 !important;
    cursor: pointer !important;
}

.woocommerce-checkout .form-row input[type="checkbox"] + label,
.woocommerce-checkout .form-row input[type="radio"] + label {
    display: inline-flex !important;
    align-items: center !important;
    cursor: pointer !important;
    margin: 0 !important;
    color: white !important;
    direction: rtl !important;
    text-align: right !important;
}

/* ========================================
   RESPONSIVE DESIGN
   ======================================== */

@media (max-width: 768px) {
    body.woocommerce-checkout {
        padding: 50px 0 !important;
    }
    
    .woocommerce-checkout .form-row input,
    .woocommerce-checkout .form-row select,
    .woocommerce-checkout .form-row textarea {
        padding: 12px 15px !important;
        font-size: 0.9rem !important;
    }
    
    .woocommerce-checkout .woocommerce-checkout-payment .place-order .button {
        padding: 15px 30px !important;
        font-size: 1.2rem !important;
    }
}

/* ========================================
   ADDITIONAL OVERRIDES FOR STUBBORN STYLES
   ======================================== */

/* Force override any remaining inline styles */
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr,
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr td,
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr th,
.woocommerce-checkout .woocommerce-checkout-review-order-table thead tr,
.woocommerce-checkout .woocommerce-checkout-review-order-table thead tr td,
.woocommerce-checkout .woocommerce-checkout-review-order-table thead tr th,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr td,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr th {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: white !important;
}

/* Override WooCommerce form row styling */
.woocommerce-checkout .form-row,
.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last,
.woocommerce-checkout .form-row-wide {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Override WooCommerce input wrapper */
.woocommerce-checkout .woocommerce-input-wrapper,
.woocommerce-checkout .woocommerce-input-wrapper input,
.woocommerce-checkout .woocommerce-input-wrapper select,
.woocommerce-checkout .woocommerce-input-wrapper textarea {
    background: #2a2a2a !important;
    background-color: #2a2a2a !important;
    border: 2px solid #444 !important;
    border-radius: 8px !important;
    color: white !important;
    padding: 12px 15px !important;
    width: 100% !important;
    margin-bottom: 10px !important;
    text-align: right !important;
    direction: rtl !important;
}

.woocommerce-checkout .woocommerce-input-wrapper input:focus,
.woocommerce-checkout .woocommerce-input-wrapper select:focus,
.woocommerce-checkout .woocommerce-input-wrapper textarea:focus {
    border-color: #6ca4a1 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(108, 164, 161, 0.3) !important;
    background: #333 !important;
    background-color: #333 !important;
}

/* Override WooCommerce label styling */
.woocommerce-checkout .form-row label,
.woocommerce-checkout .form-row-first label,
.woocommerce-checkout .form-row-last label,
.woocommerce-checkout .form-row-wide label {
    color: white !important;
    font-weight: 600 !important;
    margin-bottom: 5px !important;
    display: block !important;
    text-align: right !important;
    direction: rtl !important;
}

/* Override WooCommerce required field indicator */
.woocommerce-checkout .form-row .required {
    color: #ef4444 !important;
}

/* Override WooCommerce field validation styling */
.woocommerce-checkout .form-row .woocommerce-validated input,
.woocommerce-checkout .form-row .woocommerce-validated select,
.woocommerce-checkout .form-row .woocommerce-validated textarea {
    border-color: #22c55e !important;
}

.woocommerce-checkout .form-row .woocommerce-invalid input,
.woocommerce-checkout .form-row .woocommerce-invalid select,
.woocommerce-checkout .form-row .woocommerce-invalid textarea {
    border-color: #ef4444 !important;
}

/* Override WooCommerce field error styling */
.woocommerce-checkout .form-row .woocommerce-error {
    color: #ef4444 !important;
    font-size: 0.875rem !important;
    margin-top: 0.25rem !important;
    text-align: right !important;
    direction: rtl !important;
}

/* Override WooCommerce field description styling */
.woocommerce-checkout .form-row .woocommerce-input-wrapper .description {
    color: #ccc !important;
    font-size: 0.875rem !important;
    margin-top: 0.25rem !important;
    text-align: right !important;
    direction: rtl !important;
}

/* ========================================
   WOOCOMMERCE BLOCKS CHECKOUT OVERRIDES
   ======================================== */

/* Main checkout block container */
.wp-block-woocommerce-checkout {
    background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%) !important;
    color: white !important;
    font-family: "Cairo", sans-serif !important;
    direction: rtl !important;
    text-align: right !important;
    padding-top: 100px !important;
    padding-bottom: 50px !important;
    min-height: 100vh !important;
}

/* Checkout step containers - Single layer only */
.wc-block-components-checkout-step {
    background: #2a2a2a !important;
    border: 1px solid #444 !important;
    border-radius: 20px !important;
    padding: 2rem !important;
    margin-bottom: 2rem !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
}

.wc-block-components-checkout-step__container,
.wc-block-components-checkout-step__content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Form inputs - Better spacing and alignment */
.wc-block-components-text-input,
.wc-block-components-address-form,
.wc-blocks-components-select {
    margin-bottom: 1.5rem !important;
    position: relative !important;
}

.wc-block-components-text-input input,
.wc-block-components-address-form input,
.wc-blocks-components-select__select {
    background: #2a2a2a !important;
    background-color: #2a2a2a !important;
    border: 2px solid #444 !important;
    border-radius: 12px !important;
    color: white !important;
    padding: 16px 20px !important;
    width: 100% !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
    min-height: 56px !important;
    text-align: right !important;
    direction: rtl !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    line-height: 1.4 !important;
}

.wc-block-components-text-input input:focus,
.wc-block-components-address-form input:focus,
.wc-blocks-components-select__select:focus {
    border-color: #6ca4a1 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(108, 164, 161, 0.3) !important;
    background: #333 !important;
    background-color: #333 !important;
    transform: scale(1.02) !important;
}

/* Labels - Better positioning and spacing */
.wc-block-components-text-input label,
.wc-blocks-components-select__label {
    color: white !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
    display: block !important;
    text-align: right !important;
    direction: rtl !important;
    font-size: 0.95rem !important;
    line-height: 1.3 !important;
    padding-bottom: 4px !important;
}

/* Dropdown styling - Better spacing and appearance */
.wc-blocks-components-select__container {
    position: relative !important;
    margin-bottom: 0 !important;
}

.wc-blocks-components-select__select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: none !important;
    padding-right: 50px !important;
    cursor: pointer !important;
}

.wc-blocks-components-select__expand {
    position: absolute !important;
    right: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    color: #6ca4a1 !important;
    width: 20px !important;
    height: 20px !important;
}

/* Address card styling - Better spacing */
.wc-block-components-address-card {
    background: #333 !important;
    border: 1px solid #555 !important;
    border-radius: 12px !important;
    padding: 1.5rem !important;
    margin-bottom: 1.5rem !important;
    transition: all 0.3s ease !important;
}

.wc-block-components-address-card:hover {
    border-color: #6ca4a1 !important;
    transform: translateX(-3px) !important;
}

.wc-block-components-address-card address {
    color: white !important;
    font-style: normal !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

.wc-block-components-address-card__address-section {
    display: block !important;
    margin-bottom: 0.5rem !important;
}

.wc-block-components-address-card__edit {
    color: #6ca4a1 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    margin-top: 1rem !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
}

.wc-block-components-address-card__edit:hover {
    color: #56827f !important;
    transform: translateX(-2px) !important;
}

/* Radio controls - Better styling for payment methods */
.wc-block-components-radio-control__option {
    background: #2a2a2a !important;
    border: 1px solid #444 !important;
    border-radius: 12px !important;
    padding: 1.5rem !important;
    margin-bottom: 1rem !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.wc-block-components-radio-control__option:hover {
    border-color: #6ca4a1 !important;
    box-shadow: 0 5px 15px rgba(108, 164, 161, 0.2) !important;
    transform: translateX(-5px) !important;
}

.wc-block-components-radio-control__option-checked {
    border-color: #6ca4a1 !important;
    background: linear-gradient(135deg, #2a2a2a, #333) !important;
    box-shadow: 0 8px 25px rgba(108, 164, 161, 0.3) !important;
}

.wc-block-components-radio-control__label {
    color: white !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-align: right !important;
    direction: rtl !important;
}

/* Credit card logos - Better positioning */
.wc-block-components-radio-control__label img {
    float: none !important;
    margin: 0 5px !important;
    max-width: 40px !important;
    height: auto !important;
    display: inline-block !important;
    vertical-align: middle !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
}

/* Radio button styling */
.wc-block-components-radio-control__input {
    width: 20px !important;
    height: 20px !important;
    margin-left: 12px !important;
    margin-right: 0 !important;
    accent-color: #6ca4a1 !important;
    cursor: pointer !important;
}

/* Checkbox styling - Better appearance */
.wc-block-components-checkbox {
    margin: 1.5rem 0 !important;
    padding: 1rem !important;
    background: #333 !important;
    border: 1px solid #555 !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
}

.wc-block-components-checkbox:hover {
    border-color: #6ca4a1 !important;
    transform: translateX(-3px) !important;
}

.wc-block-components-checkbox label {
    display: flex !important;
    align-items: center !important;
    cursor: pointer !important;
    color: white !important;
    font-weight: 600 !important;
    margin: 0 !important;
    gap: 12px !important;
}

.wc-block-components-checkbox__input {
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    accent-color: #6ca4a1 !important;
    cursor: pointer !important;
}

.wc-block-components-checkbox__mark {
    display: none !important;
}

.wc-block-components-checkbox__label {
    font-size: 0.95rem !important;
    line-height: 1.4 !important;
}

/* Order summary sidebar - Single layer */
.wc-block-components-sidebar {
    background: #2a2a2a !important;
    border: 1px solid #444 !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
    padding: 2rem !important;
}

/* Order summary items - Clean single layer with better layout */
.wc-block-components-order-summary-item {
    background: #333 !important;
    border-radius: 12px !important;
    border: 1px solid #555 !important;
    padding: 1rem !important;
    margin-bottom: 1rem !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
}

/* Fix quantity circle positioning - move it next to product, not on it */
.wc-block-components-order-summary-item__image {
    position: relative !important;
    flex-shrink: 0 !important;
}

.wc-block-components-order-summary-item__quantity {
    position: absolute !important;
    top: -8px !important;
    right: -8px !important;
    background: #6ca4a1 !important;
    color: white !important;
    border-radius: 50% !important;
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    border: 2px solid #2a2a2a !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
    z-index: 10 !important;
}

/* Better product description layout */
.wc-block-components-order-summary-item__description {
    flex: 1 !important;
    min-width: 0 !important;
}

.wc-block-components-product-name {
    color: white !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    margin-bottom: 0.5rem !important;
    line-height: 1.3 !important;
}

.wc-block-components-product-price {
    color: #6ca4a1 !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    margin-bottom: 0.5rem !important;
}

.wc-block-components-product-metadata__description p {
    color: #ccc !important;
    font-size: 0.9rem !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

/* Total price positioning */
.wc-block-components-order-summary-item__total-price {
    flex-shrink: 0 !important;
    text-align: left !important;
    font-weight: 700 !important;
    color: #6ca4a1 !important;
}

.wc-block-components-order-summary-item:hover {
    transform: translateX(-5px) !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.3) !important;
    border-color: #6ca4a1 !important;
}

/* Totals - Better styling */
.wc-block-components-totals-item {
    color: white !important;
    padding: 1rem !important;
    background: #333 !important;
    border-radius: 12px !important;
    margin-bottom: 0.75rem !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border: 1px solid #555 !important;
    transition: all 0.3s ease !important;
}

.wc-block-components-totals-item:hover {
    border-color: #6ca4a1 !important;
    transform: translateX(-3px) !important;
}

.wc-block-components-totals-item__label {
    font-weight: 600 !important;
    color: white !important;
}

.wc-block-components-totals-item__value {
    font-weight: 700 !important;
    color: #6ca4a1 !important;
}

.wc-block-components-totals-footer-item {
    background: linear-gradient(135deg, #333, #2a2a2a) !important;
    border: 2px solid #6ca4a1 !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: #6ca4a1 !important;
    padding: 1.5rem !important;
    margin-top: 1rem !important;
}

.wc-block-components-totals-footer-item:hover {
    transform: translateX(-5px) !important;
    box-shadow: 0 8px 25px rgba(108, 164, 161, 0.3) !important;
}

/* Place order button */
.wc-block-components-checkout-place-order-button {
    background: linear-gradient(135deg, #6ca4a1, #56827f) !important;
    color: white !important;
    border: none !important;
    padding: 18px 36px !important;
    border-radius: 15px !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-transform: none !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 8px 25px rgba(108, 164, 161, 0.4) !important;
    width: 100% !important;
    text-align: center !important;
    direction: rtl !important;
}

.wc-block-components-checkout-place-order-button:hover {
    background: linear-gradient(135deg, #56827f, #4a6b68) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 30px rgba(108, 164, 161, 0.5) !important;
}

/* Return to cart button */
.wc-block-components-checkout-return-to-cart-button {
    color: #ccc !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

.wc-block-components-checkout-return-to-cart-button:hover {
    color: #6ca4a1 !important;
}

/* Step titles */
.wc-block-components-checkout-step__title {
    color: #6ca4a1 !important;
    font-size: 1.6rem !important;
    font-weight: 700 !important;
    margin-bottom: 1.5rem !important;
    border-bottom: 3px solid #6ca4a1 !important;
    padding-bottom: 1rem !important;
}

/* Step descriptions */
.wc-block-components-checkout-step__description {
    color: #ccc !important;
    margin-bottom: 1rem !important;
}

/* Payment method content - Better styling */
.wc-block-components-radio-control-accordion-content {
    background: #333 !important;
    border: 1px solid #555 !important;
    border-radius: 12px !important;
    padding: 1.5rem !important;
    margin-top: 1rem !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important;
    transition: all 0.3s ease !important;
}

.wc-block-components-radio-control-accordion-content:hover {
    border-color: #6ca4a1 !important;
    transform: translateX(-3px) !important;
}

/* Payment form description */
.wc-block-components-radio-control-accordion-content > div > div:first-child {
    color: #ccc !important;
    font-size: 0.95rem !important;
    margin-bottom: 1.5rem !important;
    text-align: right !important;
    direction: rtl !important;
}

/* Payment form inputs - Fix overlapping placeholders */
.wc-block-components-radio-control-accordion-content .wc-block-components-text-input {
    margin-bottom: 1.5rem !important;
    position: relative !important;
}

.wc-block-components-radio-control-accordion-content .wc-block-components-text-input input {
    background: #2a2a2a !important;
    background-color: #2a2a2a !important;
    border: 2px solid #444 !important;
    border-radius: 12px !important;
    color: white !important;
    padding: 16px 20px !important;
    width: 100% !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
    min-height: 56px !important;
    text-align: right !important;
    direction: rtl !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    line-height: 1.4 !important;
}

.wc-block-components-radio-control-accordion-content .wc-block-components-text-input input:focus {
    border-color: #6ca4a1 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(108, 164, 161, 0.3) !important;
    background: #333 !important;
    background-color: #333 !important;
    transform: scale(1.02) !important;
}

.wc-block-components-radio-control-accordion-content .wc-block-components-text-input input::placeholder {
    color: #888 !important;
    opacity: 1 !important;
    font-size: 0.9rem !important;
    text-align: right !important;
    direction: rtl !important;
}

.wc-block-components-radio-control-accordion-content .wc-block-components-text-input label {
    color: white !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
    display: block !important;
    text-align: right !important;
    direction: rtl !important;
    font-size: 0.95rem !important;
    line-height: 1.3 !important;
    padding-bottom: 4px !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Hide placeholder when input has value or is focused */
.wc-block-components-radio-control-accordion-content .wc-block-components-text-input input:focus::placeholder,
.wc-block-components-radio-control-accordion-content .wc-block-components-text-input input:not(:placeholder-shown)::placeholder {
    opacity: 0 !important;
}

/* Coupon section styling */
.wc-block-components-totals-coupon {
    background: #333 !important;
    border: 1px solid #555 !important;
    border-radius: 12px !important;
    margin-bottom: 1rem !important;
    transition: all 0.3s ease !important;
}

.wc-block-components-totals-coupon:hover {
    border-color: #6ca4a1 !important;
    transform: translateX(-3px) !important;
}

.wc-block-components-panel__button {
    color: white !important;
    padding: 1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    cursor: pointer !important;
    font-weight: 600 !important;
}

.wc-block-components-panel__button:hover {
    color: #6ca4a1 !important;
}

.wc-block-components-panel__button-icon {
    color: #6ca4a1 !important;
}

/* Terms text */
.wc-block-checkout__terms {
    color: #ccc !important;
    text-align: right !important;
    direction: rtl !important;
}

/* Order summary title */
.wc-block-components-checkout-order-summary__title-text {
    color: #6ca4a1 !important;
    font-size: 1.6rem !important;
    font-weight: 700 !important;
}

.wc-block-components-checkout-order-summary__title-price {
    color: #6ca4a1 !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
}

/* Remove duplicate layering effects */
.wc-block-components-checkout-step__container,
.wc-block-components-checkout-step__content,
.wc-block-components-address-address-wrapper,
.wc-block-components-address-card-wrapper,
.wc-block-components-radio-control-accordion-content,
.wc-block-components-address-form-wrapper,
.wc-block-components-address-card,
.wc-block-components-address-card-wrapper,
.wc-block-components-address-address-wrapper,
.wc-block-components-address-form-wrapper,
.wc-block-components-text-input,
.wc-block-components-address-form,
.wc-block-components-radio-control-accordion-content,
.wc-block-components-radio-control-accordion-content > *,
.wc-block-components-address-card-wrapper > *,
.wc-block-components-address-address-wrapper > *,
.wc-block-components-address-form-wrapper > * {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important;
    transform: none !important;
}

/* Force single layer for all nested containers */
.wc-block-components-checkout-step > *,
.wc-block-components-checkout-step > * > *,
.wc-block-components-checkout-step > * > * > * {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Exception: Only the main step container should have styling */
.wc-block-components-checkout-step {
    background: #2a2a2a !important;
    background-color: #2a2a2a !important;
    border: 1px solid #444 !important;
    border-radius: 20px !important;
    padding: 2rem !important;
    margin-bottom: 2rem !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
}

/* Ensure single layer for form inputs */
.wc-block-components-text-input,
.wc-block-components-address-form {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 0 1rem 0 !important;
}

/* Responsive design for WooCommerce Blocks */
@media (max-width: 768px) {
    .wp-block-woocommerce-checkout {
        padding: 50px 0 !important;
    }
    
    .wc-block-components-checkout-step {
        padding: 1.5rem !important;
    }
    
    .wc-block-components-text-input input,
    .wc-block-components-address-form input,
    .wc-blocks-components-select__select {
        padding: 12px 15px !important;
        font-size: 0.9rem !important;
    }
    
    .wc-block-components-checkout-place-order-button {
        padding: 15px 30px !important;
        font-size: 1.2rem !important;
    }
}