/* Fix for missing sprite icons - Correct positions from theme.css */

/* Container for 15x15 sprite icons */
.s15-inline {
    display: inline-block !important;
    width: 15px !important;
    height: 15px !important;
    overflow: hidden !important;
    position: relative !important;
}

.s15-inline > div {
    transform: scale(0.3) !important;
    transform-origin: top left !important;
}

/* Container for 22x22 sprite icons */
.s22-inline {
    display: inline-block !important;
    width: 22px !important;
    height: 22px !important;
    overflow: hidden !important;
}

/* Base sprite settings */
.sprite-am-usd, .sprite-am-gbp, .sprite-am-eur, .sprite-am-cad, .sprite-am-aud,
.sprite-am-jpy, .sprite-am-cny, .sprite-am-inr, .sprite-am-rub, .sprite-am-brl,
.sprite-am-mxn, .sprite-am-krw, .sprite-am-sgd, .sprite-am-hkd, .sprite-am-nzd,
.sprite-am-sek, .sprite-am-dkk, .sprite-am-nok, .sprite-am-chf, .sprite-am-pln,
.sprite-am-czk, .sprite-am-huf, .sprite-am-try, .sprite-am-zar, .sprite-am-thb,
.sprite-am-myr, .sprite-am-php, .sprite-am-idr, .sprite-am-ils, .sprite-am-pkr,
.sprite-am-twd, .sprite-am-clp, .sprite-am-moon, .sprite-am-copy, .sprite-am-clock,
.sprite-am-check-circle, .sprite-am-x-circle {
    background-image: url('/img/custom/sprite/sprite-source.png') !important;
    display: inline-block !important;
    background-size: 656px 592px !important;
    background-repeat: no-repeat !important;
}

/* Flag positions - CORRECT VALUES from theme.css */
.sprite-am-usd { background-position: -295px -321px !important; width: 42px !important; height: 22px !important; }
.sprite-am-gbp { background-position: -408px -277px !important; width: 44px !important; height: 22px !important; }
.sprite-am-eur { background-position: -178px -473px !important; width: 33px !important; height: 22px !important; }
.sprite-am-cad { background-position: -199px -321px !important; width: 44px !important; height: 22px !important; }
.sprite-am-aud { background-position: -247px -321px !important; width: 44px !important; height: 22px !important; }
.sprite-am-jpy { background-position: -464px -419px !important; width: 33px !important; height: 22px !important; }
.sprite-am-cny { background-position: -252px -473px !important; width: 33px !important; height: 22px !important; }
.sprite-am-inr { background-position: -501px -419px !important; width: 33px !important; height: 22px !important; }
.sprite-am-rub { background-position: -353px -419px !important; width: 33px !important; height: 22px !important; }
.sprite-am-brl { background-position: -326px -473px !important; width: 32px !important; height: 22px !important; }
.sprite-am-mxn { background-position: -341px -321px !important; width: 39px !important; height: 22px !important; }
.sprite-am-krw { background-position: -427px -419px !important; width: 33px !important; height: 22px !important; }
.sprite-am-sgd { background-position: -316px -419px !important; width: 33px !important; height: 22px !important; }
.sprite-am-hkd { background-position: -141px -473px !important; width: 33px !important; height: 22px !important; }
.sprite-am-nzd { background-position: -474px -324px !important; width: 44px !important; height: 22px !important; }
.sprite-am-sek { background-position: -522px -324px !important; width: 35px !important; height: 22px !important; }
.sprite-am-dkk { background-position: -429px -473px !important; width: 29px !important; height: 22px !important; }
.sprite-am-nok { background-position: -361px -473px !important; width: 30px !important; height: 22px !important; }
.sprite-am-chf { background-position: -628px -169px !important; width: 22px !important; height: 22px !important; }
.sprite-am-pln { background-position: -383px -321px !important; width: 35px !important; height: 22px !important; }
.sprite-am-czk { background-position: -215px -473px !important; width: 33px !important; height: 22px !important; }
.sprite-am-huf { background-position: -360px -277px !important; width: 44px !important; height: 22px !important; }
.sprite-am-try { background-position: -242px -419px !important; width: 33px !important; height: 22px !important; }
.sprite-am-zar { background-position: -422px -321px !important; width: 33px !important; height: 22px !important; }
.sprite-am-thb { background-position: -279px -419px !important; width: 33px !important; height: 22px !important; }
.sprite-am-myr { background-position: -395px -235px !important; width: 44px !important; height: 22px !important; }
.sprite-am-php { background-position: -610px -422px !important; width: 44px !important; height: 22px !important; }
.sprite-am-idr { background-position: -104px -473px !important; width: 33px !important; height: 22px !important; }
.sprite-am-ils { background-position: -395px -473px !important; width: 30px !important; height: 22px !important; }
.sprite-am-pkr { background-position: -390px -419px !important; width: 33px !important; height: 22px !important; }
.sprite-am-twd { background-position: -205px -419px !important; width: 33px !important; height: 22px !important; }
.sprite-am-clp { background-position: -289px -473px !important; width: 33px !important; height: 22px !important; }

/* Moon icon for dark mode toggle */
.sprite-am-moon {
    background-position: -156px -365px !important;
    width: 50px !important;
    height: 50px !important;
}

/* Check circle icon - green checkmark */
.sprite-am-check-circle {
    background-position: -52px -365px !important;
    width: 50px !important;
    height: 50px !important;
}

/* Service status check - use Font Awesome or Unicode instead */
.s15-inline .sprite-am-check-circle {
    background: none !important;
    width: 15px !important;
    height: 15px !important;
    position: relative !important;
}

.s15-inline .sprite-am-check-circle::after {
    content: "✓" !important;
    color: #00d97e !important;
    font-size: 16px !important;
    font-weight: bold !important;
    position: absolute !important;
    top: -2px !important;
    left: 0 !important;
}

/* X circle icon */
.sprite-am-x-circle {
    background-position: 0px -365px !important;
    width: 50px !important;
    height: 50px !important;
}

/* Copy icon */
.sprite-am-copy {
    background-position: -438px -348px !important;
    width: 24px !important;
    height: 24px !important;
}

/* Clock icon */
.sprite-am-clock {
    background-position: -464px -348px !important;
    width: 24px !important;
    height: 24px !important;
}

/* Ensure flags show properly */
.x-flag {
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Ensure dark mode toggle container shows the icon */
.nav-item .sprite-am-moon,
.navbar .sprite-am-moon {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}