/**
 * Modern Arab Currency Symbols Styles
 */

/* Define UAE Dirham font */
@font-face {
    font-family: 'dirhamicon';
    src: url('../fonts/dirhamicon.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* General symbol styling */
.macs-symbol {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    vertical-align: middle;
    height: 1em;
    /* Ensure size consistency with surrounding text */
}

/* Special styling for UAE Dirham (font) */
.macs-aed {
    font-family: 'dirhamicon';
    font-size: 1.1em;
    /* Slight size adjustment to match numbers */
}

/* Special styling for Vector symbols (SVG) */
.macs-symbol svg {
    height: 1em;
    width: auto;
    max-width: 2.5em;
    /* Prevent excessive stretching */
    fill: currentColor;
    /* Inherits surrounding text color */
}

/* RTL Support */
/* Using Logical Properties to support both languages */
.macs-symbol {
    margin-inline-end: 0.25em;
    /* Small margin after symbol */
}

/* Additional improvements to ensure alignment with English and Arabic numbers */
.woocommerce-Price-amount {
    display: inline-flex;
    align-items: baseline;
}