/* Saudi Riyal Custom Symbol OTF Font Implementation */

/* Enhanced font loading with better fallbacks */
@font-face {
    font-family: 'SaudiRiyalSymbol';
    src: url('../fonts/saudi-riyal/saudiriyalsymbol.woff2') format('woff2'),
         url('../fonts/saudi-riyal/saudiriyalsymbol.woff') format('woff'),
         url('../fonts/saudi-riyal/saudiriyalsymbol.ttf') format('truetype'),
         url('../fonts/saudi-riyal/saudiriyalsymbol.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Main class for Saudi Riyal symbol - Following Saudi Central Bank Guidelines */
.saudi-riyal-symbol {
    font-family: 'SaudiRiyalSymbol', Arial, sans-serif !important;
    font-weight: normal;
    font-style: normal;
    
    /* Rule 6: Maintain geometric structure */
    font-variant: normal;
    text-transform: none;
    
    /* Rule 7: Align height with text */
    display: inline;
    vertical-align: baseline;
    line-height: 1;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    
    /* Rule 5: Maintain proportions */
    font-size: inherit;
    width: auto;
    height: auto;
    
    /* Rule 9: No spacing around symbol */
    padding: 0;
    margin: 0;
    letter-spacing: 0;
    word-spacing: 0;
    
    /* Rule 8: Match text direction */
    direction: inherit;
    unicode-bidi: normal;
    
    /* Rule 10: Ensure contrast */
    color: inherit;
    opacity: 1;
    
    /* Rule 4: Handle negative values properly */
    white-space: nowrap;
}

/* Alternative implementation with fallback */
.saudi-riyal-symbol-alt {
    font-family: 'SaudiRiyalSymbol', 'Arial Unicode MS', Arial, sans-serif !important;
}

/* Fallback implementation for browsers that don't support OTF */
.saudi-riyal-symbol-fallback {
    font-family: 'SaudiRiyalSymbol', Arial, sans-serif !important;
    /* Fallback to a similar looking character if OTF doesn't load */
}

/* Specific styling for price displays - Following Saudi Central Bank Guidelines */
.price-display .saudi-riyal-symbol,
.currency-symbol .saudi-riyal-symbol,
[data-currency-symbol] .saudi-riyal-symbol {
    font-family: 'SaudiRiyalSymbol', Arial, sans-serif !important;
    display: inline;
    vertical-align: baseline;
    
    /* Rule 2: No spacing */
    margin: 0;
    padding: 0;
    letter-spacing: 0;
    word-spacing: 0;
    
    /* Rule 7: Align with text height */
    line-height: inherit;
    font-size: inherit;
}

/* Rule 1: Position to left of numeral */
.saudi-riyal-price {
    direction: ltr;
    text-align: left;
}

/* Rule 3: Written value positioning */
.saudi-riyal-written-value .saudi-riyal-symbol {
    margin-right: 0;
}

/* Rule 4: Negative value handling */
.saudi-riyal-negative {
    direction: ltr;
}

.saudi-riyal-negative .saudi-riyal-symbol {
    margin-right: 0;
}

/* Vue component specific styling */
.vue-price .saudi-riyal-symbol,
.formatCurrencyVue .saudi-riyal-symbol {
    font-family: 'SaudiRiyalSymbol', Arial, sans-serif !important;
}

/* Ensure proper rendering in different contexts */
.saudi-riyal-symbol {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Responsive font sizing */
@media (max-width: 768px) {
    .saudi-riyal-symbol {
        font-size: 0.9em;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .saudi-riyal-symbol {
        font-weight: bold;
    }
}

/* Print styles */
@media print {
    .saudi-riyal-symbol {
        font-family: 'SaudiRiyalSymbol', Arial, sans-serif !important;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
}

/* Ultra-tight spacing - Remove ALL spacing */
.saudi-riyal-symbol,
.saudi-riyal-symbol * {
    margin: 0 !important;
    padding: 0 !important;
    letter-spacing: -0.05em !important;
    word-spacing: 0 !important;
    display: inline !important;
    line-height: 0.8 !important;
    transform: translateX(-1px) !important;
}

/* Ensure no spacing in price contexts */
.price-display,
.currency-symbol,
[data-currency-symbol],
.saudi-riyal-price,
.saudi-riyal-written-value,
.saudi-riyal-negative {
    letter-spacing: 0 !important;
    word-spacing: 0 !important;
}

.price-display .saudi-riyal-symbol,
.currency-symbol .saudi-riyal-symbol,
[data-currency-symbol] .saudi-riyal-symbol,
.saudi-riyal-price .saudi-riyal-symbol,
.saudi-riyal-written-value .saudi-riyal-symbol,
.saudi-riyal-negative .saudi-riyal-symbol {
    margin: 0 !important;
    padding: 0 !important;
    letter-spacing: -0.05em !important;
    word-spacing: 0 !important;
    display: inline !important;
    transform: translateX(-1px) !important;
    line-height: 0.8 !important;
}