/* Language and currency preferences, aligned with the Anayil identity. */
#modalChooseLanguage { font-family: Inter,system-ui,-apple-system,"Segoe UI",sans-serif; color: #2b2b2b; }
#modalChooseLanguage .modal-dialog { max-width: 720px; margin: 6vh auto; }
#modalChooseLanguage .modal-content { border: 1px solid #d9d7d2; border-radius: 20px; background: #f7f4ee; box-shadow: 0 24px 80px #102a2140; overflow: hidden; }
#modalChooseLanguage .anayil-locale-header { position: relative; display: flex; align-items: flex-start; gap: 16px; padding: 28px 54px 25px 28px; background: #eaf3ee; border-bottom: 1px solid #d9d7d2; }
#modalChooseLanguage .anayil-locale-icon { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; flex-shrink: 0; border-radius: 13px; background: #fff; border: 1px solid #d6e3d7; color: #1f7a5c; font-size: 24px; }
#modalChooseLanguage .anayil-locale-eyebrow { display: block; font-size: 9px; font-weight: 700; letter-spacing: .13em; color: #61715e; margin-bottom: 8px; }
#modalChooseLanguage h2 { font-size: 23px; line-height: 1.25; font-weight: 700; color: #185f48; letter-spacing: -.035em; margin: 0 0 8px; }
#modalChooseLanguage .anayil-locale-header p { margin: 0; color: #617064; font-size: 12px; line-height: 1.6; }
#modalChooseLanguage .close { position: absolute; top: 19px; right: 18px; padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 8px; border: 1px solid #cad8cd; background: #ffffff90; color: #185f48; opacity: 1; font-weight: 400; text-shadow: none; }
#modalChooseLanguage .modal-body { padding: 25px 28px; background: #f7f4ee; max-height: 60vh; overflow-y: auto; }
#modalChooseLanguage .anayil-locale-label { display: flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 650; color: #354b3d; margin: 0 0 14px; letter-spacing: 0; }
#modalChooseLanguage .anayil-locale-label i { color: #1f7a5c; font-size: 17px; }
#modalChooseLanguage .anayil-currency-label { margin-top: 26px; padding-top: 23px; border-top: 1px solid #deded3; }
#modalChooseLanguage .anayil-locale-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; margin: 0; }
#modalChooseLanguage .anayil-locale-option { min-width: 0; padding: 0; }
#modalChooseLanguage .item { position: relative; width: 100%; height: 100%; display: flex; align-items: center; min-height: 42px; padding: 10px 28px 10px 13px; margin: 0; border: 1px solid #d9d7d2; border-radius: 9px; background: #fff; color: #435348; font: inherit; font-size: 12px; line-height: 1.4; text-align: left; cursor: pointer; box-shadow: none; }
#modalChooseLanguage .item:hover { border-color: #a8bca1; background: #f0f7f3; }
#modalChooseLanguage .item.active { color: #185f48; border-color: #1f7a5c; background: #eaf3ee; font-weight: 650; box-shadow: inset 0 0 0 1px #1f7a5c; }
#modalChooseLanguage .item.active::after { content: "✓"; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: #1f7a5c; font-size: 13px; }
#modalChooseLanguage .modal-footer { gap: 8px; border-top: 1px solid #d9d7d2; background: #fff; padding: 17px 28px; }
#modalChooseLanguage .modal-footer .btn { margin: 0; min-height: 40px; font-size: 12px; border-radius: 9px; padding: 10px 20px; }
#modalChooseLanguage .anayil-locale-cancel { color: #637165; background: #fff; border: 1px solid #d9d7d2; }
#modalChooseLanguage .anayil-locale-apply { background: #1f7a5c; border-color: #1f7a5c; color: #fff; }
#modalChooseLanguage .anayil-locale-apply:hover { background: #185f48; border-color: #185f48; }
#modalChooseLanguage .anayil-locale-apply i { margin-left: 10px; }
#modalChooseLanguage button:focus-visible { outline: 2px solid #c9a86a; outline-offset: 3px; }
@media (max-width: 767.98px) { #modalChooseLanguage .modal-dialog { margin: 20px 14px; } }
@media (max-width: 575.98px) {
 #modalChooseLanguage .anayil-locale-header { padding: 23px 45px 20px 18px; gap: 11px; }
 #modalChooseLanguage .anayil-locale-icon { width: 36px; height: 36px; font-size: 20px; border-radius: 10px; }
 #modalChooseLanguage h2 { font-size: 20px; }
 #modalChooseLanguage .modal-body { padding: 22px 18px; }
 #modalChooseLanguage .anayil-locale-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 #modalChooseLanguage .modal-footer { padding: 16px 18px; }
}