/* ============================================================================
   drahaewoo - Cart & Checkout
   Single source of truth for cart/checkout styling. Replaces the old pair
   cart-checkout-fix.css + checkout-polish.css.

   Checkout uses one continuous cream surface (#f7f3ee).

   Cascade order:
     1.  Page wrapper / layout
     2.  WC Blocks layout (sidebar grid, direction)
     3.  WC Blocks sidebar (totals card)
     4.  WC Blocks panels & totals rows
     5.  WC Blocks submit + coupon
     6.  WC Blocks form fields
     7.  Classic cart table
     8.  Classic checkout sections
     9.  Classic form fields + payment + place order
     10. Empty cart + thank-you
     11. NEW: Trust strip
     12. NEW: Free-shipping progress bar
     13. NEW: WhatsApp reassurance
     14. NEW: Personalization card + edit link
     15. NEW: Empty-cart popular products
     16. NEW: Product page prefilled-from-cart hint
     17. Mobile media queries
   ============================================================================ */

/* ----- 1. Page wrapper / layout ----- */
.woocommerce-cart .site-main,
.woocommerce-checkout .site-main {
    padding: 32px 0 72px;
    background: #f7f3ee;
}
.woocommerce-cart .drah-page-shell,
.woocommerce-checkout .drah-page-shell { background: #f7f3ee; }
.woocommerce-cart,
.woocommerce-checkout { background: #f7f3ee !important; }
.woocommerce-cart .drah-container,
.woocommerce-checkout .drah-container {
    width: min(100% - 24px, 1100px);
    max-width: 1100px;
}
.woocommerce-cart .entry-content,
.woocommerce-checkout .entry-content,
.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout {
    color: #171717;
}
.woocommerce-cart h1,
.woocommerce-checkout h1 {
    margin: 0 0 22px;
    color: #171717;
    font: 900 clamp(1.7rem, 5vw, 2.35rem)/1.2 var(--drah-font), sans-serif;
    text-align: right;
}

/* WC Blocks keeps server-rendered markup in an is-loading state until its
   React bundle hydrates. On mobile that skeleton can inherit a white color and
   look like a blank white card, so keep the fallback content legible. */
.wp-block-woocommerce-cart.is-loading,
.wp-block-woocommerce-checkout.is-loading {
    color: #171717 !important;
}
.wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-line-items-block,
.wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-accepted-payment-methods-block,
.wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-express-payment-block,
.wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-order-summary-block,
.wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-proceed-to-checkout-block,
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-fields-block > div,
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-totals-block > div {
    background: rgba(17,17,17, .06) !important;
}
.wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-empty-cart-block {
    display: block !important;
    color: #171717 !important;
}
.wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-filled-cart-block:has(+ .wp-block-woocommerce-empty-cart-block) {
    display: none !important;
}
.wp-block-woocommerce-checkout.is-loading .wc-block-checkout-empty {
    display: block !important;
    color: #171717 !important;
}

/* ----- 2. WC Blocks layout ----- */
.wc-block-components-sidebar-layout {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    overflow: visible !important;
    direction: rtl !important;
}
.wc-block-components-main,
.wc-block-components-sidebar {
    direction: rtl !important;
    text-align: right !important;
}

/* ----- 3. WC Blocks sidebar (totals card) ----- */
.woocommerce-cart .wc-block-components-sidebar {
    overflow: hidden !important;
    padding: 0 !important;
    background: #fff !important;
    border: 1px solid rgba(17,17,17, .08) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

.woocommerce-checkout .wc-block-components-sidebar {
    overflow: hidden !important;
    padding: 0 !important;
    background: #fff !important;
    border: 1px solid rgba(17,17,17, .16) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 28px rgba(17,17,17, .05) !important;
}
.wc-block-cart__totals-title,
.wc-block-components-sidebar h2,
.wc-block-components-title {
    display: block !important;
    margin: 0 !important;
    padding: 20px 22px !important;
    border-bottom: 1px solid rgba(17,17,17, .08) !important;
    text-align: right !important;
    color: #171717 !important;
    font: 900 1.15rem/1.35 var(--drah-font), sans-serif !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    background: #fff !important;
}
/* The block heading sometimes wraps text in a child <span class="wc-block-components-title">.
   Strip its own padding/border so it doesn't double up with the <h2> wrapper. */
.wc-block-cart__totals-title .wc-block-components-title,
.wc-block-components-sidebar h2 .wc-block-components-title {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    font: inherit !important;
}

/* ----- 4. Panels & totals rows ----- */
.wc-block-components-panel,
.wc-block-components-totals-wrapper {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(17,17,17, .06) !important;
    box-shadow: none !important;
    background: #fff !important;
}
.wc-block-components-panel__button {
    width: 100% !important;
    min-height: 48px !important;
    padding: 0 20px !important;
    text-align: right !important;
    color: #171717 !important;
    font: 700 .9rem var(--drah-font), sans-serif !important;
}
.wc-block-components-panel__button svg {
    margin-right: auto !important;
    margin-left: 0 !important;
}
.wc-block-components-totals-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    width: 100% !important;
    padding: 14px 20px !important;
    direction: rtl !important;
    text-align: right !important;
}
.wc-block-components-totals-item__label {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    text-align: right !important;
    color: #171717 !important;
    font: 600 .9rem/1.5 var(--drah-font), sans-serif !important;
    white-space: normal !important;
}
.wc-block-components-totals-item__value {
    flex: 0 0 auto !important;
    min-width: max-content !important;
    text-align: left !important;
    color: #171717 !important;
    font: 800 .95rem/1.5 var(--drah-font), sans-serif !important;
    white-space: nowrap !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
}
.wc-block-components-totals-item__value .wc-block-formatted-money-amount {
    display: inline-block !important;
    white-space: nowrap !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
}
.wc-block-components-totals-footer-item {
    padding: 20px !important;
    background: #fff !important;
    border-top: 1px solid rgba(17,17,17, .08) !important;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font: 900 1.1rem/1.3 var(--drah-font), sans-serif !important;
    color: #171717 !important;
}

/* ----- 5. WC Blocks submit + coupon ----- */
.wc-block-cart__submit-container {
    padding: 16px 20px !important;
    background: #fff !important;
}
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
    width: 100% !important;
    min-height: 56px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, #171717, #171717) !important;
    color: #fff !important;
    font: 900 1rem var(--drah-font), sans-serif !important;
    box-shadow: 0 4px 14px rgba(17,17,17, .25) !important;
    transition: transform .25s ease, box-shadow .25s ease !important;
}
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(17,17,17, .35) !important;
}
/* Coupon row: WC blocks wraps the input in a TextInput component, so the
   flex children are the wrapper + the button, not <input> + <button>. */
.wc-block-components-totals-coupon__content {
    display: flex !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: 4px 20px 16px !important;
    direction: rtl !important;
}
.wc-block-components-totals-coupon__content > .wc-block-components-text-input,
.wc-block-components-totals-coupon__content > .wc-block-components-totals-coupon__input {
    flex: 1 1 auto !important;
    margin: 0 !important;
    min-width: 0 !important;
}
.wc-block-components-totals-coupon__content .wc-block-components-text-input input,
.wc-block-components-totals-coupon__content input[type="text"] {
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    border: 1px solid rgba(17,17,17, .14) !important;
    border-radius: 8px !important;
    padding: 0 14px !important;
    background: #fff !important;
    color: #171717 !important;
    font: 500 .9rem var(--drah-font), sans-serif !important;
    box-shadow: none !important;
}
.wc-block-components-totals-coupon__content .wc-block-components-text-input input:focus,
.wc-block-components-totals-coupon__content input[type="text"]:focus {
    border-color: #171717 !important;
    box-shadow: 0 0 0 3px rgba(17,17,17, .12) !important;
    outline: none !important;
}
/* Hide the floating placeholder/label WC blocks adds on top of the input
   in the coupon row — it duplicates the input placeholder visually. */
.wc-block-components-totals-coupon__content .wc-block-components-text-input label {
    display: none !important;
}
.wc-block-components-totals-coupon__content button,
.wc-block-components-totals-coupon button[type="submit"] {
    flex: 0 0 auto !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 22px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, #171717, #171717) !important;
    color: #171717 !important;
    font: 800 .85rem var(--drah-font), sans-serif !important;
    cursor: pointer !important;
    transition: filter .2s ease, transform .2s ease !important;
}
.wc-block-components-totals-coupon__content button:hover {
    filter: brightness(1.05) !important;
    transform: translateY(-1px) !important;
}
.wc-block-components-totals-shipping__change-address__link,
.wc-block-components-totals-coupon-link {
    color: #171717 !important;
    font-weight: 800 !important;
}
.wc-block-components-sidebar .wc-block-components-totals-shipping__via {
    display: block;
    text-align: left;
    color: #171717;
    font-size: .82rem;
}
.wc-block-cart-items { overflow: hidden !important; }

.wc-block-components-totals-coupon,
.wc-block-components-totals-coupon__form,
.wc-block-components-totals-coupon__content,
.wp-block-woocommerce-cart-order-summary-coupon-form-block,
.wp-block-woocommerce-checkout-order-summary-coupon-form-block {
    display: none !important;
}

/* ----- 6. WC Blocks form fields ----- */
.wc-block-components-text-input input,
.wc-block-components-textarea textarea,
.wc-block-components-combobox .components-combobox-control input {
    border: 1px solid rgba(17,17,17, .14) !important;
    border-radius: 8px !important;
    min-height: 48px !important;
    background: #fff !important;
    color: #171717 !important;
    font: 500 .95rem var(--drah-font), sans-serif !important;
}
.wc-block-components-text-input input:focus,
.wc-block-components-textarea textarea:focus {
    border-color: #171717 !important;
    box-shadow: 0 0 0 2px rgba(17,17,17, .15) !important;
}

/* ----- 6b. Checkout blocks — unified Drah look ----- */
.woocommerce-checkout .wp-block-woocommerce-checkout,
.woocommerce-checkout .wc-block-checkout {
    color: #171717 !important;
    font-family: var(--drah-font), system-ui, sans-serif !important;
}

.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step {
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__heading,
.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__title {
    margin: 0 0 12px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__heading .wc-block-components-title,
.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__title,
.woocommerce-checkout .wc-block-components-main h2.wc-block-components-title,
.woocommerce-checkout .wc-block-components-main h3.wc-block-components-title {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: right !important;
    color: #171717 !important;
    font: 900 1.08rem/1.45 var(--drah-font), sans-serif !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

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

.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__content {
    padding: 18px 16px !important;
    background: #fff !important;
    border: 1px solid rgba(17,17,17, .16) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 28px rgba(17,17,17, .05) !important;
}

.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__content .wc-block-components-address-card,
.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__content .wc-block-components-address-card-wrapper,
.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__content .wc-block-components-address-form {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.woocommerce-checkout .wc-block-components-address-card,
.woocommerce-checkout .wc-block-components-address-card-wrapper,
.woocommerce-checkout .wc-block-components-address-form {
    border-color: rgba(17,17,17, .16) !important;
    border-radius: 12px !important;
}

.woocommerce-checkout .wc-block-components-address-card {
    padding: 14px 16px !important;
    background: #f7f3ee !important;
    border: 1px solid rgba(17,17,17, .18) !important;
}

.woocommerce-checkout .wc-block-components-address-card__edit,
.woocommerce-checkout .wc-block-components-address-card__edit.is-active,
.woocommerce-checkout .wc-block-components-button:not(.wc-block-components-checkout-place-order-button) {
    color: #171717 !important;
    font: 800 .85rem var(--drah-font), sans-serif !important;
    border-radius: 999px !important;
}

.woocommerce-checkout .wc-block-components-radio-control,
.woocommerce-checkout .wc-block-components-radio-control-accordion,
.woocommerce-checkout .wc-block-components-shipping-rates-control {
    display: grid !important;
    gap: 10px !important;
}

.woocommerce-checkout .wc-block-components-radio-control__option,
.woocommerce-checkout .wc-block-components-radio-control-accordion-option,
.woocommerce-checkout .wc-block-components-shipping-rates-control__option {
    border: 1px solid rgba(17,17,17, .22) !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: none !important;
    outline: none !important;
}

.woocommerce-checkout .wc-block-components-radio-control-accordion-option__content {
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.woocommerce-checkout .wc-block-components-radio-control__option,
.woocommerce-checkout .wc-block-components-radio-control-accordion-option {
    padding: 14px 16px !important;
    margin: 0 !important;
    transition: border-color .2s ease, background .2s ease !important;
}

.woocommerce-checkout .wc-block-components-radio-control__option:hover,
.woocommerce-checkout .wc-block-components-radio-control-accordion-option:hover {
    border-color: rgba(17,17,17, .42) !important;
    background: #ffffff !important;
}

.woocommerce-checkout .wc-block-components-radio-control__option-checked,
.woocommerce-checkout .wc-block-components-radio-control__option--checked-option,
.woocommerce-checkout .wc-block-components-radio-control-accordion-option--checked-option,
.woocommerce-checkout .wc-block-components-radio-control-accordion-option--checked,
.woocommerce-checkout .wc-block-components-shipping-rates-control__option--selected,
.woocommerce-checkout .wc-block-components-radio-control__option[aria-checked="true"],
.woocommerce-checkout .wc-block-components-radio-control-accordion-option[aria-checked="true"] {
    border-color: #171717 !important;
    background: rgba(17,17,17, .08) !important;
    box-shadow: 0 0 0 1px rgba(17,17,17, .22) !important;
    outline: none !important;
}

.woocommerce-checkout .wc-block-components-radio-control__option:focus,
.woocommerce-checkout .wc-block-components-radio-control__option:focus-visible,
.woocommerce-checkout .wc-block-components-radio-control-accordion-option:focus-within {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(17,17,17, .18) !important;
}

.woocommerce-checkout .wc-block-components-radio-control__label,
.woocommerce-checkout .wc-block-components-radio-control-accordion-option__label,
.woocommerce-checkout .wc-block-components-radio-control__option .wc-block-components-radio-control__label {
    color: #171717 !important;
    font: 700 .92rem/1.5 var(--drah-font), sans-serif !important;
}

.woocommerce-checkout .wc-block-components-radio-control__description,
.woocommerce-checkout .wc-block-components-radio-control-accordion-option__description {
    display: none !important;
}

.woocommerce-checkout .wc-block-components-checkbox {
    margin-top: 12px !important;
}

.woocommerce-checkout .wc-block-components-checkbox__label,
.woocommerce-checkout .wc-block-components-checkbox label {
    color: #171717 !important;
    font: 600 .88rem/1.6 var(--drah-font), sans-serif !important;
}

.woocommerce-checkout .wc-block-components-text-input label,
.woocommerce-checkout .wc-block-components-combobox label,
.woocommerce-checkout .wc-block-components-country-input label {
    color: #171717 !important;
    font: 700 .82rem var(--drah-font), sans-serif !important;
}

.woocommerce-checkout .wc-block-checkout__actions {
    margin: 8px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.woocommerce-checkout .wc-block-checkout__actions_row {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.woocommerce-checkout .wc-block-components-order-summary-item__quantity,
.woocommerce-checkout .wc-block-components-product-name {
    font: 800 .92rem/1.45 var(--drah-font), sans-serif !important;
    color: #171717 !important;
}

.woocommerce-checkout .drah-cc-wa {
    background: #fff !important;
    border: 1px solid rgba(17,17,17, .2) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(17,17,17, .04) !important;
}

.woocommerce-checkout .drah-cc-wa-body p {
    color: #171717 !important;
}

.woocommerce-checkout .drah-cc-wa-link {
    border-radius: 999px !important;
    padding: 10px 16px !important;
    font: 800 .82rem var(--drah-font), sans-serif !important;
}

.woocommerce-checkout .drah-cc-trust li {
    border-radius: 12px !important;
    border-color: rgba(17,17,17, .18) !important;
}

.woocommerce-checkout .drah-cc-shipbar {
    border-radius: 12px !important;
}

@media (max-width: 640px) {
    .woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__content {
        padding: 14px 12px !important;
        border-radius: 12px !important;
    }

    .woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__heading .wc-block-components-title,
    .woocommerce-checkout .wc-block-components-main h2.wc-block-components-title {
        font-size: 1rem !important;
    }

    .woocommerce-checkout .wc-block-components-radio-control__option,
    .woocommerce-checkout .wc-block-components-radio-control-accordion-option {
        padding: 12px 14px !important;
    }
}

/* ----- 7. Classic cart table ----- */
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce { direction: rtl; }
.woocommerce-cart table.cart,
.woocommerce-checkout table.shop_table {
    background: #fff;
    border: 1px solid rgba(17,17,17, .08) !important;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: none;
}
.woocommerce-cart table.cart th,
.woocommerce-cart table.cart td,
.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td {
    text-align: right;
    vertical-align: middle;
    padding: 16px !important;
}
.woocommerce-cart table.cart img,
.woocommerce-checkout-review-order-table img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid rgba(17,17,17, .2);
}

/* ----- 8. Classic checkout sections ----- */
.woocommerce-cart .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce-checkout #customer_details {
    background: #fff;
    border: 1px solid rgba(17,17,17, .08);
    border-radius: 12px;
    box-shadow: none;
    padding: 28px;
}
.woocommerce-checkout #order_review_heading {
    margin: 0 0 16px;
    color: #171717;
    font: 900 1.3rem var(--drah-font), sans-serif;
}

/* ----- 9. Classic form fields, payment, place order ----- */
.woocommerce form .form-row label {
    color: #171717;
    font-weight: 700;
    font-size: .9rem;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.select2-container--default .select2-selection--single {
    min-height: 50px;
    border: 1px solid rgba(17,17,17, .12);
    border-radius: 8px;
    background: #fff;
    color: #171717;
    padding: 12px 14px;
    font: 500 .95rem var(--drah-font), sans-serif;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
    border-color: #171717;
    box-shadow: 0 0 0 3px rgba(17,17,17, .12);
    outline: none;
}
.woocommerce-checkout #payment {
    border-radius: 12px;
    background: #f7f3ee;
    border: 1px solid rgba(17,17,17, .2);
    padding: 24px;
}
.woocommerce-checkout #payment ul.payment_methods {
    border-bottom-color: rgba(17,17,17, .08);
    padding-bottom: 16px;
    margin-bottom: 16px;
}
.woocommerce-checkout #payment ul.payment_methods li { padding: 12px 0; }
.woocommerce-checkout #place_order,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    min-height: 56px;
    border-radius: 8px;
    font: 900 1rem var(--drah-font), sans-serif;
    background: linear-gradient(135deg, #171717, #171717);
    color: #171717;
    border: 0;
    box-shadow: 0 4px 14px rgba(17,17,17, .25);
    transition: transform .25s ease, box-shadow .25s ease;
}
.woocommerce-checkout #place_order:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(17,17,17, .35);
}

/* ----- 10. Empty cart + thank-you ----- */
.drah-empty-cart {
    max-width: 760px;
    margin: 0 auto;
    padding: clamp(26px, 6vw, 46px) clamp(18px, 5vw, 38px) 28px;
    background:
        radial-gradient(circle at 50% 0, rgba(17,17,17,.16), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
    border: 1px solid rgba(17,17,17,.24);
    border-radius: 22px;
    box-shadow: 0 18px 48px rgba(17,17,17,.10);
    overflow: hidden;
    text-align: center;
}
.drah-empty-cart-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 16px;
    border-radius: 50%;
    background: #171717;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow: 0 12px 28px rgba(17,17,17,.16);
}
.drah-empty-cart-icon svg{
    display:block;
}

/* ----- 10b. Mim-style empty cart/checkout reference ----- */
.drah-checkout-topbar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 32px;
    padding: 7px 14px;
    background: #111119;
    color: #fff;
    font: 900 12px/1.2 var(--drah-font), Arial, Helvetica, sans-serif;
    letter-spacing: .02em;
    white-space: nowrap;
    overflow: hidden;
}
.drah-checkout-topbar span:not(:last-child)::after {
    content: "|";
    margin-left: 10px;
    color: rgba(255,255,255,.72);
}
.woocommerce-cart,
.woocommerce-checkout,
.woocommerce-cart .site-main,
.woocommerce-checkout .site-main,
.woocommerce-cart .drah-page-shell,
.woocommerce-checkout .drah-page-shell {
    background: #fff !important;
}
.woocommerce-cart .site-main,
.woocommerce-checkout .site-main {
    padding: 0 !important;
}
.woocommerce-cart .drah-page-shell,
.woocommerce-checkout .drah-page-shell {
    min-height: auto;
    padding: 70px 0 78px !important;
}
.woocommerce-cart .drah-container,
.woocommerce-checkout .drah-container {
    width: min(100% - 44px, 1080px) !important;
    max-width: 1080px !important;
}
.woocommerce-cart h1,
.woocommerce-checkout h1 {
    max-width: 860px;
    margin: 0 0 48px !important;
    color: #171717 !important;
    font: 700 clamp(3.1rem, 7vw, 4.8rem)/1.02 var(--drah-font), system-ui, sans-serif !important;
    letter-spacing: -.04em !important;
    text-align: right !important;
    direction: rtl !important;
}
.woocommerce-cart h1,
.woocommerce-checkout h1 {
    font-size: 0 !important;
}
.woocommerce-cart h1::after,
.woocommerce-checkout h1::after {
    content: "السلة";
    font: 900 clamp(3.1rem, 7vw, 4.8rem)/1.12 var(--drah-font), Georgia, "Times New Roman", serif !important;
}
.drah-empty-cart.drah-empty-cart--mim {
    max-width: 860px;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
    text-align: right;
}
.drah-empty-cart--mim .drah-empty-cart-notice {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 60px;
    margin: 0 0 30px;
    padding: 18px 24px;
    border: 1px solid #f7f3ee;
    border-radius: 14px;
    background: #ffffff;
    color: #171717;
    font: 700 15px/1.7 var(--drah-font), Arial, Helvetica, sans-serif;
}
.drah-empty-cart--mim .drah-empty-cart-box {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    border: 0;
    background: transparent;
    color: #171717;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.drah-empty-cart--mim .drah-empty-cart-box svg {
    width: 24px;
    height: 24px;
    display: block;
}
.drah-empty-cart--mim .drah-empty-primary {
    display: inline-flex !important;
    width: auto !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 30px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: #171717 !important;
    color: #fff !important;
    box-shadow: none !important;
    font: 900 13px/1 var(--drah-font), Arial, Helvetica, sans-serif !important;
    letter-spacing: 0;
    text-transform: none;
}
.drah-empty-cart--mim .drah-empty-primary:hover {
    transform: translateY(-1px);
    background: #000 !important;
}
/* Suggested products under the empty-cart notice */
.drah-empty-cart-suggest {
    margin: 40px 0 0;
}
.drah-empty-cart-suggest-title {
    margin: 0 0 18px;
    color: #171717;
    font: 900 19px/1.4 var(--drah-font), Arial, Helvetica, sans-serif;
    text-align: right;
}
.drah-empty-cart-suggest-title::after {
    content: "";
    display: block;
    width: 52px;
    height: 3px;
    margin: 8px 0 0;
    border-radius: 3px;
    background: #171717;
}
ul.products.drah-empty-cart-products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}
ul.products.drah-empty-cart-products::before,
ul.products.drah-empty-cart-products::after { content: none !important; }
ul.products.drah-empty-cart-products li.product {
    width: auto !important;
    margin: 0 !important;
    float: none !important;
}
@media (max-width: 860px) {
    ul.products.drah-empty-cart-products { grid-template-columns: repeat(2, 1fr); }
}
.drah-checkout-newsletter {
    width: 100vw;
    margin: 92px calc(50% - 50vw) -78px;
    padding: clamp(54px, 7vw, 82px) 18px 58px;
    background: #0d0d13;
    color: #fff;
    direction: rtl;
    text-align: center;
}
.drah-checkout-newsletter-inner {
    width: min(100%, 620px);
    margin: 0 auto;
}
.drah-checkout-newsletter-kicker {
    margin: 0 0 18px;
    color: rgba(17,17,17, .62);
    font: 900 12px/1.5 var(--drah-font), Arial, Helvetica, sans-serif;
    letter-spacing: .14em;
}
.drah-checkout-newsletter h2 {
    margin: 0 auto 22px;
    color: #fff;
    font: 900 clamp(2.15rem, 5vw, 3.4rem)/1.18 var(--drah-font), Georgia, "Times New Roman", serif;
    letter-spacing: 0;
}
.drah-checkout-newsletter p:not(.drah-checkout-newsletter-kicker) {
    max-width: 500px;
    margin: 0 auto 30px;
    color: rgba(255,255,255,.68);
    font: 600 15px/1.9 var(--drah-font), Arial, Helvetica, sans-serif;
}
.drah-checkout-newsletter-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    width: min(100%, 540px);
    min-height: 58px;
    margin: 0 auto;
    padding: 6px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    background: #15151d;
}
.drah-checkout-newsletter-form input {
    min-width: 0;
    height: 46px;
    border: 0;
    padding: 0 22px;
    background: transparent;
    color: #fff;
    outline: none;
    text-align: center;
    font: 600 15px var(--drah-font), Arial, Helvetica, sans-serif;
}
.drah-checkout-newsletter-form input::placeholder {
    color: rgba(255,255,255,.45);
}
.drah-checkout-newsletter-form button {
    min-height: 46px;
    border: 0;
    border-radius: 999px;
    padding: 0 30px;
    background: #fff;
    color: #171717;
    font: 900 13px var(--drah-font), Arial, Helvetica, sans-serif;
    letter-spacing: 0;
    text-transform: none;
    cursor: pointer;
}
.woocommerce-cart .drah-footer,
.woocommerce-checkout .drah-footer {
    background: #171717 !important;
    border-top: 1px solid rgba(17,17,17,.16) !important;
    color: rgba(247,243,238,.56) !important;
}
/* Sticky footer: keep the footer pinned to the bottom on short pages
   (e.g. empty cart) instead of leaving a gap below it. */
