/* Annapurna SIL Font for Hindi Text */
@import url('https://fonts.googleapis.com/css2?family=Annapurna+SIL:wght@400;700&display=swap');

/* Apply the font to all elements with Hindi text */
html[lang="hi"], 
body[lang="hi"], 
.hindi-text, 
[lang="hi"] {
    font-family: 'Annapurna SIL', serif !important;
}

/* Apply the font specifically to certain common elements that might contain Hindi text */
html[lang="hi"] *, 
body[lang="hi"] *, 
.hindi-text, 
[lang="hi"] h1, 
[lang="hi"] h2, 
[lang="hi"] h3, 
[lang="hi"] h4, 
[lang="hi"] h5, 
[lang="hi"] h6, 
[lang="hi"] p, 
[lang="hi"] button, 
[lang="hi"] a, 
[lang="hi"] span, 
[lang="hi"] label, 
[lang="hi"] input, 
[lang="hi"] select, 
[lang="hi"] textarea, 
[lang="hi"] div, 
[lang="hi"] td,
[lang="hi"] th,
[lang="hi"] li {
    font-family: 'Annapurna SIL', serif !important;
}

/* Target specific elements like language modals */
#langModalMsgHi,
.lang-modal-messages span[id*="Hi"],
option[value="hi"],
select#langSelect option[value="hi"] {
    font-family: 'Annapurna SIL', serif !important;
}

/* Apply to table cells and controls that contain Hindi text */
[lang="hi"] .cart-table th, 
[lang="hi"] .cart-table td,
[lang="hi"] .btn, 
[lang="hi"] .button,
[lang="hi"] .nav-links a,
[lang="hi"] .filter-panel label,
[lang="hi"] .filter-panel input,
[lang="hi"] .filter-panel select,
[lang="hi"] .filter-panel button {
    font-family: 'Annapurna SIL', serif !important;
}

/* Ensure proper rendering on mobile devices */
@media screen and (max-width: 768px) {
    html[lang="hi"] *, 
    body[lang="hi"] * {
        font-family: 'Annapurna SIL', serif !important;
    }
}