/* SPACELAND UAE Dirham Symbol Global V2 — alignment + proportions */

.uae-dirham-amount{
    display:inline-flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:.26em !important;
    direction:ltr !important;
    unicode-bidi:isolate !important;
    white-space:nowrap !important;
    vertical-align:baseline !important;
    line-height:1 !important;
    color:inherit !important;
    font-family:inherit !important;
    font-size:inherit !important;
    font-weight:inherit !important;
    font-style:inherit !important;
    letter-spacing:inherit !important;
}

.uae-dirham-symbol{
    display:inline-block !important;
    flex:0 0 auto !important;

    /* Visual size is intentionally slightly below 1em because numerals do not
       occupy the full em-box. This makes symbol and digits look equal in height. */
    width:max(.98em, 14px) !important;
    height:max(.82em, 12px) !important;
    min-width:0 !important;
    min-height:0 !important;

    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;

    background-color:currentColor !important;
    -webkit-mask-image:url('/assets/uae-dirham-symbol.svg?v=20260903-2') !important;
    mask-image:url('/assets/uae-dirham-symbol.svg?v=20260903-2') !important;
    -webkit-mask-position:center !important;
    mask-position:center !important;
    -webkit-mask-repeat:no-repeat !important;
    mask-repeat:no-repeat !important;
    -webkit-mask-size:contain !important;
    mask-size:contain !important;

    color:inherit !important;
    font-size:inherit !important;
    line-height:1 !important;
    direction:ltr !important;
    unicode-bidi:isolate !important;

    /* Fine optical alignment with Cairo/system numerals. */
    transform:translateY(.015em) !important;
    transform-origin:center !important;
    vertical-align:middle !important;
}

/* A standalone symbol still gets sane spacing if it is not inside a price wrapper. */
.uae-dirham-symbol:not(.uae-dirham-amount .uae-dirham-symbol){
    margin-inline-end:.26em !important;
}

/* Prices commonly render with very bold typography. Keep symbol visually integrated. */
:where(
    .price,
    .product-price,
    .sale-price,
    .regular-price,
    .total,
    .grand-total,
    .amount,
    .money,
    [class*="price"],
    [class*="total"],
    [data-price]
) .uae-dirham-amount{
    line-height:inherit !important;
}

/* Compact table / badge / small UI contexts */
:where(td, th, .badge, .chip, .pill, small) .uae-dirham-amount{
    gap:.22em !important;
}

/* Large storefront price typography */
:where(h1, h2, h3, .product-price, .price-main, .price-current) .uae-dirham-symbol{
    width:max(.96em, 14px) !important;
    height:max(.80em, 12px) !important;
}

@media (max-width: 767px){
    .uae-dirham-amount{
        gap:.24em !important;
    }

    .uae-dirham-symbol{
        width:max(.96em, 13px) !important;
        height:max(.81em, 12px) !important;
        transform:translateY(.01em) !important;
    }
}

@media print{
    .uae-dirham-amount{
        gap:.24em !important;
    }

    .uae-dirham-symbol{
        width:.98em !important;
        height:.82em !important;
        -webkit-print-color-adjust:exact !important;
        print-color-adjust:exact !important;
        transform:translateY(.01em) !important;
    }
}