.woocommerce-cart,
.woocommerce-checkout {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
}
.woocommerce-cart .site-main,
.woocommerce-checkout .site-main,
.woocommerce-cart .drah-page-shell,
.woocommerce-checkout .drah-page-shell {
    flex: 1 0 auto !important;
}
.woocommerce-cart .drah-footer,
.woocommerce-checkout .drah-footer {
    flex-shrink: 0 !important;
}
.drah-order-received {
    display: grid;
    gap: 22px;
    max-width: min(100%, 560px);
    margin: 0 auto;
    padding: clamp(28px, 6vw, 44px) clamp(20px, 5vw, 36px);
    background:
        radial-gradient(circle at 50% 0, rgba(17,17,17, .14), transparent 38%),
        linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
    border: 1px solid rgba(17,17,17, .22);
    border-radius: 20px;
    box-shadow: 0 16px 44px rgba(17,17,17, .08);
    text-align: center;
}
.drah-order-received-head {
    display: grid;
    justify-items: center;
    gap: 8px;
    margin: 0;
    text-align: center;
}
.drah-order-check {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    margin-bottom: 4px;
    border-radius: 50%;
    background: #171717;
    box-shadow: 0 10px 24px rgba(17,17,17, .18);
}
.drah-order-check:before {
    content: none;
}
.drah-order-check svg {
    display: block;
}
.drah-order-kicker {
    margin: 0;
    color: #171717;
    font: 800 .82rem/1.4 var(--drah-font), sans-serif;
    letter-spacing: .04em;
}
.drah-order-received h2 {
    margin: 0;
    color: #171717;
    font: 900 clamp(1.65rem, 4.5vw, 2.35rem)/1.25 var(--drah-font), sans-serif;
}
.drah-order-lead {
    max-width: 420px;
    margin: 0;
    color: #171717;
    font: 500 .95rem/1.75 var(--drah-font), sans-serif;
}
.drah-order-meta {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid rgba(17,17,17, .07);
    border-radius: 12px;
    overflow: hidden;
    text-align: right;
}
.drah-order-meta > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 14px 16px;
    border-top: 1px solid rgba(17,17,17, .06);
}
.drah-order-meta > div:first-child {
    border-top: 0;
}
.drah-order-meta dt {
    margin: 0;
    color: #171717;
    font: 700 .88rem/1.5 var(--drah-font), sans-serif;
}
.drah-order-meta dd {
    margin: 0;
    color: #171717;
    font: 900 .95rem/1.5 var(--drah-font), sans-serif;
    text-align: left;
}
.drah-order-meta dd.drah-order-meta-num {
    direction: ltr;
    unicode-bidi: embed;
}
.drah-order-next-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
    text-align: right;
}
.drah-order-next-steps article {
    display: grid;
    gap: 3px;
    padding: 14px 16px;
    background: rgba(247,243,238, .68);
    border: 1px solid rgba(17,17,17, .07);
    border-radius: 8px;
}
.drah-order-next-steps strong {
    color: #171717;
    font: 800 .78rem/1.4 var(--drah-font), sans-serif;
}
.drah-order-next-steps span {
    color: #171717;
    font: 900 .92rem/1.5 var(--drah-font), sans-serif;
}
.drah-order-custom-summary {
    margin: 0;
    padding: 18px 0 0;
    background: transparent;
    border: 0;
    border-top: 1px solid rgba(17,17,17, .08);
    border-radius: 0;
    text-align: right;
}
.drah-order-custom-summary > strong {
    display: block;
    margin: 0 0 12px;
    color: #171717;
    font: 900 1rem var(--drah-font), sans-serif;
}
.drah-order-custom-summary section {
    padding: 12px 0;
    border-top: 1px solid rgba(17,17,17, .065);
}
.drah-order-custom-summary section:first-of-type { padding-top: 0; border-top: 0; }
.drah-order-custom-summary h3 {
    margin: 0 0 8px;
    color: #171717;
    font: 800 .95rem/1.4 var(--drah-font), sans-serif;
}
.drah-order-custom-summary dl {
    display: grid;
    gap: 6px;
    margin: 0;
}
.drah-order-custom-summary dl div {
    display: grid;
    grid-template-columns: minmax(90px, auto) minmax(0, 1fr);
    gap: 10px;
    align-items: start;
}
.drah-order-custom-summary dt,
.drah-order-custom-summary dd {
    margin: 0;
    font: 600 .84rem/1.55 var(--drah-font), sans-serif;
}
.drah-order-custom-summary dt { color: #171717; }
.drah-order-custom-summary dd {
    color: #171717;
    text-align: left;
}
.drah-order-custom-summary dd p {
    margin: 0;
    font: inherit;
    color: inherit;
}
.drah-order-charity-note {
    margin: 0;
    padding: 14px 16px;
    background: rgba(247,243,238, .72);
    border: 1px solid rgba(17,17,17, .18);
    border-radius: 12px;
    text-align: center;
}
.drah-order-charity-note p {
    margin: 0;
    color: #171717;
    font: 500 .88rem/1.75 var(--drah-font), sans-serif;
}
.drah-order-charity-note p + p {
    margin-top: 4px;
}
.drah-order-charity-note .drah-order-hadith {
    margin-bottom: 6px;
    color: #171717;
    font-weight: 700;
    font-size: .92rem;
}
.drah-order-charity-note .drah-order-hadith strong {
    color: #171717;
    font-weight: 900;
}
.drah-empty-actions,
.drah-order-actions {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}
.drah-order-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 4px;
}
.drah-order-actions .button,
.drah-order-actions .drah-order-primary-btn {
    min-height: 48px;
    padding: 12px 18px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, #171717, #171717);
    color: #171717 !important;
    font: 800 .92rem var(--drah-font), sans-serif !important;
    box-shadow: 0 4px 14px rgba(17,17,17, .28);
    transition: transform .2s ease, box-shadow .2s ease;
}
.drah-order-actions .button:hover,
.drah-order-actions .drah-order-primary-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 22px rgba(17,17,17, .36);
    color: #171717 !important;
}
.drah-order-actions .drah-secondary-btn {
    min-height: 48px;
    padding: 12px 18px;
    border-radius: 999px;
    font: 800 .92rem var(--drah-font), sans-serif;
}
.drah-order-actions .drah-secondary-btn:only-child,
.drah-order-actions .button:only-child,
.drah-order-actions .drah-order-primary-btn:only-child {
    grid-column: 1 / -1;
}
.drah-secondary-btn {
    min-height: 48px;
    padding: 12px 22px;
    border: 1px solid rgba(17,17,17, .14);
    border-radius: 8px;
    color: #171717;
    background: #fff;
    font-weight: 800;
    transition: border-color .2s ease, transform .2s ease, color .2s ease;
}
.drah-secondary-btn:hover {
    border-color: #171717;
    color: #171717;
    transform: translateY(-1px);
}
.woocommerce-order-received .woocommerce-customer-details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    width: min(100%, 920px);
    margin: 30px auto 0;
    padding: 0;
    direction: rtl;
    text-align: right;
}
.woocommerce-order-received .woocommerce-customer-details:before,
.woocommerce-order-received .woocommerce-customer-details:after {
    display: none !important;
}
.woocommerce-order-received .woocommerce-customer-details .woocommerce-column {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
}
.woocommerce-order-received .woocommerce-customer-details .woocommerce-column__title {
    margin: 0 0 10px;
    color: #171717;
    text-align: right;
    font: 900 1.05rem/1.45 var(--drah-font), sans-serif;
}
.woocommerce-order-received .woocommerce-customer-details address {
    min-height: 0;
    margin: 0;
    padding: 16px 18px;
    background: rgba(247,243,238, .48);
    border: 1px solid rgba(17,17,17, .08);
    border-radius: 8px;
    color: #171717;
    text-align: right;
    font: 600 .92rem/1.95 var(--drah-font), sans-serif;
    box-shadow: none;
}
.woocommerce-order-received .woocommerce-customer-details address br {
    display: block;
    content: "";
    margin: 3px 0;
}
.woocommerce-order-received .woocommerce-customer-details address p {
    margin: 8px 0 0;
    color: #171717;
    font: 700 .9rem/1.7 var(--drah-font), sans-serif;
}
.woocommerce-order-received .woocommerce-customer-details .woocommerce-customer-details--email,
.woocommerce-order-received .woocommerce-customer-details .woocommerce-customer-details--phone {
    direction: ltr;
    unicode-bidi: isolate;
    text-align: right;
    overflow-wrap: anywhere;
}

/* ----- 11. Trust strip ----- */
.drah-cc-top { margin: 0 0 24px; }
.drah-cc-trust {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 18px;
    padding: 0;
    list-style: none;
}
.drah-cc-trust li {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 16px 18px;
    background: #fff;
    border: 1px solid rgba(17,17,17, .08);
    border-radius: 10px;
    text-align: right;
    box-shadow: 0 2px 10px rgba(17,17,17, .03);
}
.drah-cc-trust li strong {
    color: #171717;
    font: 900 1rem/1.3 var(--drah-font), sans-serif;
}
.drah-cc-trust li span {
    color: #171717;
    font: 500 .82rem/1.5 var(--drah-font), sans-serif;
}

/* ----- 12. Free-shipping progress bar ----- */
.drah-cc-shipbar {
    display: grid;
    gap: 10px;
    padding: 14px 18px;
    margin: 0 0 16px;
    background: linear-gradient(135deg, #fff, #f7f3ee);
    border: 1px solid rgba(17,17,17, .35);
    border-radius: 10px;
}
.drah-cc-shipbar.is-qualified {
    background: linear-gradient(135deg, #f1f8ee, #fff);
    border-color: rgba(82, 138, 50, .35);
}
.drah-cc-shipbar-text {
    color: #171717;
    font: 700 .95rem/1.5 var(--drah-font), sans-serif;
}
.drah-cc-shipbar.is-qualified .drah-cc-shipbar-text {
    color: #2d6b1f;
}
.drah-cc-shipbar-track {
    height: 6px;
    background: rgba(17,17,17, .08);
    border-radius: 999px;
    overflow: hidden;
}
.drah-cc-shipbar-fill {
    height: 100%;
    background: linear-gradient(90deg, #171717, #171717);
    border-radius: 999px;
    transition: width .4s ease;
}
.drah-cc-shipbar.is-qualified .drah-cc-shipbar-fill {
    background: linear-gradient(90deg, #4f9c2a, #2d6b1f);
}

/* ----- 13. WhatsApp reassurance ----- */
.drah-cc-wa {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 14px 18px;
    margin: 0 0 18px;
    background: #f0f9f0;
    border: 1px solid rgba(37, 211, 102, .25);
    border-radius: 10px;
}
.drah-cc-wa-icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    background: #25d366;
    color: #fff;
    border-radius: 50%;
    font: 900 1.1rem var(--drah-font), sans-serif;
}
.drah-cc-wa-body { display: grid; gap: 2px; }
.drah-cc-wa-body strong {
    color: #171717;
    font: 900 .95rem var(--drah-font), sans-serif;
}
.drah-cc-wa-body p {
    margin: 0;
    color: #2d4a32;
    font: 500 .85rem/1.6 var(--drah-font), sans-serif;
}
.drah-cc-wa-link {
    flex-shrink: 0;
    padding: 8px 14px;
    background: #25d366;
    color: #fff !important;
    font: 800 .82rem var(--drah-font), sans-serif;
    border-radius: 6px;
    text-decoration: none;
    white-space: nowrap;
    transition: background .2s ease, transform .2s ease;
}
.drah-cc-wa-link:hover {
    background: #1eb955;
    transform: translateY(-1px);
}

/* ----- 14. Personalization card + edit link ----- */
.drah-cc-personalization {
    display: grid;
    gap: 14px;
    margin: 0 0 18px;
    padding: 18px;
    background: #ffffff;
    border: 1px solid rgba(17,17,17, .32);
    border-radius: 10px;
}
.drah-cc-personalization-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(17,17,17, .08);
}
.drah-cc-personalization-head strong {
    color: #171717;
    font: 900 1rem/1.35 var(--drah-font), sans-serif;
}
.drah-cc-personalization-head span {
    color: #171717;
    font: 600 .82rem/1.6 var(--drah-font), sans-serif;
}
.drah-cc-personalization-list {
    display: grid;
    gap: 12px;
}
.drah-cc-personalization article {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: start;
    padding: 14px;
    background: #fff;
    border: 1px solid rgba(17,17,17, .08);
    border-radius: 8px;
}
.drah-cc-personalization article.is-missing {
    border-color: rgba(17,17,17, .35);
    background: #f7f3ee;
}
.drah-cc-personalization h3 {
    margin: 0 0 8px;
    color: #171717;
    font: 900 .95rem/1.4 var(--drah-font), sans-serif;
}
.drah-cc-personalization dl {
    display: grid;
    gap: 6px;
    margin: 0;
}
.drah-cc-personalization dl div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}
.drah-cc-personalization dt,
.drah-cc-personalization dd {
    margin: 0;
    font: 700 .82rem/1.5 var(--drah-font), sans-serif;
}
.drah-cc-personalization dt { color: #171717; }
.drah-cc-personalization dd {
    color: #171717;
    text-align: left;
}
.drah-cc-personalization a {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid rgba(17,17,17, .14);
    border-radius: 999px;
    color: #171717 !important;
    background: #fff;
    font: 900 .78rem var(--drah-font), sans-serif;
    white-space: nowrap;
}
.drah-cc-missing {
    margin: 0 0 8px;
    color: #171717;
    font: 800 .82rem/1.6 var(--drah-font), sans-serif;
}
/* Block cart per-item meta. */
.wc-block-components-product-details {
    margin: 8px 0 0 !important;
    padding: 8px 12px !important;
    background: #f7f3ee !important;
    border: 1px solid rgba(17,17,17, .14) !important;
    border-radius: 8px !important;
    list-style: none !important;
}
.wc-block-components-product-details li {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}
.wc-block-components-product-details__name {
    color: #171717 !important;
    font: 700 .78rem var(--drah-font), sans-serif !important;
}
.wc-block-components-product-details__value {
    color: #171717 !important;
    font: 600 .82rem var(--drah-font), sans-serif !important;
}
/* Classic cart variation list. Grid: label + value locked on one row each. */
.woocommerce-cart dl.variation,
.woocommerce-cart .cart_item .variation {
    margin: 8px 0 0;
    padding: 8px 12px;
    background: #f7f3ee;
    border: 1px solid rgba(17,17,17, .14);
    border-radius: 8px;
    display: grid;
    grid-template-columns: max-content 1fr;
    column-gap: 6px;
    row-gap: 4px;
    align-items: baseline;
}
.woocommerce-cart dl.variation dt,
.woocommerce-cart .cart_item .variation dt {
    color: #171717;
    font: 700 .8rem var(--drah-font), sans-serif;
    margin: 0;
    clear: none;
    float: none;
    white-space: nowrap;
    grid-column: 1;
}
.woocommerce-cart dl.variation dt::after,
.woocommerce-cart .cart_item .variation dt::after { content: ":"; }
.woocommerce-cart dl.variation dd,
.woocommerce-cart .cart_item .variation dd {
    color: #171717;
    font: 600 .88rem var(--drah-font), sans-serif;
    margin: 0;
    grid-column: 2;
    min-width: 0;
    overflow-wrap: anywhere;
}
.woocommerce-cart dl.variation dd p,
.woocommerce-cart .cart_item .variation dd p { margin: 0; }
/* ------------------------------------------------------------------
 *  Cart item "edit personalization" pill
 * ------------------------------------------------------------------ */
.drah-cart-edit {
    display: block;
    margin-top: 6px;
}
.drah-cart-edit-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px 4px 12px;
    background: #fff;
    border: 1px solid rgba(17,17,17, .14);
    border-radius: 999px;
    color: #171717 !important;
    font: 700 .72rem/1.4 var(--drah-font), sans-serif !important;
    text-decoration: none !important;
    line-height: 1.4;
    transition: border-color .2s ease, color .2s ease, background .2s ease, transform .2s ease;
}
.drah-cart-edit-link__icon {
    width: 12px;
    height: 12px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/></svg>") no-repeat center / contain;
            mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/></svg>") no-repeat center / contain;
    flex: 0 0 auto;
}
.drah-cart-edit-link:hover {
    border-color: #171717;
    background: #f7f3ee;
    color: #171717 !important;
    transform: translateY(-1px);
}
.drah-cart-edit-link:focus-visible {
    outline: 2px solid #171717;
    outline-offset: 2px;
}

/* ------------------------------------------------------------------
 *  Hide any leftover label markup WC may render for the edit-link row
 *  (empty <dt>/name span, stray ":" separator, key class hooks).
 * ------------------------------------------------------------------ */
.wc-block-components-product-details__name:empty,
.cart_item .variation dt:empty,
dl.variation dt:empty {
    display: none !important;
}
/* When the dt/name is empty, some WC versions still print a literal ":"
   from the template. Suppress it on rows that are pure edit-link rows. */
.wc-block-components-product-details li:has(.drah-cart-edit) .wc-block-components-product-details__name,
.cart_item .variation dt:has(+ dd .drah-cart-edit) {
    display: none !important;
}
.wc-block-components-product-details li:has(.drah-cart-edit) {
    margin-top: 6px;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}
.cart_item .variation dd:has(.drah-cart-edit),
dl.variation dd:has(.drah-cart-edit) {
    margin: 6px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

/* ------------------------------------------------------------------
 *  Cart item row layout — premium, easy to scan on mobile
 * ------------------------------------------------------------------ */
/* Block cart line items */
.wc-block-cart-items .wc-block-cart-items__row {
    padding: 16px 0 !important;
    border-bottom: 1px solid rgba(17,17,17, .08) !important;
}
.wc-block-cart-item__image img {
    border-radius: 10px;
}
.wc-block-cart-item__product .wc-block-components-product-name {
    font: 800 .98rem/1.4 var(--drah-font), sans-serif !important;
    color: #171717 !important;
}
.wc-block-cart-item__quantity {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 10px !important;
    padding-top: 4px !important;
}
.wc-block-components-quantity-selector {
    border: 1px solid rgba(17,17,17, .14) !important;
    border-radius: 999px !important;
    overflow: hidden;
    background: #fff;
    height: 36px !important;
    min-width: 104px;
}
.wc-block-components-quantity-selector__button {
    color: #171717 !important;
    font-weight: 800 !important;
    width: 32px !important;
}
.wc-block-components-quantity-selector__button:hover {
    background: #f7f3ee !important;
}
.wc-block-components-quantity-selector__input {
    font: 800 .9rem var(--drah-font), sans-serif !important;
    color: #171717 !important;
}
.wc-block-cart-item__remove-link {
    font: 700 .72rem var(--drah-font), sans-serif !important;
    color: #171717 !important;
    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 4px 2px !important;
}
.wc-block-cart-item__remove-link:hover {
    color: #171717 !important;
    text-decoration: underline !important;
}

/* Classic cart row spacing */
.woocommerce-cart .cart_item td.product-quantity {
    padding-top: 18px !important;
}
.woocommerce-cart .cart_item td.product-quantity .qty {
    border-radius: 999px;
    border: 1px solid rgba(17,17,17, .14);
    padding: 6px 10px;
    text-align: center;
    font: 800 .9rem var(--drah-font), sans-serif;
}
.woocommerce-cart .cart_item td.product-remove a.remove {
    color: #171717 !important;
    font-size: 1.1rem;
}

/* Mobile: stack quantity + remove neatly with breathing room */
@media (max-width: 600px) {
    .wc-block-cart-items .wc-block-cart-items__row {
        padding: 14px 0 !important;
        gap: 12px;
    }
    .wc-block-cart-item__quantity {
        align-items: stretch !important;
        gap: 8px !important;
    }
    .wc-block-components-quantity-selector {
        height: 34px !important;
        min-width: 96px;
    }
    .drah-cart-edit-link {
        padding: 3px 9px 3px 11px;
        font-size: .7rem !important;
    }
}



/* ----- 16. Empty-cart popular products ----- */
.drah-empty-popular {
    margin: 36px 0 0;
    padding: 24px 20px 8px;
    border-top: 1px solid rgba(17,17,17, .08);
    text-align: right;
    direction: rtl;
}
.drah-empty-popular-head {
    margin: 0 0 16px;
    text-align: center;
}
.drah-empty-popular-head small {
    display: block;
    margin: 0 0 4px;
    color: #171717;
    font: 800 .68rem/1 var(--drah-font), system-ui, sans-serif;
    letter-spacing: .22em;
    text-transform: uppercase;
}
.drah-empty-popular-head h3 {
    margin: 0;
    color: #171717;
    font: 900 1.25rem var(--drah-font), sans-serif;
}
.drah-empty-popular-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.drah-empty-popular-card {
    background: #fff;
    border: 1px solid rgba(17,17,17, .08);
    border-radius: 10px;
    overflow: hidden;
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.drah-empty-popular-card:hover {
    border-color: #171717;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(17,17,17, .07);
}
.drah-empty-popular-link {
    display: flex;
    flex-direction: column;
    text-decoration: none !important;
    color: inherit !important;
}
.drah-empty-popular-thumb {
    display: block;
    background: #f7f3ee;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}
.drah-empty-popular-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.drah-empty-popular-meta {
    display: grid;
    gap: 4px;
    padding: 12px;
    text-align: right;
}
.drah-empty-popular-name {
    color: #171717;
    font: 800 .92rem/1.4 var(--drah-font), sans-serif;
}
.drah-empty-popular-price {
    color: #171717;
    font: 900 .9rem var(--drah-font), sans-serif;
}

/* ----- 17. Product page prefilled-from-cart hint ----- */
.drah-prefilled-note {
    display: inline-block;
    margin-top: 6px;
    padding: 4px 10px;
    background: rgba(17,17,17, .14);
    color: #171717;
    border-radius: 999px;
    font: 700 .78rem var(--drah-font), sans-serif;
}
.drah-product-custom-fields .drah-prefilled {
    border-color: #171717 !important;
    box-shadow: 0 0 0 2px rgba(17,17,17, .15);
}

/* ============================================================================
   18. Mobile media queries
   ============================================================================ */
@media (max-width: 980px) {
    .wc-block-components-sidebar-layout {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
    .wc-block-components-main,
    .wc-block-components-sidebar {
        grid-column: 1 !important;
        position: relative !important;
        top: auto !important;
    }
    .woocommerce-cart .drah-container,
    .woocommerce-checkout .drah-container {
        width: min(100% - 16px, 1100px);
    }
    .drah-cc-trust {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .wc-block-components-sidebar-layout,
    .wp-block-woocommerce-checkout.is-loading,
    .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-filled-cart-block {
        display: flex !important;
        flex-direction: column !important;
    }
    .wc-block-components-main,
    .wc-block-components-sidebar,
    .wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-fields-block,
    .wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-totals-block,
    .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-items-block,
    .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-totals-block {
        width: 100% !important;
        padding-inline: 0 !important;
    }
    /* On mobile WooCommerce renders a full order-summary "fill" copy inside the
       main column (.checkout-order-summary-block-fill-wrapper). The sidebar copy
       then becomes a redundant second "ملخص الطلب" panel. Hide the sidebar copy
       on mobile so only the in-column summary shows. */
    .woocommerce-checkout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block:not(.checkout-order-summary-block-fill-wrapper) {
        display: none !important;
    }
}

@media (max-width: 760px) {
    .drah-cc-wa {
        grid-template-columns: 40px minmax(0, 1fr);
    }
    .drah-cc-wa-link {
        grid-column: 1 / -1;
        justify-self: end;
    }
    .drah-cc-personalization-head,
    .drah-cc-personalization article,
    .drah-cc-personalization dl div {
        grid-template-columns: 1fr;
        display: grid;
    }
    .drah-cc-personalization dd {
        text-align: right;
    }
    .drah-empty-popular-grid {
        grid-template-columns: 1fr 1fr;
    }
    .woocommerce-cart .cart_totals,
    .woocommerce-checkout #order_review,
    .woocommerce-checkout #customer_details,
    .drah-empty-cart {
        padding: 18px 14px;
        border-radius: 8px;
    }
    .drah-order-received {
        padding: 24px 16px;
        border-radius: 18px;
    }
    .drah-order-actions {
        grid-template-columns: 1fr;
    }
    .drah-order-actions .button,
    .drah-order-actions .drah-order-primary-btn,
    .drah-order-actions .drah-secondary-btn {
        width: 100%;
    }
    .woocommerce-order-received .woocommerce-customer-details {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 24px;
    }
    .woocommerce-order-received .woocommerce-customer-details address {
        padding: 14px 16px;
    }
    .drah-order-custom-summary dl div {
        display: grid;
        grid-template-columns: minmax(84px, auto) minmax(0, 1fr);
        gap: 8px;
    }
    .drah-order-custom-summary dd {
        text-align: right;
    }
    .woocommerce-checkout #payment {
        padding: 16px;
        border-radius: 8px;
    }
    .woocommerce form .form-row input.input-text,
    .woocommerce form .form-row textarea,
    .woocommerce form .form-row select {
        min-height: 46px;
        padding: 10px 12px;
        font-size: .9rem;
    }
    .woocommerce-checkout #place_order,
    .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
        min-height: 50px;
        font-size: .92rem;
    }
    .woocommerce-cart table.cart img { width: 52px; height: 52px; }
    .drah-order-next-steps {
        grid-template-columns: 1fr;
    }
    .drah-order-custom-summary dl div {
        display: grid;
    }
    .drah-order-custom-summary dd {
        text-align: right;
    }
}

@media (max-width: 640px) {
    .woocommerce-cart .site-main,
    .woocommerce-checkout .site-main { padding: 16px 0 48px; }
    .woocommerce-cart .drah-container,
    .woocommerce-checkout .drah-container {
        width: min(100% - 20px, 1100px);
    }
    .woocommerce-cart h1,
    .woocommerce-checkout h1 {
        margin-bottom: 14px;
        font-size: 1.45rem;
    }
    .wp-block-woocommerce-cart,
    .wp-block-woocommerce-checkout {
        padding-top: 0 !important;
    }
    .wp-block-woocommerce-empty-cart-block,
    .wc-block-checkout-empty,
    .wc-block-checkout-error {
        padding: 24px 14px !important;
        text-align: center !important;
    }
    .wp-block-woocommerce-empty-cart-block h2,
    .wc-block-checkout-empty__title,
    .wc-block-checkout-error__title {
        color: #171717 !important;
        font: 900 1.25rem/1.35 var(--drah-font), sans-serif !important;
    }
    .wc-block-grid__products {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .wc-block-grid__product {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 0 14px !important;
    }
    .wc-block-grid__product-image img {
        width: 100% !important;
        height: auto !important;
    }
    .wc-block-cart__totals-title,
    .wc-block-components-sidebar h2 {
        padding: 16px !important;
        font-size: 1rem !important;
    }
    .wc-block-components-totals-item {
        padding: 12px 16px !important;
        gap: 10px !important;
    }
    .wc-block-components-totals-footer-item { padding: 16px !important; }
    .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
    .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
        font-size: 1rem !important;
    }
    .wc-block-cart__submit-container { padding: 12px 16px !important; }
    .wc-block-cart__submit-button,
    .wc-block-components-checkout-place-order-button {
        min-height: 50px !important;
        font-size: .92rem !important;
    }
    .woocommerce-cart .wc-block-components-sidebar,
    .woocommerce-checkout .wc-block-components-sidebar { border-radius: 8px !important; }
}

@media (max-width: 480px) {
    .drah-cc-trust { grid-template-columns: 1fr; }
    .drah-empty-popular-grid { grid-template-columns: 1fr; }
    .drah-cc-wa,
    .drah-cc-personalization,
    .drah-cc-shipbar,
    .drah-cc-trust li {
        border-radius: 8px;
        padding: 12px;
    }
    .wc-block-components-totals-item {
        align-items: flex-start !important;
    }
    .wc-block-components-totals-item__value {
        max-width: 45%;
        white-space: normal !important;
    }
}

/* ----- 19. Checkout — final Drah layout & WC Blocks overrides ----- */
.woocommerce-cart .entry-title,
.woocommerce-checkout .entry-title,
.woocommerce-cart .wp-block-post-title,
.woocommerce-checkout .wp-block-post-title,
.woocommerce-checkout .wp-block-woocommerce-empty-cart-block,
.woocommerce-checkout .wp-block-woocommerce-cart .wp-block-heading,
.woocommerce-checkout .wc-block-cart__empty-cart__title {
    display: none !important;
}

.woocommerce-checkout .drah-cc-top {
    margin-bottom: 18px;
}

.woocommerce-checkout .drah-cc-wa {
    margin-bottom: 0 !important;
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
    padding: 12px 14px !important;
}

.woocommerce-checkout .wp-block-woocommerce-checkout,
.woocommerce-checkout .wc-block-checkout {
    font-family: var(--drah-font), system-ui, sans-serif !important;
}

.woocommerce-checkout .wc-block-components-sidebar-layout {
    gap: 22px !important;
    align-items: start !important;
}

.woocommerce-checkout .wc-block-components-main {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    min-width: 0 !important;
}

.woocommerce-checkout .wc-block-components-sidebar {
    position: sticky !important;
    top: 92px !important;
}

.woocommerce-checkout .wc-block-components-form,
.woocommerce-checkout .wc-block-checkout__form,
.woocommerce-checkout .wc-block-components-checkout-step {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.woocommerce-checkout .wc-block-components-title,
.woocommerce-checkout .wc-block-components-checkout-step__title,
.woocommerce-checkout .wc-block-components-checkout-step__heading,
.woocommerce-checkout .wc-block-components-checkout-step__heading .wc-block-components-title,
.woocommerce-checkout .wc-block-components-main h2,
.woocommerce-checkout .wc-block-components-main h3 {
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: right !important;
    color: #171717 !important;
    font: 900 1rem/1.45 var(--drah-font), sans-serif !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

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

.woocommerce-checkout .wc-block-components-checkout-step__content {
    padding: 18px 16px !important;
    background: #fff !important;
    border: 1px solid rgba(17,17,17, .16) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 28px rgba(17,17,17, .05) !important;
}

.woocommerce-checkout .wc-block-components-checkout-step__content .wc-block-components-address-card,
.woocommerce-checkout .wc-block-components-checkout-step__content .wc-block-components-address-card-wrapper,
.woocommerce-checkout .wc-block-components-checkout-step__content .wc-block-components-address-form {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.woocommerce-checkout .wc-block-components-address-form {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.woocommerce-checkout .wc-block-components-text-input,
.woocommerce-checkout .wc-block-components-combobox,
.woocommerce-checkout .wc-block-components-textarea {
    margin-bottom: 10px !important;
}

.woocommerce-checkout .wc-block-components-text-input input,
.woocommerce-checkout .wc-block-components-textarea textarea,
.woocommerce-checkout .wc-block-components-combobox .components-combobox-control input {
    min-height: 46px !important;
    border: 1px solid rgba(17,17,17, .18) !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: none !important;
    font: 600 .92rem var(--drah-font), sans-serif !important;
}

.woocommerce-checkout .wc-block-components-text-input label,
.woocommerce-checkout .wc-block-components-combobox label {
    color: #171717 !important;
    font: 700 .78rem var(--drah-font), sans-serif !important;
}

.woocommerce-checkout .wc-block-components-address-card {
    padding: 12px 14px !important;
    background: #f7f3ee !important;
    border: 1px solid rgba(17,17,17, .16) !important;
    border-radius: 12px !important;
}

.woocommerce-checkout .wc-block-components-checkout-step__content .wc-block-components-address-card {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.woocommerce-checkout .wc-block-components-radio-control,
.woocommerce-checkout .wc-block-components-radio-control-accordion,
.woocommerce-checkout .wc-block-components-shipping-rates-control,
.woocommerce-checkout .wc-block-components-radio-control-accordion__content {
    display: grid !important;
    gap: 8px !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.woocommerce-checkout .wc-block-components-radio-control__option,
.woocommerce-checkout .wc-block-components-radio-control-accordion-option,
.woocommerce-checkout .wc-block-components-shipping-rates-control__option,
.woocommerce-checkout label.wc-block-components-radio-control__option {
    border: 1px solid rgba(17,17,17, .2) !important;
    border-radius: 12px !important;
    background: #fff !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 12px 14px !important;
    margin: 0 !important;
}

.woocommerce-checkout .wc-block-components-radio-control-accordion-option__content {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.woocommerce-checkout .wc-block-components-radio-control__option-checked,
.woocommerce-checkout .wc-block-components-radio-control__option--checked-option,
.woocommerce-checkout .wc-block-components-radio-control-accordion-option--checked-option,
.woocommerce-checkout .wc-block-components-radio-control-accordion-option--checked,
.woocommerce-checkout .wc-block-components-shipping-rates-control__option--selected,
.woocommerce-checkout .wc-block-components-radio-control__option[aria-checked="true"],
.woocommerce-checkout .wc-block-components-radio-control-accordion-option[aria-checked="true"] {
    border-color: #171717 !important;
    background: rgba(17,17,17, .07) !important;
    box-shadow: inset 0 0 0 1px rgba(17,17,17, .18) !important;
    outline: none !important;
}

.woocommerce-checkout .wc-block-components-radio-control__option:focus,
.woocommerce-checkout .wc-block-components-radio-control__option:focus-visible,
.woocommerce-checkout .wc-block-components-radio-control-accordion-option:focus-within {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(17,17,17, .16) !important;
}

.woocommerce-checkout .wc-block-components-radio-control__label,
.woocommerce-checkout .wc-block-components-radio-control-accordion-option__label {
    color: #171717 !important;
    font: 700 .9rem/1.5 var(--drah-font), sans-serif !important;
}

.woocommerce-checkout .wc-block-components-checkbox {
    margin-top: 10px !important;
    padding: 10px 12px !important;
    background: #f7f3ee !important;
    border: 1px solid rgba(17,17,17, .12) !important;
    border-radius: 10px !important;
}

.woocommerce-checkout .wc-block-components-checkbox__label,
.woocommerce-checkout .wc-block-components-checkbox label {
    font: 600 .86rem/1.55 var(--drah-font), sans-serif !important;
    color: #171717 !important;
}

.woocommerce-checkout .wc-block-checkout__actions {
    margin: 8px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.woocommerce-checkout .wc-block-checkout__actions_row {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.woocommerce-checkout .wc-block-components-checkout-place-order-button {
    border-radius: 999px !important;
    min-height: 52px !important;
    color: #171717 !important;
    font: 900 .98rem var(--drah-font), sans-serif !important;
}

.woocommerce-checkout .wc-block-components-sidebar {
    background: #fff !important;
    border: 1px solid rgba(17,17,17, .16) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 28px rgba(17,17,17, .05) !important;
    overflow: hidden !important;
}

.woocommerce-checkout .wc-block-cart__totals-title,
.woocommerce-checkout .wc-block-components-sidebar h2 {
    padding: 18px 22px !important;
    background: #fff !important;
    border-bottom: 1px solid rgba(17,17,17, .14) !important;
    font-size: 1.05rem !important;
    box-sizing: border-box !important;
    width: 100% !important;
    overflow: visible !important;
}

@media (max-width: 980px) {
    .woocommerce-checkout .wc-block-components-sidebar {
        position: static !important;
        top: auto !important;
    }

    .woocommerce-checkout .drah-cc-wa {
        grid-template-columns: 36px minmax(0, 1fr) !important;
    }

    .woocommerce-checkout .drah-cc-wa-link {
        grid-column: 1 / -1 !important;
        justify-self: stretch !important;
        text-align: center !important;
        margin-top: 4px !important;
    }
}


/* Empty cart final polish: replace the default Woo block look with Drah UI */
.woocommerce-cart .wp-block-woocommerce-empty-cart-block > .wc-block-grid,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-heading,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-components-empty-cart__icon,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title + p,
.woocommerce-checkout .wp-block-woocommerce-checkout > .wp-block-heading,
.woocommerce-checkout .wc-block-checkout-empty .wc-block-checkout-empty__title {
    display: none !important;
}
.drah-empty-cart h2{
    margin:0 0 8px!important;
    color:#171717!important;
    font:900 clamp(1.45rem,5vw,2.25rem)/1.25 var(--drah-font),sans-serif!important;
}
.drah-empty-cart p{
    max-width:520px;
    margin:0 auto 22px!important;
    color:#171717!important;
    font:700 .98rem/1.9 var(--drah-font),sans-serif!important;
}
.drah-empty-actions{
    margin-bottom:4px;
}
.drah-empty-actions .button,
.drah-empty-primary,
.woocommerce .drah-empty-actions .button{
    min-height:48px!important;
    padding:0 24px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#171717,#171717)!important;
    color:#171717!important;
    font:900 .92rem var(--drah-font),sans-serif!important;
    box-shadow:0 10px 24px rgba(17,17,17,.18)!important;
}
.drah-empty-actions .drah-secondary-btn{
    min-height:48px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    background:#fff!important;
    border-color:rgba(17,17,17,.16)!important;
    color:#171717!important;
}
.drah-empty-popular{
    margin:26px 0 0!important;
    padding:22px 0 0!important;
    border-top:1px solid rgba(17,17,17,.20)!important;
}
.drah-empty-popular-head small{
    color:#171717!important;
    letter-spacing:0!important;
    text-transform:none!important;
    font:900 .78rem/1 var(--drah-font),sans-serif!important;
}
.drah-empty-popular-head h3{
    font-size:1.05rem!important;
}
.drah-empty-popular-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
}
.drah-empty-popular-card{
    border-radius:14px!important;
    border-color:rgba(17,17,17,.08)!important;
    box-shadow:0 8px 22px rgba(17,17,17,.05)!important;
}
.drah-empty-popular-thumb{aspect-ratio:4 / 4.4!important}
.drah-empty-popular-meta{
    padding:10px 12px 12px!important;
    text-align:center!important;
}
.drah-empty-popular-name{
    font:900 .82rem/1.45 var(--drah-font),sans-serif!important;
}
.drah-empty-popular-price{
    color:#171717!important;
    font:900 .78rem var(--drah-font),sans-serif!important;
}
.drah-empty-popular-price del{opacity:.58;margin-inline-start:4px}
.drah-empty-popular-price ins{text-decoration:none;color:#171717!important}

/* ----- 21. Order summary sidebar — layout, spacing, duplicate price fix ----- */
@media (min-width: 981px) {
    .woocommerce-cart .wc-block-components-sidebar-layout,
    .woocommerce-checkout .wc-block-components-sidebar-layout {
        grid-template-columns: minmax(0, 1fr) minmax(360px, 420px) !important;
        gap: 28px !important;
    }
}

.woocommerce-cart .wc-block-components-sidebar,
.woocommerce-checkout .wc-block-components-sidebar {
    min-width: 0 !important;
    overflow: visible !important;
}

.wc-block-cart__totals-title,
.wc-block-components-sidebar > h2,
.wc-block-components-sidebar .wc-block-components-panel > h2 {
    box-sizing: border-box !important;
    width: 100% !important;
    overflow: visible !important;
    padding: 20px 24px !important;
}

.wc-block-components-order-summary,
.wc-block-components-order-summary__content,
.wp-block-woocommerce-checkout-order-summary-block,
.wp-block-woocommerce-cart-order-summary-block {
    padding: 0 !important;
}

.woocommerce-checkout .wc-block-components-order-summary-item,
.woocommerce-cart .wc-block-components-order-summary-item,
.wc-block-components-order-summary-item {
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) auto !important;
    gap: 14px 18px !important;
    align-items: start !important;
    padding: 20px 24px !important;
    direction: rtl !important;
    border-bottom: 1px solid rgba(17,17,17, .06) !important;
}

.wc-block-components-order-summary-item:last-child {
    border-bottom: 0 !important;
}

.wc-block-components-order-summary-item__image {
    width: 64px !important;
    flex: 0 0 64px !important;
}

.wc-block-components-order-summary-item__image img {
    width: 64px !important;
    height: 64px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    border: 1px solid rgba(17,17,17, .18) !important;
}

.wc-block-components-order-summary-item__description {
    min-width: 0 !important;
    text-align: right !important;
    display: grid !important;
    gap: 8px !important;
}

.wc-block-components-order-summary-item__description .wc-block-components-product-name {
    display: block !important;
    margin: 0 !important;
    color: #171717 !important;
    font: 800 .95rem/1.5 var(--drah-font), sans-serif !important;
}

.woocommerce-checkout .wc-block-components-order-summary-item .wc-block-components-product-metadata,
.woocommerce-cart .wc-block-components-order-summary-item .wc-block-components-product-metadata {
    display: grid !important;
    gap: 8px !important;
    margin: 0 !important;
}

/* Hide sale badges / short descriptions in summary — keep customization only */
.woocommerce-checkout .wc-block-components-order-summary-item .wc-block-components-product-metadata > :not(.wc-block-components-product-details),
.woocommerce-cart .wc-block-components-order-summary-item .wc-block-components-product-metadata > :not(.wc-block-components-product-details) {
    display: none !important;
}

.wc-block-components-order-summary-item .wc-block-components-product-details {
    margin: 0 !important;
    padding: 10px 12px !important;
    background: #f7f3ee !important;
    border: 1px solid rgba(17,17,17, .12) !important;
    border-radius: 10px !important;
    font: 600 .8rem/1.75 var(--drah-font), sans-serif !important;
}

/* Hide unit price under the name — line total on the left is enough. */
.wc-block-components-order-summary-item__individual-prices,
.wc-block-components-order-summary-item__description .wc-block-components-product-price,
.wc-block-components-order-summary-item__description > .wc-block-formatted-money-amount {
    display: none !important;
}

.wc-block-components-order-summary-item__total-price {
    align-self: start !important;
    padding: 4px 0 0 !important;
    min-width: 72px !important;
    color: #171717 !important;
    font: 900 .98rem/1.4 var(--drah-font), sans-serif !important;
    white-space: nowrap !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: left !important;
}

.wc-block-components-order-summary-item__quantity {
    font: 800 .72rem var(--drah-font), sans-serif !important;
}

.woocommerce-checkout .wc-block-components-totals-item,
.woocommerce-cart .wc-block-components-totals-item {
    padding: 16px 24px !important;
    gap: 16px !important;
}

.woocommerce-checkout .wc-block-components-totals-footer-item,
.woocommerce-cart .wc-block-components-totals-footer-item {
    padding: 20px 24px !important;
}

.wc-block-components-totals-wrapper:last-child {
    border-bottom: 0 !important;
}

@media (max-width: 760px) {
    .wc-block-cart__totals-title,
    .wc-block-components-sidebar > h2,
    .wc-block-components-sidebar .wc-block-components-panel > h2 {
        padding: 18px 20px !important;
    }

    .woocommerce-checkout .wc-block-components-order-summary-item,
    .woocommerce-cart .wc-block-components-order-summary-item,
    .wc-block-components-order-summary-item {
        grid-template-columns: 58px minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;
        gap: 12px 14px !important;
        padding: 18px 20px !important;
    }

    .wc-block-components-order-summary-item__image {
        grid-row: 1 / span 2 !important;
        width: 58px !important;
    }

    .wc-block-components-order-summary-item__image img {
        width: 58px !important;
        height: 58px !important;
    }

    .wc-block-components-order-summary-item__description {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    .wc-block-components-order-summary-item__total-price {
        grid-column: 2 !important;
        grid-row: 2 !important;
        justify-self: start !important;
        padding-top: 0 !important;
        min-width: 0 !important;
    }

    .woocommerce-checkout .wc-block-components-totals-item,
    .woocommerce-cart .wc-block-components-totals-item {
        padding: 14px 20px !important;
    }

    .woocommerce-checkout .wc-block-components-totals-footer-item,
    .woocommerce-cart .wc-block-components-totals-footer-item {
        padding: 18px 20px !important;
    }
}

/* ----- 20. Order received — hide WC defaults + page shell ----- */
.woocommerce-order-received .entry-header,
.woocommerce-order-received .page-title,
.woocommerce-order-received .woocommerce-order > h1,
.woocommerce-order-received .woocommerce-thankyou-order-received,
.woocommerce-order-received .woocommerce-order-overview,
.woocommerce-order-received .woocommerce-notices-wrapper:not(:empty) + .woocommerce-order h1 {
    display: none !important;
}
.woocommerce-order-received .woocommerce-order {
    max-width: none;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}
.woocommerce-order-received .site-main,
.woocommerce-order-received .drah-container {
    padding-top: clamp(20px, 4vw, 36px);
    padding-bottom: clamp(28px, 5vw, 48px);
}

/* ----- 22. Checkout — flatten nested step wrappers ----- */
.woocommerce-checkout .wp-block-woocommerce-checkout-payment-block .wc-block-components-checkout-step__content,
.woocommerce-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-components-checkout-step__content,
.woocommerce-checkout .wp-block-woocommerce-checkout-actions-block {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.woocommerce-checkout .wc-block-components-radio-control-accordion-content:empty,
.woocommerce-checkout .payment_method_cod .payment_box:empty {
    display: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

.woocommerce-checkout .wc-block-components-address-card__address-section,
.woocommerce-checkout .wc-block-components-address-card address {
    margin: 0 !important;
    color: #171717 !important;
    font: 600 .92rem/1.65 var(--drah-font), sans-serif !important;
    text-align: right !important;
}

@media(max-width:640px){
    .woocommerce-cart .site-main{padding-top:20px!important}
    .drah-empty-cart{padding:24px 14px 18px!important;border-radius:18px!important}
    .drah-empty-cart-icon{width:58px;height:58px;margin-bottom:12px}
    .drah-empty-cart-icon:before{inset:18px 14px 15px 14px;border-width:2px}
    .drah-empty-cart-icon:after{width:20px;height:10px;left:19px;top:15px;border-width:2px}
    .drah-empty-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
    .drah-empty-actions .button,
    .drah-empty-actions .drah-secondary-btn{width:100%!important}
    .drah-empty-popular{margin-top:20px!important;padding-top:18px!important}
    .drah-empty-popular-grid{grid-template-columns:1fr!important;gap:10px!important}
    .drah-empty-popular-link{display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;align-items:center!important;min-height:82px!important}
    .drah-empty-popular-thumb{width:82px!important;height:82px!important;aspect-ratio:auto!important}
    .drah-empty-popular-meta{text-align:right!important;padding:10px 12px!important}
}

/* ----- 23. Checkout billing form — reference-style card ----- */
.woocommerce-checkout .drah-billing-unified {
    gap: 0 !important;
}

.woocommerce-checkout .drah-billing-step-contact .wc-block-components-checkout-step__content {
    padding: 22px 20px 14px !important;
    border-radius: 16px 16px 0 0 !important;
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}

.woocommerce-checkout .drah-billing-step-address .wc-block-components-checkout-step__content {
    padding: 4px 20px 22px !important;
    border-radius: 0 0 16px 16px !important;
    border-top: 1px solid rgba(17,17,17, .1) !important;
    margin-top: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}

.woocommerce-checkout .drah-billing-unified .drah-billing-step-contact .wc-block-components-checkout-step__content {
    box-shadow: 0 10px 28px rgba(17,17,17, .05) !important;
}

.woocommerce-checkout .drah-billing-unified .drah-billing-step-address .wc-block-components-checkout-step__content {
    box-shadow: 0 14px 32px rgba(17,17,17, .06) !important;
}

.woocommerce-checkout .drah-billing-step-address {
    margin-top: 0 !important;
}

.woocommerce-checkout .drah-billing-step-contact .wc-block-components-checkout-step__heading,
.woocommerce-checkout .drah-billing-step-contact .wc-block-components-checkout-step__title {
    margin-bottom: 14px !important;
}

.woocommerce-checkout .drah-billing-step-contact .wc-block-components-title,
.woocommerce-checkout .drah-billing-step-contact h2.wc-block-components-title {
    font: 900 1.35rem/1.35 var(--drah-font), serif !important;
    color: #171717 !important;
}

.woocommerce-checkout .wc-block-components-text-input,
.woocommerce-checkout .wc-block-components-combobox,
.woocommerce-checkout .wc-block-components-textarea,
.woocommerce-checkout .wc-block-components-country-input {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    margin-bottom: 14px !important;
}

.woocommerce-checkout .wc-block-components-text-input label,
.woocommerce-checkout .wc-block-components-combobox label,
.woocommerce-checkout .wc-block-components-textarea label,
.woocommerce-checkout .wc-block-components-country-input label {
    position: static !important;
    transform: none !important;
    clip: auto !important;
    clip-path: none !important;
    order: -1 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #171717 !important;
    font: 700 .8rem/1.4 var(--drah-font), sans-serif !important;
    text-align: right !important;
}

.woocommerce-checkout .wc-block-components-text-input input,
.woocommerce-checkout .wc-block-components-textarea textarea,
.woocommerce-checkout .wc-block-components-combobox .components-combobox-control input,
.woocommerce-checkout .wc-block-components-country-input input {
    min-height: 48px !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(17,17,17, .12) !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: #171717 !important;
    font: 600 .92rem var(--drah-font), sans-serif !important;
}

.woocommerce-checkout .wc-block-components-text-input input:focus,
.woocommerce-checkout .wc-block-components-textarea textarea:focus,
.woocommerce-checkout .wc-block-components-combobox .components-combobox-control input:focus,
.woocommerce-checkout .wc-block-components-country-input input:focus {
    border-color: #171717 !important;
    box-shadow: 0 0 0 3px rgba(17,17,17, .08) !important;
    outline: none !important;
}

.woocommerce-checkout .wc-block-components-textarea textarea {
    min-height: 110px !important;
    resize: vertical !important;
}

.woocommerce-checkout .wc-block-components-address-form__last_name,
.woocommerce-checkout .wc-block-components-address-form__company,
.woocommerce-checkout .wc-block-components-address-form__state,
.woocommerce-checkout .wc-block-components-address-form__postcode {
    display: none !important;
}

.woocommerce-checkout .wc-block-components-address-form__address_2-toggle,
.woocommerce-checkout .wc-block-components-address-form button.wc-block-components-address-form__address_2-toggle {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

.woocommerce-checkout .wc-block-components-address-form__address_2 {
    display: block !important;
}

.woocommerce-checkout .wc-block-components-checkout-step__content,
.woocommerce-checkout .wc-block-components-address-form,
.woocommerce-checkout .wc-block-components-address-form__city {
    overflow: visible !important;
}

.drah-emirate-native-select {
    display: none !important;
}

.woocommerce-checkout .drah-emirate-enhanced {
    position: relative;
    z-index: 3;
    overflow: visible !important;
}

.woocommerce-checkout .drah-emirate-picker {
    position: relative;
    z-index: 4;
    width: 100%;
    display: block !important;
}

.woocommerce-checkout .drah-emirate-enhanced .components-combobox-control,
.woocommerce-checkout .drah-emirate-enhanced .components-form-token-field__input-container,
.woocommerce-checkout .drah-emirate-enhanced .components-base-control,
.woocommerce-checkout .drah-emirate-enhanced .components-select-control,
.woocommerce-checkout .drah-emirate-enhanced select:not(.drah-emirate-native-select),
.woocommerce-checkout .drah-emirate-enhanced input:not(.drah-emirate-wc-sync) {
    display: none !important;
    pointer-events: none !important;
}

.woocommerce-checkout .drah-emirate-wc-sync {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
}

.woocommerce-checkout .wc-block-components-combobox .components-form-token-field__input-container,
.woocommerce-checkout .wc-block-components-country-input .components-form-token-field__input-container {
    border: 1px solid rgba(17,17,17, .12) !important;
    border-radius: 12px !important;
    min-height: 48px !important;
    background: #fff !important;
}

.woocommerce-checkout .wc-block-components-combobox .components-combobox-control__suggestions-container,
.woocommerce-checkout .wc-block-components-country-input .components-form-token-field__suggestions-list {
    border: 1px solid rgba(17,17,17, .1) !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 32px rgba(17,17,17, .08) !important;
    overflow: hidden !important;
}

.woocommerce-checkout .wc-block-components-combobox .components-form-token-field__suggestion,
.woocommerce-checkout .wc-block-components-country-input .components-form-token-field__suggestion,
.woocommerce-checkout .wc-block-components-combobox-control__option {
    padding: 10px 14px !important;
    color: #171717 !important;
    font: 600 .9rem var(--drah-font), sans-serif !important;
    text-align: right !important;
    direction: rtl !important;
    line-height: 1.5 !important;
}

.woocommerce-checkout .wc-block-components-country-input input,
.woocommerce-checkout .wc-block-components-combobox input[aria-autocomplete="list"] {
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", var(--drah-font), sans-serif !important;
}

.woocommerce-checkout .wc-block-components-combobox .components-form-token-field__suggestion.is-selected,
.woocommerce-checkout .wc-block-components-combobox-control__option.is-active,
.woocommerce-checkout .wc-block-components-combobox-control__option[aria-selected="true"] {
    background: rgba(17,17,17, .08) !important;
    color: #171717 !important;
}

/* Custom country dropdown — flag emojis on all devices (replaces native iOS/Android select). */
.drah-country-select-native,
.drah-country-enhanced > select,
.woocommerce-checkout .wc-block-components-country-input.drah-country-enhanced select,
.woocommerce-checkout .wc-block-components-address-form__country.drah-country-enhanced select {
    display: none !important;
    appearance: none !important;
    background-image: none !important;
}

.woocommerce-checkout .wc-block-components-country-input.drah-country-enhanced input,
.woocommerce-checkout .wc-block-components-address-form__country.drah-country-enhanced input {
    display: none !important;
}

.woocommerce-checkout .wc-block-components-country-input.drah-country-enhanced .components-base-control,
.woocommerce-checkout .wc-block-components-address-form__country.drah-country-enhanced .components-base-control,
.woocommerce-checkout .wc-block-components-country-input.drah-country-enhanced .components-select-control,
.woocommerce-checkout .wc-block-components-address-form__country.drah-country-enhanced .components-select-control {
    display: none !important;
}

.woocommerce-checkout .wc-block-components-country-input.drah-country-enhanced .components-input-control__suffix,
.woocommerce-checkout .wc-block-components-country-input.drah-country-enhanced .components-input-control__input-container::after,
.woocommerce-checkout .wc-block-components-country-input.drah-country-enhanced .components-input-control__input-container::before,
.woocommerce-checkout .wc-block-components-country-input.drah-country-enhanced .components-select-control__input-container::after,
.woocommerce-checkout .wc-block-components-country-input.drah-country-enhanced .components-select-control__input-container::before,
.woocommerce-checkout .wc-block-components-country-input.drah-country-enhanced .components-select-control__input::after,
.woocommerce-checkout .wc-block-components-country-input.drah-country-enhanced .components-select-control__input svg,
.woocommerce-checkout .drah-country-enhanced .components-input-control__suffix {
    display: none !important;
    content: none !important;
    background: none !important;
    background-image: none !important;
}

.drah-country-select {
    position: relative;
    width: 100%;
    display: block !important;
}

/* When open, lift the whole field above sibling fields so the list isn't covered. */
.woocommerce-checkout .drah-country-select.is-open,
.woocommerce-checkout .drah-emirate-picker.is-open {
    position: relative;
    z-index: 60 !important;
}

.drah-country-select__backdrop {
    display: none;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.drah-country-select__trigger {
    position: relative;
    display: block;
    width: 100%;
    min-height: 48px;
    padding: 12px 14px 12px 34px;
    border: 1px solid rgba(17,17,17, .12);
    border-radius: 12px;
    background: #fff;
    color: #171717;
    font: 600 .9rem/1.45 var(--drah-font), "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
    direction: rtl;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.drah-country-select__trigger::after {
    content: '';
    position: absolute;
    left: 14px;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-right: 2px solid #171717;
    border-bottom: 2px solid #171717;
    transform: rotate(45deg);
    pointer-events: none;
}

.drah-country-select__value {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-spacing: normal;
    letter-spacing: 0;
    direction: rtl;
    text-align: right;
    unicode-bidi: plaintext;
}

.drah-country-select__trigger:hover,
.drah-country-select__trigger:focus {
    border-color: rgba(17,17,17, .55);
    box-shadow: 0 0 0 3px rgba(17,17,17, .12);
    outline: none;
}

.drah-country-select__list {
    position: absolute;
    z-index: 40;
    top: calc(100% + 6px);
    right: 0;
    left: 0;
    max-height: 280px;
    margin: 0;
    padding: 6px;
    list-style: none;
    border: 1px solid rgba(17,17,17, .1);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(17,17,17, .1);
    overflow: auto;
    overscroll-behavior: contain;
}

.drah-country-select__option {
    padding: 10px 12px;
    border-radius: 8px;
    color: #171717;
    font: 600 .9rem/1.45 var(--drah-font), "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    word-spacing: normal !important;
    letter-spacing: 0 !important;
    direction: rtl;
    text-align: right;
}

.drah-country-select__option .drah-country-select__value {
    display: block;
    white-space: normal;
    text-align: right;
}

.drah-country-select__option:hover,
.drah-country-select__option.is-selected {
    background: rgba(17,17,17, .08);
    color: #171717;
}

body.drah-country-sheet-open {
    overflow: hidden;
}

@media (max-width: 768px), (hover: none) and (pointer: coarse) {
    .drah-country-select-native {
        display: none !important;
    }

    .drah-country-select__backdrop {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 130;
        background: rgba(17,17,17, .45);
    }

    .drah-country-select__backdrop[hidden] {
        display: none !important;
    }

    .drah-country-select.is-open .drah-country-select__list {
        position: fixed;
        z-index: 131;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        max-height: min(72vh, 460px);
        margin: 0;
        padding: 10px 12px calc(12px + env(safe-area-inset-bottom, 0px));
        border: 0;
        border-radius: 18px 18px 0 0;
        box-shadow: 0 -12px 40px rgba(17,17,17, .18);
    }

    .drah-country-select__option {
        min-height: 48px;
        padding: 14px 16px;
        font-size: .95rem;
    }
}

@media (max-width: 640px) {
    .woocommerce-checkout .drah-billing-step-contact .wc-block-components-checkout-step__content,
    .woocommerce-checkout .drah-billing-step-address .wc-block-components-checkout-step__content {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* ============================================================================
   PREMIUM ORDER-SUMMARY PASS (checkout)
   Quiet-luxury elevation of the "ملخص الطلب" panel: larger framed thumbnail,
   refined customization card with gold accent, more breathing room, and a
   weightier totals + grand-total. Additive layer on top of the base summary
   rules above; scoped to .woocommerce-checkout so the cart stays untouched.
   ========================================================================== */

/* Card header: thin gold hairline under the title for a crafted edge. */
.woocommerce-checkout .wc-block-components-sidebar h2 {
    position: relative !important;
    letter-spacing: .2px !important;
}
.woocommerce-checkout .wc-block-components-sidebar h2::after {
    content: "" !important;
    position: absolute !important;
    right: 22px !important;
    bottom: -1px !important;
    width: 42px !important;
    height: 2px !important;
    background: linear-gradient(90deg, #171717, rgba(17,17,17, 0)) !important;
}

/* ============================================================================
   Reference checkout — two-column cards, warm fields, burgundy CTA
   ========================================================================== */

.woocommerce-checkout .drah-site-header,
.woocommerce-checkout .drah-site-header .drah-container,
.woocommerce-cart .drah-footer,
.woocommerce-cart .drah-footer .drah-container,
.woocommerce-cart .drah-footer-inner,
.woocommerce-checkout .drah-footer,
.woocommerce-checkout .drah-footer .drah-container,
.woocommerce-checkout .drah-footer-inner {
    background: #171717 !important;
    background-image: none !important;
}

.woocommerce-checkout .drah-cc-top,
.woocommerce-checkout .drah-cc-wa {
    display: none !important;
}

.woocommerce-checkout .site-main,
.woocommerce-checkout .site-main .drah-container,
.woocommerce-checkout .entry-content,
.woocommerce-checkout .wp-block-woocommerce-checkout,
.woocommerce-checkout .wc-block-checkout,
.woocommerce-checkout .wc-block-components-sidebar-layout,
.woocommerce-checkout .wc-block-components-main {
    background: #ffffff !important;
    background-image: none !important;
}

.woocommerce-checkout .site-main {
    padding-top: 28px !important;
    padding-bottom: 64px !important;
}

.woocommerce-checkout .wc-block-components-sidebar-layout {
    gap: 28px !important;
    align-items: start !important;
}

@media (min-width: 981px) {
    .woocommerce-checkout .wc-block-components-sidebar-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 1.08fr) minmax(320px, 390px) !important;
        gap: 32px !important;
    }

    .woocommerce-checkout .wc-block-components-sidebar {
        position: sticky !important;
        top: 96px !important;
    }
}

.woocommerce-checkout .wc-block-components-main {
    gap: 20px !important;
}

/* Billing — single white card */
.woocommerce-checkout .drah-billing-unified {
    background: #fff !important;
    border: 1px solid #f7f3ee !important;
    border-radius: 18px !important;
    box-shadow: 0 2px 14px rgba(17,17,17, .04) !important;
    overflow: hidden !important;
    padding: clamp(20px, 4vw, 30px) clamp(18px, 4vw, 30px) !important;
}

/* Heading + step content sit flush inside the card padding (no extra inset,
   no inner sub-card border) so nothing touches the card edge. */
.woocommerce-checkout .drah-billing-unified .wc-block-components-checkout-step__heading,
.woocommerce-checkout .drah-billing-unified .wc-block-components-checkout-step__title,
.woocommerce-checkout .drah-billing-unified .wc-block-components-checkout-step__container,
.woocommerce-checkout .drah-billing-unified .wc-block-components-checkout-step__content {
    padding-inline: 0 !important;
    margin-inline: 0 !important;
}

.woocommerce-checkout .drah-billing-unified .drah-billing-step-contact .wc-block-components-checkout-step__content,
.woocommerce-checkout .drah-billing-unified .drah-billing-step-address .wc-block-components-checkout-step__content {
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.woocommerce-checkout .drah-billing-unified .drah-billing-step-contact .wc-block-components-checkout-step__content {
    padding: 0 0 0 !important;
}

.woocommerce-checkout .drah-billing-unified .drah-billing-step-address .wc-block-components-checkout-step__content {
    padding: 0 !important;
    border-top: 0 !important;
}

.woocommerce-checkout .drah-billing-unified .drah-billing-step-contact .wc-block-components-checkout-step__content,
.woocommerce-checkout .drah-billing-unified .drah-billing-step-address .wc-block-components-checkout-step__content {
    margin: 0 !important;
}

/* Shipping + payment steps */
.woocommerce-checkout .wc-block-components-main > .wc-block-components-checkout-step:not(.drah-billing-step-contact):not(.drah-billing-step-address) .wc-block-components-checkout-step__content {
    padding: 24px 28px !important;
    background: #fff !important;
    border: 1px solid #f7f3ee !important;
    border-radius: 18px !important;
    box-shadow: 0 2px 14px rgba(17,17,17, .04) !important;
}

.woocommerce-checkout .wc-block-components-main > .wc-block-components-checkout-step:not(.drah-billing-step-contact):not(.drah-billing-step-address) .wc-block-components-checkout-step__heading {
    margin-bottom: 14px !important;
}

/* Section titles */
.woocommerce-checkout .drah-billing-step-contact .wc-block-components-title,
.woocommerce-checkout .drah-billing-step-contact h2.wc-block-components-title,
.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__heading .wc-block-components-title,
.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__title {
    color: #171717 !important;
    font: 700 1.42rem/1.3 var(--drah-font), Georgia, serif !important;
    margin: 0 0 18px !important;
}

/* Sidebar order card */
.woocommerce-checkout .wc-block-components-sidebar {
    background: #fff !important;
    border: 1px solid #f7f3ee !important;
    border-radius: 18px !important;
    box-shadow: 0 2px 14px rgba(17,17,17, .04) !important;
    overflow: hidden !important;
    padding: 0 !important;
}

.woocommerce-checkout .wc-block-components-sidebar h2,
.woocommerce-checkout .wc-block-cart__totals-title {
    padding: 24px 24px 8px !important;
    background: #fff !important;
    border-bottom: 0 !important;
    color: #171717 !important;
    font: 700 1.42rem/1.3 var(--drah-font), Georgia, serif !important;
}

/* Line item — image (with qty badge) · description · line total.
   Item is the positioning context for the absolute qty badge. */
.woocommerce-checkout .wc-block-components-order-summary-item {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) auto !important;
    gap: 12px 14px !important;
    align-items: start !important;
    padding: 18px 24px !important;
    border-bottom: 1px solid #f7f3ee !important;
    background: #fff !important;
}

.woocommerce-checkout .wc-block-components-order-summary-item__image {
    width: 64px !important;
    flex: 0 0 64px !important;
}
.woocommerce-checkout .wc-block-components-order-summary-item__image img {
    width: 64px !important;
    height: 64px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    border: 1px solid #f7f3ee !important;
    box-shadow: none !important;
}

/* Quantity badge — small gold circle on the top-right corner of the
   thumbnail. WC Blocks renders __quantity as a sibling grid cell; making it
   absolute removes it from the grid flow (so it never wraps a row) and anchors
   it to the item. The image sits in the right-most column (RTL), so the image
   top-right corner ≈ item top-inset + right-inset. */
.woocommerce-checkout .wc-block-components-order-summary-item__quantity {
    position: absolute !important;
    top: 18px !important;
    right: 24px !important;
    left: auto !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 24px !important;
    height: 24px !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
    background: #171717 !important;
    color: #171717 !important;
    font: 800 .78rem/1 var(--drah-font), sans-serif !important;
    box-shadow: 0 2px 6px rgba(17,17,17, .2) !important;
    transform: translate(50%, -50%) !important;
    z-index: 2 !important;
}

/* Product name */
.woocommerce-checkout .wc-block-components-order-summary-item__description {
    min-width: 0 !important;
    display: grid !important;
    gap: 8px !important;
    text-align: right !important;
}
.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-name {
    display: block !important;
    margin: 0 !important;
    color: #171717 !important;
    font: 800 .95rem/1.45 var(--drah-font), sans-serif !important;
}

/* Customization attribute box — clean cream card, stacked label: value */
.woocommerce-checkout .wc-block-components-order-summary-item .wc-block-components-product-details {
    margin: 0 !important;
    padding: 10px 12px !important;
    background: #ffffff !important;
    border: 1px solid #f7f3ee !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    font: 600 .8rem/1.7 var(--drah-font), sans-serif !important;
    display: grid !important;
    gap: 3px !important;
}
.woocommerce-checkout .wc-block-components-order-summary-item .wc-block-components-product-details__name {
    color: #171717 !important;
    font-weight: 700 !important;
}
.woocommerce-checkout .wc-block-components-order-summary-item .wc-block-components-product-details__value {
    color: #171717 !important;
    font-weight: 700 !important;
}
/* Hide the trailing " / " separator WC Blocks injects between stacked rows. */
.woocommerce-checkout .wc-block-components-order-summary-item .wc-block-components-product-details > span > span[aria-hidden="true"] {
    display: none !important;
}

/* Line total */
.woocommerce-checkout .wc-block-components-order-summary-item__total-price {
    align-self: start !important;
    min-width: 72px !important;
    padding-top: 2px !important;
    color: #171717 !important;
    font: 900 .98rem/1.4 var(--drah-font), sans-serif !important;
    white-space: nowrap !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: left !important;
}

.woocommerce-checkout .wc-block-components-totals-item {
    padding: 14px 24px !important;
    background: #fff !important;
}

.woocommerce-checkout .wc-block-components-totals-footer-item {
    padding: 18px 24px !important;
    background: #fff !important;
    border-top: 1px solid #f7f3ee !important;
}
.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    color: #171717 !important;
    font: 900 1.1rem/1.3 var(--drah-font), sans-serif !important;
}
.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    color: #171717 !important;
    font: 900 1.24rem/1.3 var(--drah-font), sans-serif !important;
}

/* Order-summary item — mobile. Sits after the desktop block so it wins the
   cascade on checkout (the generic 760px reshape earlier in the file is
   overridden by the desktop block above at equal specificity). Keeps the same
   image | text | price layout, just tighter, and re-anchors the qty badge to
   the smaller thumbnail / tighter padding. */
@media (max-width: 760px) {
    .woocommerce-checkout .wc-block-components-order-summary-item {
        grid-template-columns: 58px minmax(0, 1fr) auto !important;
        gap: 10px 12px !important;
        padding: 16px 20px !important;
    }
    .woocommerce-checkout .wc-block-components-order-summary-item__image {
        width: 58px !important;
        flex: 0 0 58px !important;
    }
    .woocommerce-checkout .wc-block-components-order-summary-item__image img {
        width: 58px !important;
        height: 58px !important;
    }
    .woocommerce-checkout .wc-block-components-order-summary-item__quantity {
        top: 16px !important;
        right: 20px !important;
        min-width: 22px !important;
        height: 22px !important;
        font-size: .72rem !important;
    }
    .woocommerce-checkout .wc-block-components-order-summary-item__total-price {
        min-width: 0 !important;
    }
}

/* Labels + required */
.woocommerce-checkout .wc-block-components-text-input label,
.woocommerce-checkout .wc-block-components-combobox label,
.woocommerce-checkout .wc-block-components-textarea label,
.woocommerce-checkout .wc-block-components-country-input label {
    color: #171717 !important;
    font: 600 .78rem/1.35 var(--drah-font), sans-serif !important;
    margin-bottom: 6px !important;
}

.woocommerce-checkout .wc-block-components-label .required,
.woocommerce-checkout .wc-block-components-text-input label abbr {
    color: #171717 !important;
    text-decoration: none !important;
}

/* Warm pill fields */
.woocommerce-checkout input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.woocommerce-checkout .drah-country-select__trigger,
.woocommerce-checkout .drah-emirate-picker .drah-country-select__trigger,
.woocommerce-checkout .wc-block-components-text-input input,
.woocommerce-checkout .wc-block-components-combobox .components-combobox-control input,
.woocommerce-checkout .wc-block-components-textarea textarea,
.woocommerce-checkout .wc-block-components-totals-coupon__input input {
    min-height: 46px !important;
    padding: 11px 16px !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    border: 1px solid #f7f3ee !important;
    color: #171717 !important;
    box-shadow: none !important;
}

/* Restore left padding so RTL text clears the dropdown arrow (arrow sits at left:14px). */
.woocommerce-checkout .drah-country-select__trigger,
.woocommerce-checkout .drah-emirate-picker .drah-country-select__trigger {
    padding-left: 36px !important;
}

.woocommerce-checkout .wc-block-components-text-input input:focus,
.woocommerce-checkout .wc-block-components-combobox .components-combobox-control input:focus,
.woocommerce-checkout .wc-block-components-textarea textarea:focus,
.woocommerce-checkout .drah-country-select__trigger:focus,
.woocommerce-checkout .drah-emirate-picker .drah-country-select__trigger:focus {
    border-color: rgba(17,17,17, .35) !important;
    box-shadow: 0 0 0 3px rgba(17,17,17, .06) !important;
    outline: none !important;
}

.woocommerce-checkout .wc-block-components-text-input,
.woocommerce-checkout .wc-block-components-combobox,
.woocommerce-checkout .wc-block-components-textarea,
.woocommerce-checkout .wc-block-components-country-input {
    margin-bottom: 16px !important;
}

/* Payment + shipping options */
.woocommerce-checkout .wc-block-components-radio-control__option,
.woocommerce-checkout .wc-block-components-radio-control-accordion-option,
.woocommerce-checkout .wc-block-components-shipping-rates-control__option {
    padding: 14px 16px !important;
    border-radius: 14px !important;
    background: #fff !important;
    border: 1px solid #f7f3ee !important;
}

.woocommerce-checkout .wc-block-components-radio-control__option:hover,
.woocommerce-checkout .wc-block-components-radio-control-accordion-option:hover {
    background: #ffffff !important;
}

.woocommerce-checkout .wc-block-components-radio-control__option-checked,
.woocommerce-checkout .wc-block-components-radio-control__option--checked-option,
.woocommerce-checkout .wc-block-components-radio-control-accordion-option--checked-option,
.woocommerce-checkout .wc-block-components-radio-control-accordion-option--checked,
.woocommerce-checkout .wc-block-components-shipping-rates-control__option--selected,
.woocommerce-checkout .wc-block-components-radio-control__option[aria-checked="true"],
.woocommerce-checkout .wc-block-components-radio-control-accordion-option[aria-checked="true"] {
    border-color: rgba(17,17,17, .28) !important;
    background: linear-gradient(180deg, #f7f3ee, #fff) !important;
    box-shadow: inset 0 0 0 1px rgba(17,17,17, .06) !important;
}

.woocommerce-checkout .drah-cod-note,
.woocommerce-checkout .wc-block-components-radio-control-accordion-content {
    display: block !important;
    margin-top: 10px !important;
    padding: 12px 14px !important;
    background: #fff !important;
    border: 1px solid #f7f3ee !important;
    border-radius: 12px !important;
    color: #171717 !important;
    font: 500 .84rem/1.65 var(--drah-font), sans-serif !important;
}

.woocommerce-checkout .wc-block-components-checkbox {
    background: #ffffff !important;
    border: 1px solid #f7f3ee !important;
    border-radius: 14px !important;
    padding: 12px 14px !important;
}

/* Place order — full-width burgundy pill */
.woocommerce-checkout .wc-block-components-checkout-place-order-button {
    width: calc(100% - 48px) !important;
    max-width: none !important;
    margin: 8px 24px 24px !important;
    min-height: 52px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #171717 !important;
    color: #fff !important;
    font: 800 .9rem var(--drah-font), sans-serif !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover {
    background: #171717 !important;
    color: #fff !important;
    transform: none !important;
    box-shadow: none !important;
}

.woocommerce-checkout .wc-block-checkout__actions {
    padding: 0 !important;
    background: transparent !important;
}

@media (max-width: 640px) {
    .woocommerce-checkout .site-main {
        padding-top: 16px !important;
        padding-bottom: 40px !important;
    }

    .woocommerce-checkout .drah-billing-unified .drah-billing-step-contact .wc-block-components-checkout-step__content,
    .woocommerce-checkout .drah-billing-unified .drah-billing-step-address .wc-block-components-checkout-step__content,
    .woocommerce-checkout .wc-block-components-main > .wc-block-components-checkout-step:not(.drah-billing-step-contact):not(.drah-billing-step-address) .wc-block-components-checkout-step__content {
        padding-inline: 18px !important;
    }

    .woocommerce-checkout .wc-block-components-sidebar h2,
    .woocommerce-checkout .wc-block-cart__totals-title {
        padding-inline: 18px !important;
    }

    .woocommerce-checkout .wc-block-components-order-summary-item,
    .woocommerce-checkout .wc-block-components-totals-item,
    .woocommerce-checkout .wc-block-components-totals-footer-item {
        padding-inline: 18px !important;
    }

    .woocommerce-checkout .wc-block-components-checkout-place-order-button {
        width: calc(100% - 36px) !important;
        margin-inline: 18px !important;
    }
}

/* Final checkout reference overrides: keep the Mim-style empty state dominant. */
.drah-empty-cart.drah-empty-cart--mim {
    max-width: 860px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: left !important;
}
.drah-empty-cart--mim .drah-empty-primary,
.woocommerce .drah-empty-cart--mim .drah-empty-primary {
    width: auto !important;
    min-height: 46px !important;
    padding: 0 30px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: #171717 !important;
    color: #fff !important;
    box-shadow: none !important;
    font: 900 13px/1 var(--drah-font), Arial, Helvetica, sans-serif !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
.drah-empty-cart--mim .drah-empty-primary:hover,
.woocommerce .drah-empty-cart--mim .drah-empty-primary:hover {
    background: #000 !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
}

@media (max-width: 640px) {
    .drah-checkout-topbar {
        justify-content: flex-start;
        min-height: 24px;
        padding: 5px 10px;
        font-size: 9px;
        letter-spacing: .04em;
    }
    .woocommerce-cart .drah-page-shell,
    .woocommerce-checkout .drah-page-shell {
        padding: 48px 0 0 !important;
    }
    .woocommerce-cart .drah-container,
    .woocommerce-checkout .drah-container {
        width: min(100% - 20px, 1080px) !important;
    }
    .woocommerce-cart h1,
    .woocommerce-checkout h1 {
        margin-bottom: 28px !important;
    }
    .woocommerce-cart h1::after,
    .woocommerce-checkout h1::after {
        font-size: clamp(2.25rem, 12vw, 3.15rem) !important;
    }
    .drah-empty-cart--mim .drah-empty-cart-notice {
        min-height: 52px;
        margin-bottom: 24px;
        padding: 14px 18px;
        gap: 12px;
        font-size: 13px;
    }
    .drah-empty-cart--mim .drah-empty-primary,
    .woocommerce .drah-empty-cart--mim .drah-empty-primary {
        min-height: 45px !important;
        padding: 0 24px !important;
        border-radius: 10px !important;
    }
    .drah-checkout-newsletter {
        margin-top: 58px;
        margin-bottom: 0;
        padding: 44px 10px 36px;
    }
    .drah-checkout-newsletter h2 {
        font-size: clamp(1.95rem, 9vw, 2.45rem);
    }
    .drah-checkout-newsletter-form {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 8px;
        border-radius: 12px;
    }
    .drah-checkout-newsletter-form input,
    .drah-checkout-newsletter-form button {
        width: 100%;
    }
}


/* Remove the WooCommerce Blocks "By proceeding... Terms and Conditions and
   Privacy Policy" notice from checkout (store keeps Arabic-only UI). */
.woocommerce-checkout .wc-block-checkout__terms,
.woocommerce-checkout .wp-block-woocommerce-checkout-terms-block {
    display: none !important;
}

/* ============================================================================
   PREMIUM CHECKOUT POLISH (visual only - no field/logic changes)
   Consolidated branding pass: section headings with a gold accent bar,
   stronger order total, consistent section rhythm, refined inputs/selects,
   and mobile spacing. Scoped to .woocommerce-checkout.
   ============================================================================ */

/* --- Section headings: gold accent bar on the right (RTL) + clear weight --- */
.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__title,
.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__heading .wc-block-components-title,
.woocommerce-checkout .wc-block-components-main h2.wc-block-components-title,
.woocommerce-checkout .wc-block-components-main h3.wc-block-components-title,
.woocommerce-checkout .wc-block-components-checkout-order-summary__title-text {
    position: relative !important;
    padding-right: 16px !important;
    font: 800 1.32rem/1.35 var(--drah-font), sans-serif !important;
    color: #171717 !important;
    letter-spacing: .01em !important;
}
.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__title::before,
.woocommerce-checkout .wc-block-components-checkout-order-summary__title-text::before {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 4px !important;
    height: 1.05em !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #171717, #171717) !important;
}

/* --- Section rhythm: clear breathing room between checkout steps --- */
.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step {
    margin-bottom: 26px !important;
}
.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step:last-child {
    margin-bottom: 0 !important;
}

/* --- Inputs & selects: consistent premium field styling --- */
.woocommerce-checkout .wc-block-components-text-input input,
.woocommerce-checkout .wc-block-components-text-input textarea,
.woocommerce-checkout .wc-block-checkout__main select,
.woocommerce-checkout .wc-block-checkout__main textarea {
    min-height: 50px !important;
    border: 1.5px solid #f7f3ee !important;
    border-radius: 13px !important;
    background: #ffffff !important;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}
.woocommerce-checkout .wc-block-components-text-input input:focus,
.woocommerce-checkout .wc-block-components-text-input textarea:focus,
.woocommerce-checkout .wc-block-checkout__main select:focus {
    border-color: #171717 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(17,17,17, .15) !important;
    outline: none !important;
}

/* --- Order summary: cleaner spacing + emphasised grand total --- */
.woocommerce-checkout .wc-block-components-totals-item {
    padding-block: 4px !important;
}
.woocommerce-checkout .wc-block-components-totals-footer-item,
.woocommerce-checkout .wc-block-components-totals-item--total {
    margin-top: 8px !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(17,17,17, .26) !important;
}
.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font: 900 1.45rem/1.2 var(--drah-font), sans-serif !important;
    color: #171717 !important;
}
.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    font-weight: 800 !important;
    color: #171717 !important;
}

/* --- Place order button: full-width, confident, brand maroon --- */
.woocommerce-checkout .wc-block-components-checkout-place-order-button {
    min-height: 54px !important;
    border-radius: 14px !important;
    font: 900 1rem/1 var(--drah-font), sans-serif !important;
    letter-spacing: .01em !important;
    box-shadow: 0 14px 30px rgba(17,17,17, .18) !important;
}

/* --- Keep the floating WhatsApp clear of the checkout flow on mobile --- */
@media (max-width: 781px) {
    .woocommerce-checkout .drah-floating-whatsapp {
        width: 50px !important;
        height: 50px !important;
        left: 14px !important;
        bottom: 14px !important;
    }
    .woocommerce-checkout .wc-block-components-checkout-step__title,
    .woocommerce-checkout .wc-block-components-title,
    .woocommerce-checkout .wc-block-components-checkout-order-summary__title-text {
        font-size: 1.18rem !important;
    }
    .woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step {
        margin-bottom: 20px !important;
    }
    .woocommerce-checkout .drah-billing-unified {
        padding: 18px 16px !important;
    }
}

/* --- Shipping method: kill the redundant outer card so only ONE box shows ---
   The step "__content" wrapper draws a white bordered card, and the single
   shipping rate ("سعر ثابت") draws its own card inside it = nested مربعات.
   When the content holds the shipping-rates control, flatten the outer card
   and let the rate option be the only box. Scoped via :has() so billing /
   contact steps keep their card. */
.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__content:has(.wc-block-components-shipping-rates-control) {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
/* The single rate option = the one clean card, full width, neat RTL row */
.woocommerce-checkout .wc-block-components-shipping-rates-control__package {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}
.woocommerce-checkout .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 16px 16px !important;
    border: 1.5px solid rgba(17,17,17, .35) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
}
.woocommerce-checkout .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option-checked,
.woocommerce-checkout .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option[aria-checked="true"] {
    border-color: #171717 !important;
    background: rgba(17,17,17, .08) !important;
    box-shadow: 0 0 0 1px rgba(17,17,17, .22) !important;
}
/* label group fills the row so price sits at the far (left in RTL) edge */
.woocommerce-checkout .wc-block-components-shipping-rates-control .wc-block-components-radio-control__label-group {
    display: flex !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
}
.woocommerce-checkout .wc-block-components-shipping-rates-control .wc-block-components-radio-control__label {
    font: 700 .95rem/1.4 var(--drah-font), sans-serif !important;
    color: #171717 !important;
}
.woocommerce-checkout .wc-block-components-shipping-rates-control .wc-block-components-formatted-money-amount,
.woocommerce-checkout .wc-block-components-shipping-rates-control .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__label-group > .wc-block-components-radio-control__secondary-label {
    font: 800 .95rem/1.2 var(--drah-font), sans-serif !important;
    color: #171717 !important;
    white-space: nowrap !important;
}

/* --- Payment method (COD): match the shipping "سعر ثابت" single-card look ---
   The block-checkout payment option nests TWO bordered cards:
   .wc-block-components-radio-control-accordion-option (outer) wraps
   .wc-block-components-radio-control__option (inner LABEL). That double box
   is the "weird inner مربع". Flatten the OUTER accordion wrapper and let the
   inner option be the single clean card, styled exactly like the shipping rate. */
.woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option {
    border: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control__option {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 16px 16px !important;
    border: 1.5px solid rgba(17,17,17, .35) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}
.woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control__option-checked,
.woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control__option[aria-checked="true"] {
    border-color: #171717 !important;
    background: rgba(17,17,17, .08) !important;
    box-shadow: 0 0 0 1px rgba(17,17,17, .22) !important;
}
.woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control__label-group {
    display: flex !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    gap: 10px !important;
}
.woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control__label,
.woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-payment-method-label {
    font: 700 .95rem/1.4 var(--drah-font), sans-serif !important;
    color: #171717 !important;
}
/* COD description area (if shown): plain inline note, never a second box */
.woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-content {
    border: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 6px 4px 0 !important;
    margin: 0 !important;
}

/* ============================================================================
   CHECKOUT DROPDOWN OPEN ANIMATION (country "الدولة / المنطقة" + emirate "الإمارة")
   The custom picker toggles list.hidden + .is-open on the wrapper. [hidden]
   forces display:none (no transition), so we drive visibility from the
   .is-open class with opacity/transform and keep the list in flow but
   invisible when closed. Smooth fade + slight slide; backdrop fades in.
   Works on desktop (drop-down) and mobile (bottom sheet). No logic changes.
   ============================================================================ */

/* Closed state: keep the element renderable so it can transition.
   Override the inline [hidden] display:none for our picker lists only. */
.drah-country-select__list[hidden] {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    pointer-events: none;
}
.drah-country-select__list {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transform-origin: top center;
    transition: opacity .22s ease, transform .24s cubic-bezier(.22, 1, .36, 1), visibility .24s ease;
}
.drah-country-select.is-open .drah-country-select__list {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto;
}

/* Backdrop fades in instead of snapping (desktop = invisible; mobile = dim). */
.drah-country-select__backdrop {
    transition: opacity .25s ease, visibility .25s ease;
}

@media (max-width: 768px), (hover: none) and (pointer: coarse) {
    /* Mobile bottom sheet: slide up from the bottom edge. */
    .drah-country-select__list[hidden],
    .drah-country-select .drah-country-select__list {
        transform: translateY(100%);
    }
    .drah-country-select.is-open .drah-country-select__list {
        transform: translateY(0) !important;
    }
    .drah-country-select__list {
        transition: opacity .26s ease, transform .32s cubic-bezier(.22, 1, .36, 1), visibility .32s ease;
    }
    /* Backdrop dim fades smoothly. */
    .drah-country-select__backdrop {
        opacity: 0;
        transition: opacity .28s ease;
    }
    .drah-country-select__backdrop[hidden] {
        display: block !important;
        opacity: 0;
        pointer-events: none;
    }
    .drah-country-select.is-open .drah-country-select__backdrop {
        opacity: 1;
        pointer-events: auto;
    }
}

/* Softer, more premium selected/hover highlight on options. */
.drah-country-select__option {
    transition: background-color .16s ease, color .16s ease;
}
.drah-country-select__option.is-selected,
.drah-country-select__option[aria-selected="true"] {
    background: linear-gradient(90deg, rgba(17,17,17, .16), rgba(17,17,17, .06)) !important;
    color: #171717 !important;
    font-weight: 700 !important;
}

/* ============================================================================
   ORDER SUMMARY product meta: one clean line per detail (label: value)
   The "ملخص الطلب" item meta was cramped in a ~162px column so values wrapped
   under their labels. Make each detail row a flex line (label inline with
   value), give the description column more room, and only wrap when the value
   is genuinely long. RTL-correct. Visual only. Scoped to .woocommerce-checkout.
   ============================================================================ */

/* Give the description column more horizontal space; let the price wrap below
   on narrow widths so meta isn't squeezed. */
.woocommerce-checkout .wc-block-components-order-summary-item {
    grid-template-columns: 60px minmax(0, 1fr) !important;
    grid-auto-rows: auto !important;
    column-gap: 12px !important;
}
.woocommerce-checkout .wc-block-components-order-summary-item__image {
    width: 60px !important;
    flex: 0 0 60px !important;
    grid-row: 1 / span 2 !important;
}
.woocommerce-checkout .wc-block-components-order-summary-item__description {
    grid-column: 2 !important;
}
/* Price moves under the description (full row) so it never steals meta width. */
.woocommerce-checkout .wc-block-components-order-summary-item__total-price,
.woocommerce-checkout .wc-block-components-order-summary-item .wc-block-components-order-summary-item__individual-prices {
    grid-column: 2 !important;
    text-align: left !important;
}

/* Each meta detail = one line: "label: value", aligned right (RTL). */
.woocommerce-checkout .wc-block-components-product-details {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    margin: 6px 0 0 !important;
    padding: 0 !important;
}
.woocommerce-checkout .wc-block-components-product-details li {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 5px !important;
    width: 100% !important;
    direction: rtl !important;
    text-align: right !important;
    line-height: 1.5 !important;
}
.woocommerce-checkout .wc-block-components-product-details li .wc-block-components-product-details__name {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    color: #171717 !important;
    font: 700 .8rem var(--drah-font), sans-serif !important;
}
.woocommerce-checkout .wc-block-components-product-details li .wc-block-components-product-details__value {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    color: #171717 !important;
    font: 600 .82rem var(--drah-font), sans-serif !important;
    overflow-wrap: anywhere !important;
}

/* ============================================================================
   CHECKOUT ADDRESS FIELD ORDER (block checkout, flex address form)
   Required order: phone -> country -> full name -> [الإمارة | المنطقة row]
   -> عنوان المنزل/الشارع. The address form is display:flex; we reorder with
   `order` and make city (الإمارة) + address_2 (المنطقة) share one row.
   Email lives in the separate contact step above, so phone-first here puts
   phone right under email. Visual only; no field/logic change.
   ============================================================================ */
.woocommerce-checkout .wc-block-components-address-form {
    display: flex !important;
    flex-wrap: wrap !important;
    column-gap: 12px !important;
    row-gap: 0 !important;
    align-items: stretch !important;
}
.woocommerce-checkout .wc-block-components-address-form > * {
    flex: 1 1 100% !important;
    min-width: 0 !important;
}
/* Field order comes from Feddah Jewels Theme → Checkout (inline CSS + cart-checkout.js).
   Do not hardcode flex `order` here — it overrides the panel. */
.woocommerce-checkout .wc-block-components-address-form > .drah-emirate-area-row {
    flex: 1 1 100% !important;
    width: 100% !important;
}

/* Remove the guest-checkout notice ("أنتِ تتمّين الطلب كضيف.") — visual only,
   guest checkout stays enabled. No leftover gap. */
.woocommerce-checkout .wc-block-checkout__guest-checkout-notice {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ============================================================================
   Tighten the gap between the email (contact step) and phone (address step).
   The contact step had a tall heading-container + content padding + a 26px
   step margin, stacking into a ~99px void before phone. Normalize it to a
   consistent field rhythm. Visual only.
   ============================================================================ */
.woocommerce-checkout .wc-block-checkout__contact-fields {
    margin-bottom: 0 !important;
}
.woocommerce-checkout .wc-block-checkout__contact-fields .wc-block-components-checkout-step__content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 6px !important;
}
.woocommerce-checkout .wc-block-checkout__contact-fields .wc-block-components-address-form__email,
.woocommerce-checkout .wc-block-checkout__contact-fields .wc-block-components-text-input {
    margin-bottom: 0 !important;
}
.woocommerce-checkout .wc-block-checkout__contact-fields .wc-block-components-checkout-step__heading {
    margin-bottom: 10px !important;
}

/* ----- 26. Emirate + area row (الإمارة / المنطقة) — authoritative ----- */
.woocommerce-checkout .wc-block-components-address-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    align-items: stretch !important;
}

.woocommerce-checkout .wc-block-components-address-form__city,
.woocommerce-checkout .wc-block-components-address-form__address_2 {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
}

.woocommerce-checkout .drah-emirate-area-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 16px !important;
    width: 100% !important;
    align-items: stretch !important;
    direction: rtl !important;
}

.woocommerce-checkout .drah-emirate-area-row > .wc-block-components-address-form__city,
.woocommerce-checkout .drah-emirate-area-row > .wc-block-components-address-form__address_2,
.woocommerce-checkout .drah-emirate-area-row > .wc-block-components-text-input,
.woocommerce-checkout .drah-emirate-area-row > .wc-block-components-combobox {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    overflow: visible !important;
    flex: none !important;
}

.woocommerce-checkout .drah-emirate-area-row label,
.woocommerce-checkout .drah-emirate-area-row .wc-block-components-text-input label,
.woocommerce-checkout .drah-emirate-area-row .wc-block-components-combobox label {
    position: static !important;
    display: block !important;
    order: -1 !important;
    width: 100% !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    transform: none !important;
    clip: auto !important;
    clip-path: none !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    text-align: right !important;
    white-space: normal !important;
    pointer-events: auto !important;
}

.woocommerce-checkout .drah-emirate-area-row .drah-emirate-enhanced,
.woocommerce-checkout .drah-emirate-area-row .drah-emirate-picker,
.woocommerce-checkout .drah-emirate-area-row .drah-country-select {
    width: 100% !important;
    max-width: none !important;
    order: 1 !important;
}

.woocommerce-checkout .drah-emirate-area-row .drah-emirate-enhanced {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.woocommerce-checkout .drah-emirate-area-row .drah-country-select__trigger,
.woocommerce-checkout .drah-emirate-area-row .wc-block-components-text-input input,
.woocommerce-checkout .drah-emirate-area-row .wc-block-components-combobox .components-combobox-control input,
.woocommerce-checkout .drah-emirate-area-row .wc-block-components-combobox .components-form-token-field__input-container,
.woocommerce-checkout .drah-emirate-area-row input[type="text"] {
    width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    box-sizing: border-box !important;
}

.woocommerce-checkout .drah-emirate-area-row .wc-block-components-combobox .components-form-token-field__input-container {
    display: flex !important;
    align-items: center !important;
}

@media (max-width: 640px) {
    .woocommerce-checkout .drah-emirate-area-row {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
}

/* Same billing as shipping — hidden checkbox, no layout gap */
.woocommerce-checkout .drah-same-billing-checkbox,
.woocommerce-checkout .wc-block-components-checkbox.drah-same-billing-checkbox {
    display: none !important;
    visibility: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    box-shadow: none !important;
}

.woocommerce-checkout #ship-to-different-address-checkbox,
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address,
.woocommerce-checkout .woocommerce-shipping-fields > h3#ship-to-different-address-checkbox {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* ----- 27. Email → phone spacing (تفاصيل الفاتورة) — authoritative ----- */
.woocommerce-checkout .drah-billing-unified .drah-billing-step-contact,
.woocommerce-checkout .drah-billing-unified .drah-billing-step-address,
.woocommerce-checkout .drah-billing-unified > .wc-block-components-checkout-step {
    margin: 0 !important;
}

.woocommerce-checkout .drah-billing-unified .wc-block-checkout__contact-fields {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.woocommerce-checkout .drah-billing-unified .drah-billing-step-contact .wc-block-components-checkout-step__container,
.woocommerce-checkout .drah-billing-unified .drah-billing-step-contact .wc-block-components-checkout-step__content {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.woocommerce-checkout .drah-billing-unified .drah-billing-step-address .wc-block-components-checkout-step__heading {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

.woocommerce-checkout .drah-billing-unified .drah-billing-step-address .wc-block-components-checkout-step__container,
.woocommerce-checkout .drah-billing-unified .drah-billing-step-address .wc-block-components-checkout-step__content {
    padding-top: 0 !important;
    margin-top: 0 !important;
    border-top: 0 !important;
}

.woocommerce-checkout .drah-billing-unified .drah-billing-step-contact .wc-block-components-text-input,
.woocommerce-checkout .drah-billing-unified .drah-billing-step-contact .wc-block-components-address-form__email {
    margin-bottom: 0 !important;
}

.woocommerce-checkout .drah-billing-unified .drah-billing-step-address .wc-block-components-address-form {
    margin-top: 14px !important;
    padding-top: 0 !important;
}

.woocommerce-checkout .drah-billing-unified .drah-billing-step-address .wc-block-components-address-form__phone {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* ----- 28. Billing field full width (تفاصيل الفاتورة) — authoritative ----- */
.woocommerce-checkout .drah-billing-unified .drah-billing-step-contact,
.woocommerce-checkout .drah-billing-unified .drah-billing-step-address,
.woocommerce-checkout .drah-billing-unified .wc-block-components-checkout-step__container,
.woocommerce-checkout .drah-billing-unified .wc-block-components-checkout-step__content,
.woocommerce-checkout .drah-billing-unified .wc-block-checkout__contact-fields,
.woocommerce-checkout .drah-billing-unified .wc-block-components-address-form {
    width: 100% !important;
    max-width: none !important;
    align-items: stretch !important;
}

.woocommerce-checkout .drah-billing-unified .wc-block-components-address-form > * {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: none !important;
    align-self: stretch !important;
    min-width: 0 !important;
}

.woocommerce-checkout .drah-billing-unified .wc-block-components-text-input,
.woocommerce-checkout .drah-billing-unified .wc-block-components-country-input,
.woocommerce-checkout .drah-billing-unified .wc-block-components-combobox,
.woocommerce-checkout .drah-billing-unified .wc-block-components-textarea,
.woocommerce-checkout .drah-billing-unified .wc-block-components-address-form__email,
.woocommerce-checkout .drah-billing-unified .wc-block-components-address-form__phone,
.woocommerce-checkout .drah-billing-unified .wc-block-components-address-form__country,
.woocommerce-checkout .drah-billing-unified .wc-block-components-address-form__first_name,
.woocommerce-checkout .drah-billing-unified .wc-block-components-address-form__address_1 {
    width: 100% !important;
    max-width: none !important;
    flex: 1 1 auto !important;
    align-self: stretch !important;
}

.woocommerce-checkout .drah-billing-unified .wc-block-components-text-input input,
.woocommerce-checkout .drah-billing-unified .wc-block-components-textarea textarea,
.woocommerce-checkout .drah-billing-unified .wc-block-components-combobox .components-combobox-control,
.woocommerce-checkout .drah-billing-unified .wc-block-components-combobox .components-form-token-field__input-container,
.woocommerce-checkout .drah-billing-unified .wc-block-components-combobox .components-combobox-control input,
.woocommerce-checkout .drah-billing-unified .wc-block-components-country-input .components-base-control,
.woocommerce-checkout .drah-billing-unified .wc-block-components-country-input input,
.woocommerce-checkout .drah-billing-unified .drah-country-select,
.woocommerce-checkout .drah-billing-unified .drah-country-select__trigger,
.woocommerce-checkout .drah-billing-unified .drah-emirate-picker,
.woocommerce-checkout .drah-billing-unified .drah-emirate-enhanced {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

.woocommerce-checkout .drah-billing-unified .drah-emirate-area-row {
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

/* ============================================================================
   29. PREMIUM CHECKOUT REDESIGN — authoritative theme pass (visual only)
   Soft, elegant, feminine e-commerce feel matching Drah branding.
   Field order, validation, shipping, and payment logic unchanged.
   ============================================================================ */
.woocommerce-checkout {
    --drah-co-bg: #f7f3ee;
    --drah-co-card: #fff;
    --drah-co-card-border: rgba(17,17,17, .09);
    --drah-co-card-shadow: 0 10px 36px rgba(17,17,17, .06);
    --drah-co-field-bg: #ffffff;
    --drah-co-field-border: rgba(17,17,17, .12);
    --drah-co-field-focus: rgba(17,17,17, .22);
    --drah-co-field-radius: 14px;
    --drah-co-field-gap: 12px;
    --drah-co-label: #171717;
    --drah-co-text: #171717;
    --drah-co-accent: #171717;
    --drah-co-gold: #171717;
    --drah-co-gold-soft: #171717;
    --drah-co-divider: rgba(17,17,17, .2);
    --drah-co-card-radius: 20px;
}

/* Page canvas */
.woocommerce-checkout .site-main,
.woocommerce-checkout .site-main .drah-container,
.woocommerce-checkout .entry-content,
.woocommerce-checkout .wp-block-woocommerce-checkout,
.woocommerce-checkout .wc-block-checkout,
.woocommerce-checkout .wc-block-components-sidebar-layout,
.woocommerce-checkout .wc-block-components-main,
.woocommerce-checkout .drah-page-shell {
    background: var(--drah-co-bg) !important;
    background-image: none !important;
}

.woocommerce-checkout .drah-page-shell {
    padding: clamp(56px, 8vw, 72px) 0 clamp(72px, 10vw, 96px) !important;
}

.woocommerce-checkout .site-main {
    padding-top: clamp(16px, 3vw, 28px) !important;
    padding-bottom: clamp(72px, 12vw, 96px) !important;
}

.woocommerce-checkout .drah-container {
    width: min(100% - 32px, 1060px) !important;
    max-width: 1060px !important;
}

/* Page title */
.woocommerce-checkout h1 {
    margin: 0 0 clamp(24px, 5vw, 40px) !important;
    font-size: 0 !important;
    text-align: right !important;
}

.woocommerce-checkout h1::after {
    content: "إتمام الطلب" !important;
    display: block !important;
    color: var(--drah-co-text) !important;
    font: 800 clamp(2rem, 7vw, 3.2rem)/1.15 var(--drah-font), Georgia, serif !important;
    letter-spacing: -.02em !important;
}

/* Two-column layout */
.woocommerce-checkout .wc-block-components-sidebar-layout {
    gap: clamp(18px, 4vw, 28px) !important;
}

@media (min-width: 981px) {
    .woocommerce-checkout .wc-block-components-sidebar-layout {
        grid-template-columns: minmax(0, 1fr) minmax(300px, 360px) !important;
        gap: 28px !important;
    }

    .woocommerce-checkout .wc-block-components-sidebar {
        top: 88px !important;
    }
}

.woocommerce-checkout .wc-block-components-main {
    gap: clamp(14px, 3vw, 18px) !important;
}

/* Shared card shell */
.woocommerce-checkout .drah-billing-unified,
.woocommerce-checkout .wc-block-components-main > .wc-block-components-checkout-step:not(.drah-billing-step-contact):not(.drah-billing-step-address) .wc-block-components-checkout-step__content:not(:has(.wc-block-components-shipping-rates-control)),
.woocommerce-checkout .wc-block-components-sidebar {
    background: var(--drah-co-card) !important;
    border: 1px solid var(--drah-co-card-border) !important;
    border-radius: var(--drah-co-card-radius) !important;
    box-shadow: var(--drah-co-card-shadow) !important;
}

/* Billing card — تفاصيل الفاتورة */
.woocommerce-checkout .drah-billing-unified {
    position: relative !important;
    overflow: hidden !important;
    padding: clamp(18px, 4vw, 26px) clamp(16px, 4vw, 24px) !important;
}

.woocommerce-checkout .drah-billing-unified::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: clamp(16px, 4vw, 24px) !important;
    left: clamp(16px, 4vw, 24px) !important;
    height: 2px !important;
    border-radius: 0 0 3px 3px !important;
    background: linear-gradient(90deg, transparent, var(--drah-co-gold-soft), var(--drah-co-gold), var(--drah-co-gold-soft), transparent) !important;
    opacity: .9 !important;
    pointer-events: none !important;
}

.woocommerce-checkout .drah-billing-unified .drah-billing-step-contact .wc-block-components-checkout-step__content,
.woocommerce-checkout .drah-billing-unified .drah-billing-step-address .wc-block-components-checkout-step__content {
    box-shadow: none !important;
    border: 0 !important;
    background: transparent !important;
}

/* Premium section headings */
.woocommerce-checkout .drah-billing-unified .drah-billing-step-contact .wc-block-components-title,
.woocommerce-checkout .drah-billing-unified .drah-billing-step-contact h2.wc-block-components-title,
.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__heading .wc-block-components-title,
.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__title,
.woocommerce-checkout .wc-block-components-sidebar h2,
.woocommerce-checkout .wc-block-cart__totals-title {
    position: relative !important;
    margin: 0 0 16px !important;
    padding: 0 14px 14px 0 !important;
    border-bottom: 1px solid var(--drah-co-divider) !important;
    color: var(--drah-co-accent) !important;
    font: 800 clamp(1.15rem, 3.5vw, 1.38rem)/1.35 var(--drah-font), Georgia, serif !important;
    letter-spacing: 0 !important;
}

.woocommerce-checkout .drah-billing-unified .drah-billing-step-contact .wc-block-components-title::before,
.woocommerce-checkout .drah-billing-unified .drah-billing-step-contact h2.wc-block-components-title::before,
.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__heading .wc-block-components-title::before,
.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__title::before,
.woocommerce-checkout .wc-block-components-sidebar h2::before,
.woocommerce-checkout .wc-block-cart__totals-title::before {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 0.58em !important;
    transform: translateY(-50%) !important;
    width: 3px !important;
    height: 1.05em !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, var(--drah-co-gold-soft), var(--drah-co-gold)) !important;
}

/* Field rhythm inside billing */
.woocommerce-checkout .drah-billing-unified .wc-block-components-address-form {
    gap: var(--drah-co-field-gap) !important;
}

.woocommerce-checkout .drah-billing-unified .drah-billing-step-address .wc-block-components-address-form {
    margin-top: var(--drah-co-field-gap) !important;
}

.woocommerce-checkout .drah-billing-unified .wc-block-components-text-input:not(.wc-block-components-address-form__state):not(.wc-block-components-address-form__last_name):not(.wc-block-components-address-form__company):not(.wc-block-components-address-form__postcode),
.woocommerce-checkout .drah-billing-unified .wc-block-components-country-input,
.woocommerce-checkout .drah-billing-unified .wc-block-components-combobox:not(.wc-block-components-address-form__state),
.woocommerce-checkout .drah-billing-unified .wc-block-components-textarea {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    margin: 0 !important;
}

/* Labels */
.woocommerce-checkout .drah-billing-unified .wc-block-components-text-input label,
.woocommerce-checkout .drah-billing-unified .wc-block-components-combobox label,
.woocommerce-checkout .drah-billing-unified .wc-block-components-textarea label,
.woocommerce-checkout .drah-billing-unified .wc-block-components-country-input label,
.woocommerce-checkout .drah-emirate-area-row label,
.woocommerce-checkout .drah-emirate-area-row .wc-block-components-text-input label,
.woocommerce-checkout .drah-emirate-area-row .wc-block-components-combobox label {
    position: static !important;
    order: -1 !important;
    transform: none !important;
    clip: auto !important;
    clip-path: none !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--drah-co-label) !important;
    font: 700 clamp(.74rem, 2.5vw, .8rem)/1.4 var(--drah-font), sans-serif !important;
    text-align: right !important;
    letter-spacing: .01em !important;
}

.woocommerce-checkout .drah-billing-unified .wc-block-components-label .required,
.woocommerce-checkout .drah-billing-unified .wc-block-components-text-input label abbr {
    color: #171717 !important;
    text-decoration: none !important;
}

/* Inputs, textareas, custom dropdown triggers */
.woocommerce-checkout .drah-billing-unified .wc-block-components-text-input input,
.woocommerce-checkout .drah-billing-unified .wc-block-components-textarea textarea,
.woocommerce-checkout .drah-billing-unified .wc-block-components-combobox .components-combobox-control input,
.woocommerce-checkout .drah-billing-unified .wc-block-components-combobox .components-form-token-field__input-container,
.woocommerce-checkout .drah-billing-unified .wc-block-components-country-input .components-form-token-field__input-container,
.woocommerce-checkout .drah-billing-unified .drah-country-select__trigger,
.woocommerce-checkout .drah-billing-unified .drah-emirate-area-row .drah-country-select__trigger,
.woocommerce-checkout .drah-billing-unified .drah-emirate-area-row .wc-block-components-text-input input,
.woocommerce-checkout .drah-billing-unified .drah-emirate-area-row .wc-block-components-combobox .components-form-token-field__input-container {
    min-height: 46px !important;
    padding: 11px 14px !important;
    border: 1px solid var(--drah-co-field-border) !important;
    border-radius: var(--drah-co-field-radius) !important;
    background: var(--drah-co-field-bg) !important;
    color: var(--drah-co-text) !important;
    font: 600 clamp(.86rem, 2.8vw, .92rem)/1.45 var(--drah-font), sans-serif !important;
    box-shadow: none !important;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.woocommerce-checkout .drah-billing-unified .wc-block-components-text-input input:focus,
.woocommerce-checkout .drah-billing-unified .wc-block-components-textarea textarea:focus,
.woocommerce-checkout .drah-billing-unified .wc-block-components-combobox .components-combobox-control input:focus,
.woocommerce-checkout .drah-billing-unified .drah-country-select__trigger:focus,
.woocommerce-checkout .drah-billing-unified .drah-country-select.is-open .drah-country-select__trigger {
    border-color: var(--drah-co-gold) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px var(--drah-co-field-focus) !important;
    outline: none !important;
}

.woocommerce-checkout .drah-billing-unified .drah-country-select__trigger {
    padding-inline: 14px 34px !important;
    text-align: right !important;
    direction: rtl !important;
}

/* Emirate / area row */
.woocommerce-checkout .drah-billing-unified .drah-emirate-area-row {
    gap: clamp(10px, 3vw, 14px) !important;
    margin: 0 !important;
}

/* Shipping + payment steps */
.woocommerce-checkout .wc-block-components-main > .wc-block-components-checkout-step:not(.drah-billing-step-contact):not(.drah-billing-step-address) {
    margin-bottom: clamp(14px, 3vw, 18px) !important;
}

.woocommerce-checkout .wc-block-components-main > .wc-block-components-checkout-step:not(.drah-billing-step-contact):not(.drah-billing-step-address) .wc-block-components-checkout-step__content:not(:has(.wc-block-components-shipping-rates-control)) {
    padding: clamp(18px, 4vw, 22px) clamp(16px, 4vw, 22px) !important;
}

.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__content:has(.wc-block-components-shipping-rates-control),
.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__content:has(.wc-block-checkout__payment-method) {
    padding: clamp(18px, 4vw, 22px) clamp(16px, 4vw, 22px) !important;
    background: var(--drah-co-card) !important;
    border: 1px solid var(--drah-co-card-border) !important;
    border-radius: var(--drah-co-card-radius) !important;
    box-shadow: var(--drah-co-card-shadow) !important;
}

.woocommerce-checkout .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option,
.woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control__option {
    padding: 14px 16px !important;
    border: 1px solid rgba(17,17,17, .32) !important;
    border-radius: var(--drah-co-field-radius) !important;
    background: var(--drah-co-field-bg) !important;
}

.woocommerce-checkout .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option-checked,
.woocommerce-checkout .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option[aria-checked="true"],
.woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control__option-checked,
.woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control__option[aria-checked="true"] {
    border-color: var(--drah-co-gold) !important;
    background: rgba(17,17,17, .07) !important;
    box-shadow: inset 0 0 0 1px rgba(17,17,17, .18) !important;
}

.woocommerce-checkout .drah-cod-note,
.woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-content {
    margin-top: 8px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    background: var(--drah-co-field-bg) !important;
    border: 1px solid var(--drah-co-card-border) !important;
    color: var(--drah-co-label) !important;
    font: 500 .82rem/1.65 var(--drah-font), sans-serif !important;
}

/* Order summary sidebar */
.woocommerce-checkout .wc-block-components-sidebar {
    overflow: hidden !important;
    padding: 0 !important;
}

.woocommerce-checkout .wc-block-components-sidebar h2,
.woocommerce-checkout .wc-block-cart__totals-title {
    padding: clamp(18px, 4vw, 22px) clamp(16px, 4vw, 22px) 10px !important;
    margin-bottom: 0 !important;
    border-bottom: 1px solid var(--drah-co-divider) !important;
    background: var(--drah-co-card) !important;
}

.woocommerce-checkout .wc-block-components-order-summary-item {
    padding: clamp(14px, 3vw, 18px) clamp(16px, 4vw, 22px) !important;
    border-bottom: 1px solid rgba(17,17,17, .12) !important;
}

.woocommerce-checkout .wc-block-components-order-summary-item__image img {
    border-radius: 12px !important;
    border: 1px solid var(--drah-co-card-border) !important;
}

.woocommerce-checkout .wc-block-components-order-summary-item .wc-block-components-product-details {
    background: var(--drah-co-field-bg) !important;
    border: 1px solid var(--drah-co-card-border) !important;
    border-radius: 12px !important;
}

.woocommerce-checkout .wc-block-components-totals-item,
.woocommerce-checkout .wc-block-components-totals-footer-item {
    padding-inline: clamp(16px, 4vw, 22px) !important;
}

.woocommerce-checkout .wc-block-components-totals-footer-item,
.woocommerce-checkout .wc-block-components-totals-item--total {
    margin-top: 6px !important;
    padding-top: 14px !important;
    border-top: 1px solid var(--drah-co-divider) !important;
}

.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font: 900 clamp(1.25rem, 4vw, 1.42rem)/1.2 var(--drah-font), serif !important;
    color: var(--drah-co-accent) !important;
}

/* Place order */
.woocommerce-checkout .wc-block-components-checkout-place-order-button {
    width: calc(100% - clamp(32px, 8vw, 44px)) !important;
    margin: 10px clamp(16px, 4vw, 22px) clamp(18px, 4vw, 22px) !important;
    min-height: 52px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #171717, var(--drah-co-accent)) !important;
    color: #fff !important;
    font: 800 clamp(.86rem, 2.8vw, .92rem)/1 var(--drah-font), sans-serif !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    box-shadow: 0 12px 28px rgba(17,17,17, .22) !important;
    transition: transform .18s ease, box-shadow .18s ease !important;
}

.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 16px 34px rgba(17,17,17, .28) !important;
    background: linear-gradient(180deg, #171717, #171717) !important;
}

/* WhatsApp FAB — keep clear of checkout actions */
.woocommerce-checkout .drah-floating-whatsapp {
    z-index: 45 !important;
    width: 52px !important;
    height: 52px !important;
    left: 16px !important;
    right: auto !important;
    bottom: max(16px, env(safe-area-inset-bottom, 16px)) !important;
    box-shadow: 0 8px 24px rgba(37, 211, 102, .32) !important;
}

.woocommerce-checkout .wc-block-checkout {
    padding-bottom: 8px !important;
}

@media (max-width: 781px) {
    .woocommerce-checkout .drah-page-shell {
        padding-top: 48px !important;
        padding-bottom: 88px !important;
    }

    .woocommerce-checkout .drah-container {
        width: min(100% - 24px, 1060px) !important;
    }

    .woocommerce-checkout h1::after {
        font-size: clamp(1.85rem, 9vw, 2.5rem) !important;
    }

    .woocommerce-checkout .drah-billing-unified {
        padding: 16px 14px !important;
    }

    .woocommerce-checkout .drah-billing-unified::before {
        right: 14px !important;
        left: 14px !important;
    }

    .woocommerce-checkout .drah-billing-unified .drah-emirate-area-row {
        grid-template-columns: 1fr !important;
        gap: var(--drah-co-field-gap) !important;
    }

    .woocommerce-checkout .wc-block-components-main > .wc-block-components-checkout-step:not(.drah-billing-step-contact):not(.drah-billing-step-address) .wc-block-components-checkout-step__content,
    .woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__content:has(.wc-block-components-shipping-rates-control),
    .woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__content:has(.wc-block-checkout__payment-method) {
        padding: 16px 14px !important;
    }

    .woocommerce-checkout .wc-block-components-sidebar h2,
    .woocommerce-checkout .wc-block-cart__totals-title {
        padding: 16px 14px 8px !important;
    }

    .woocommerce-checkout .wc-block-components-order-summary-item {
        padding: 14px !important;
        grid-template-columns: 56px minmax(0, 1fr) auto !important;
        gap: 10px 12px !important;
    }

    .woocommerce-checkout .wc-block-components-order-summary-item__image,
    .woocommerce-checkout .wc-block-components-order-summary-item__image img {
        width: 56px !important;
        height: 56px !important;
    }

    .woocommerce-checkout .wc-block-components-order-summary-item__quantity {
        top: 14px !important;
        right: 14px !important;
    }

    .woocommerce-checkout .wc-block-components-checkout-place-order-button {
        width: calc(100% - 28px) !important;
        margin-inline: 14px !important;
        min-height: 50px !important;
    }

    .woocommerce-checkout .drah-floating-whatsapp {
        width: 46px !important;
        height: 46px !important;
        left: 12px !important;
        bottom: max(12px, env(safe-area-inset-bottom, 12px)) !important;
    }

    .woocommerce-checkout .drah-floating-whatsapp svg {
        width: 24px !important;
        height: 24px !important;
    }
}

@media (min-width: 782px) {
    .woocommerce-checkout .drah-floating-whatsapp {
        bottom: max(24px, env(safe-area-inset-bottom, 24px)) !important;
    }
}

/* Avoid double-box on shipping/payment: outer step is the card, inner option is a soft fill */
.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__content:has(.wc-block-components-shipping-rates-control) .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option,
.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__content:has(.wc-block-checkout__payment-method) .wc-block-checkout__payment-method .wc-block-components-radio-control__option {
    border: 1px solid transparent !important;
    background: var(--drah-co-field-bg) !important;
    box-shadow: none !important;
}

.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__content:has(.wc-block-components-shipping-rates-control) .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option-checked,
.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__content:has(.wc-block-components-shipping-rates-control) .wc-block-components-shipping-rates-control .wc-block-components-radio-control__option[aria-checked="true"],
.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__content:has(.wc-block-checkout__payment-method) .wc-block-checkout__payment-method .wc-block-components-radio-control__option-checked,
.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step__content:has(.wc-block-checkout__payment-method) .wc-block-checkout__payment-method .wc-block-components-radio-control__option[aria-checked="true"] {
    border-color: var(--drah-co-gold) !important;
    background: rgba(17,17,17, .07) !important;
    box-shadow: inset 0 0 0 1px rgba(17,17,17, .18) !important;
}

/* ----- 30. Theme panel field visibility (Feddah Jewels Theme → Checkout) ----- */
.woocommerce-checkout .drah-checkout-field-hidden {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
}

.woocommerce-checkout.drah-checkout-hide-emirate.drah-checkout-hide-area .drah-emirate-area-row {
    display: none !important;
}

.woocommerce-checkout.drah-checkout-hide-last-name .wc-block-components-address-form__last_name,
.woocommerce-checkout.drah-checkout-hide-company .wc-block-components-address-form__company,
.woocommerce-checkout.drah-checkout-hide-postcode .wc-block-components-address-form__postcode {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Keep emirate inside the row only — hide duplicate city/state fields outside the row.
   Must beat Section 29 .drah-billing-unified display:flex rules. */
.woocommerce-checkout .drah-billing-unified .wc-block-components-address-form__state,
.woocommerce-checkout .drah-billing-unified .wc-block-components-text-input.wc-block-components-address-form__state,
.woocommerce-checkout .drah-billing-unified .wc-block-components-combobox.wc-block-components-address-form__state,
.woocommerce-checkout .drah-billing-unified .wc-block-components-address-form > .wc-block-components-address-form__city,
.woocommerce-checkout .drah-billing-unified .wc-block-components-address-form > .wc-block-components-address-form__state,
.woocommerce-checkout .drah-billing-unified .wc-block-components-address-form > .wc-block-components-combobox.wc-block-components-address-form__city,
.woocommerce-checkout .wc-block-components-address-form > .wc-block-components-address-form__city,
.woocommerce-checkout .wc-block-components-address-form > .wc-block-components-address-form__state,
.woocommerce-checkout .wc-block-components-address-form > .wc-block-components-combobox.wc-block-components-address-form__city {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.woocommerce-checkout .drah-billing-unified .drah-emirate-area-row > .wc-block-components-address-form__city,
.woocommerce-checkout .drah-billing-unified .drah-emirate-area-row > .wc-block-components-combobox.wc-block-components-address-form__city,
.woocommerce-checkout .drah-emirate-area-row > .wc-block-components-address-form__city,
.woocommerce-checkout .drah-emirate-area-row > .wc-block-components-combobox.wc-block-components-address-form__city {
    display: flex !important;
    visibility: visible !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    pointer-events: auto !important;
}

.woocommerce-checkout .drah-emirate-area-row .wc-block-components-address-form__city.drah-checkout-field-hidden,
.woocommerce-checkout .drah-emirate-area-row .wc-block-components-address-form__city.drah-emirate-stray {
    display: flex !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
    pointer-events: auto !important;
}

.woocommerce-checkout .drah-emirate-area-row .drah-emirate-picker,
.woocommerce-checkout .drah-emirate-area-row .drah-country-select,
.woocommerce-checkout .drah-emirate-area-row .drah-country-select__trigger {
    display: block !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Inside the enhanced emirate cell: hide native WC combobox only, keep custom picker. */
.woocommerce-checkout .drah-emirate-area-row .drah-emirate-enhanced .components-combobox-control,
.woocommerce-checkout .drah-emirate-area-row .drah-emirate-enhanced .components-form-token-field__input-container,
.woocommerce-checkout .drah-emirate-area-row .drah-emirate-enhanced .components-base-control:not(.drah-emirate-picker),
.woocommerce-checkout .drah-emirate-area-row .drah-emirate-enhanced .components-select-control,
.woocommerce-checkout .drah-emirate-area-row .drah-emirate-enhanced select:not(.drah-emirate-native-select),
.woocommerce-checkout .drah-emirate-area-row .drah-emirate-enhanced input:not(.drah-emirate-wc-sync):not(.drah-country-select__trigger) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

/* ============================================================================
   31. ORDER SUMMARY — price + savings on one premium row (checkout + cart)
   Format: 420,00 د.إ   |   توفير 140,00 د.إ
   Keep 2-column item grid so the sidebar never collapses. Visual only.
   ============================================================================ */
.woocommerce-checkout .wc-block-components-sidebar,
.woocommerce-cart .wc-block-components-sidebar {
    min-width: 0 !important;
}

@media (min-width: 981px) {
    .woocommerce-checkout .wc-block-components-sidebar {
        min-width: 300px !important;
    }
}

.woocommerce-checkout .wc-block-components-order-summary-item,
.woocommerce-cart .wc-block-components-order-summary-item {
    grid-template-columns: 84px minmax(0, 1fr) !important;
    grid-auto-rows: auto !important;
    column-gap: 14px !important;
    row-gap: 8px !important;
    align-items: start !important;
}

.woocommerce-checkout .wc-block-components-order-summary-item__image,
.woocommerce-cart .wc-block-components-order-summary-item__image {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 84px !important;
    flex: 0 0 84px !important;
}

.woocommerce-checkout .wc-block-components-order-summary-item__image img,
.woocommerce-cart .wc-block-components-order-summary-item__image img {
    width: 84px !important;
    height: 84px !important;
    object-fit: cover !important;
}

.drah-summary-img-link {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    cursor: pointer !important;
    border-radius: inherit !important;
    overflow: hidden !important;
}

.woocommerce-checkout .wc-block-components-order-summary-item__description,
.woocommerce-cart .wc-block-components-order-summary-item__description {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
}

.woocommerce-checkout .wc-block-components-order-summary-item__total-price,
.woocommerce-cart .wc-block-components-order-summary-item__total-price {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    justify-self: start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: right !important;
    direction: rtl !important;
}

.woocommerce-checkout .wc-block-cart-item__total-price-and-sale-badge-wrapper,
.woocommerce-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper {
    display: flex !important;
    flex-direction: row-reverse !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    white-space: nowrap !important;
}

.woocommerce-checkout .wc-block-cart-item__total-price-and-sale-badge-wrapper > *:first-child,
.woocommerce-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper > *:first-child,
.woocommerce-checkout .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-formatted-money-amount:first-of-type,
.woocommerce-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-formatted-money-amount:first-of-type {
    flex: 0 0 auto !important;
    color: #171717 !important;
    font: 900 clamp(.94rem, 2.6vw, 1.06rem)/1.2 var(--drah-font), Georgia, serif !important;
    letter-spacing: -.01em !important;
}

.woocommerce-checkout .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-product-badge,
.woocommerce-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-product-badge {
    display: inline-flex !important;
    flex: 0 1 auto !important;
    align-items: center !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: #171717 !important;
    font: 600 clamp(.72rem, 2.2vw, .82rem)/1.25 var(--drah-font), sans-serif !important;
    white-space: nowrap !important;
}

.woocommerce-checkout .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-product-badge::before,
.woocommerce-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-product-badge::before {
    content: "|" !important;
    display: inline-block !important;
    margin: 0 clamp(8px, 2vw, 12px) !important;
    color: rgba(17,17,17, .24) !important;
    font: 400 .78rem/1 var(--drah-font), sans-serif !important;
}

.woocommerce-checkout .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-product-badge .wc-block-formatted-money-amount,
.woocommerce-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-product-badge .wc-block-formatted-money-amount {
    color: #171717 !important;
    font: inherit !important;
}

@media (max-width: 760px) {
    .woocommerce-checkout .wc-block-components-order-summary-item__total-price,
    .woocommerce-cart .wc-block-components-order-summary-item__total-price {
        grid-column: 2 !important;
        grid-row: 2 !important;
        justify-self: start !important;
    }
}

@media (max-width: 340px) {
    .woocommerce-checkout .wc-block-cart-item__total-price-and-sale-badge-wrapper,
    .woocommerce-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper {
        flex-wrap: wrap !important;
        row-gap: 4px !important;
        justify-content: flex-end !important;
    }

    .woocommerce-checkout .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-product-badge::before,
    .woocommerce-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-product-badge::before {
        display: none !important;
    }
}

/* ----- 32. Emirate row RTL — الإمارة right, المنطقة left ----- */
.woocommerce-checkout .drah-emirate-area-row {
    direction: rtl !important;
}

.woocommerce-checkout .drah-emirate-area-row > .wc-block-components-address-form__city,
.woocommerce-checkout .drah-emirate-area-row > .wc-block-components-combobox.wc-block-components-address-form__city,
.woocommerce-checkout .drah-emirate-area-row > .wc-block-components-text-input[id*="city" i],
.woocommerce-checkout .drah-emirate-area-row > .wc-block-components-combobox[id*="city" i] {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

.woocommerce-checkout .drah-emirate-area-row > .wc-block-components-address-form__address_2,
.woocommerce-checkout .drah-emirate-area-row > .wc-block-components-text-input[id*="address_2" i] {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

/* ----- 33. Emirate row — mobile balance (الإمارة / المنطقة) ----- */
@media (max-width: 781px) {
    .woocommerce-checkout .drah-emirate-area-row,
    .woocommerce-checkout .drah-billing-unified .drah-emirate-area-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: clamp(10px, 3vw, 14px) !important;
        width: 100% !important;
        align-items: stretch !important;
        direction: rtl !important;
    }

    .woocommerce-checkout .drah-emirate-area-row > .wc-block-components-address-form__city,
    .woocommerce-checkout .drah-emirate-area-row > .wc-block-components-combobox.wc-block-components-address-form__city,
    .woocommerce-checkout .drah-emirate-area-row > .wc-block-components-text-input[id*="city" i],
    .woocommerce-checkout .drah-emirate-area-row > .wc-block-components-combobox[id*="city" i],
    .woocommerce-checkout .drah-emirate-area-row > .wc-block-components-address-form__address_2,
    .woocommerce-checkout .drah-emirate-area-row > .wc-block-components-text-input[id*="address_2" i] {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        align-self: stretch !important;
    }

    .woocommerce-checkout .drah-emirate-area-row > .wc-block-components-address-form__city,
    .woocommerce-checkout .drah-emirate-area-row > .wc-block-components-combobox.wc-block-components-address-form__city,
    .woocommerce-checkout .drah-emirate-area-row > .wc-block-components-text-input[id*="city" i],
    .woocommerce-checkout .drah-emirate-area-row > .wc-block-components-combobox[id*="city" i] {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .woocommerce-checkout .drah-emirate-area-row > .wc-block-components-address-form__address_2,
    .woocommerce-checkout .drah-emirate-area-row > .wc-block-components-text-input[id*="address_2" i] {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    .woocommerce-checkout .drah-emirate-area-row label,
    .woocommerce-checkout .drah-emirate-area-row .wc-block-components-text-input label,
    .woocommerce-checkout .drah-emirate-area-row .wc-block-components-combobox label {
        order: -1 !important;
        display: block !important;
        width: 100% !important;
        margin: 0 0 6px !important;
        text-align: right !important;
        line-height: 1.35 !important;
    }

    .woocommerce-checkout .drah-emirate-area-row .drah-emirate-enhanced {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto !important;
        gap: 6px !important;
        width: 100% !important;
        min-height: 0 !important;
    }

    .woocommerce-checkout .drah-emirate-area-row .drah-emirate-picker,
    .woocommerce-checkout .drah-emirate-area-row .drah-country-select {
        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .woocommerce-checkout .drah-emirate-area-row .drah-country-select__trigger,
    .woocommerce-checkout .drah-emirate-area-row .wc-block-components-text-input input,
    .woocommerce-checkout .drah-emirate-area-row .wc-block-components-combobox .components-form-token-field__input-container,
    .woocommerce-checkout .drah-emirate-area-row .wc-block-components-combobox .components-combobox-control input,
    .woocommerce-checkout .drah-emirate-area-row input[type="text"] {
        width: 100% !important;
        min-height: 46px !important;
        height: 46px !important;
        max-height: 46px !important;
        box-sizing: border-box !important;
    }

    .woocommerce-checkout .drah-billing-unified .drah-emirate-area-row .drah-country-select__trigger,
    .woocommerce-checkout .drah-billing-unified .drah-emirate-area-row .wc-block-components-text-input input,
    .woocommerce-checkout .drah-billing-unified .drah-emirate-area-row .wc-block-components-combobox .components-form-token-field__input-container {
        min-height: 46px !important;
        height: 46px !important;
        max-height: 46px !important;
    }
}

@media (max-width: 520px) {
    .woocommerce-checkout .drah-emirate-area-row,
    .woocommerce-checkout .drah-billing-unified .drah-emirate-area-row {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .woocommerce-checkout .drah-emirate-area-row > .wc-block-components-address-form__city,
    .woocommerce-checkout .drah-emirate-area-row > .wc-block-components-combobox.wc-block-components-address-form__city,
    .woocommerce-checkout .drah-emirate-area-row > .wc-block-components-text-input[id*="city" i],
    .woocommerce-checkout .drah-emirate-area-row > .wc-block-components-combobox[id*="city" i] {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .woocommerce-checkout .drah-emirate-area-row > .wc-block-components-address-form__address_2,
    .woocommerce-checkout .drah-emirate-area-row > .wc-block-components-text-input[id*="address_2" i] {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }
}

/* ----- 34. Country (الدولة) — CSS-only hide stray chevron (no JS) ----- */

.woocommerce-checkout .wc-block-components-address-form__country,
.woocommerce-checkout .wc-block-components-country-input,
.woocommerce-checkout .wc-block-components-combobox.wc-block-components-address-form__country {
    position: relative !important;
}

.woocommerce-checkout .wc-block-components-address-form__country label,
.woocommerce-checkout .wc-block-components-country-input label,
.woocommerce-checkout .wc-block-components-combobox.wc-block-components-address-form__country label,
.woocommerce-checkout .wc-block-components-address-form__country .wc-block-components-label,
.woocommerce-checkout .wc-block-components-country-input .wc-block-components-label {
    position: relative !important;
    display: block !important;
    z-index: 2 !important;
    background: var(--drah-co-card, #fff) !important;
    background-image: none !important;
    isolation: isolate !important;
}

/* Hide any icon nodes inside the label text */
.woocommerce-checkout .wc-block-components-address-form__country label > *:not(abbr):not(.required),
.woocommerce-checkout .wc-block-components-country-input label > *:not(abbr):not(.required),
.woocommerce-checkout .wc-block-components-combobox.wc-block-components-address-form__country label > *:not(abbr):not(.required),
.woocommerce-checkout .wc-block-components-address-form__country label svg,
.woocommerce-checkout .wc-block-components-address-form__country label path,
.woocommerce-checkout .wc-block-components-address-form__country label button,
.woocommerce-checkout .wc-block-components-address-form__country label img,
.woocommerce-checkout .wc-block-components-country-input label svg,
.woocommerce-checkout .wc-block-components-country-input label path,
.woocommerce-checkout .wc-block-components-country-input label button,
.woocommerce-checkout .wc-block-components-country-input label img,
.woocommerce-checkout .wc-block-components-combobox.wc-block-components-address-form__country label svg,
.woocommerce-checkout .wc-block-components-combobox.wc-block-components-address-form__country label path,
.woocommerce-checkout .wc-block-components-combobox.wc-block-components-address-form__country label button,
.woocommerce-checkout .wc-block-components-combobox.wc-block-components-address-form__country label img {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}

/* Toggle icon is hidden via the svg rule below; no white patch needed (it was covering الدولة). */
.woocommerce-checkout .wc-block-components-address-form__country label::after,
.woocommerce-checkout .wc-block-components-country-input label::after,
.woocommerce-checkout .wc-block-components-combobox.wc-block-components-address-form__country label::after {
    content: none !important;
    display: none !important;
}

/* Hide WC combobox toggle icons in country field — trigger chevron uses CSS ::after on .drah-country-select__trigger */
.woocommerce-checkout .wc-block-components-address-form__country svg,
.woocommerce-checkout .wc-block-components-country-input svg,
.woocommerce-checkout .wc-block-components-combobox.wc-block-components-address-form__country svg,
.woocommerce-checkout .wc-block-components-address-form__country button[aria-haspopup="listbox"]:not(.drah-country-select__trigger):not(.drah-country-select__backdrop),
.woocommerce-checkout .wc-block-components-country-input button[aria-haspopup="listbox"]:not(.drah-country-select__trigger):not(.drah-country-select__backdrop),
.woocommerce-checkout .wc-block-components-combobox.wc-block-components-address-form__country button[aria-haspopup="listbox"]:not(.drah-country-select__trigger):not(.drah-country-select__backdrop),
.woocommerce-checkout .wc-block-components-address-form__country .wc-block-components-combobox-control button,
.woocommerce-checkout .wc-block-components-address-form__country .components-combobox-control button,
.woocommerce-checkout .wc-block-components-country-input .wc-block-components-combobox-control button,
.woocommerce-checkout .wc-block-components-country-input .components-combobox-control button,
.woocommerce-checkout .wc-block-components-combobox.wc-block-components-address-form__country .wc-block-components-combobox-control button,
.woocommerce-checkout .wc-block-components-combobox.wc-block-components-address-form__country .components-combobox-control button,
.woocommerce-checkout .wc-block-components-address-form__country .components-input-control__suffix,
.woocommerce-checkout .wc-block-components-country-input .components-input-control__suffix {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
}