/* SHADA-LANGUAGE-SELECTOR-TIGHT-R3V16 START */ /* * One consistent language-selector presentation at * every viewport width. * * The active-language button and alternative-language * panel have identical computed outer dimensions. */ html body .container-header #shada-language-selector-138 { --shada-language-r3v16-width: 9.25rem; --shada-language-r3v16-height: 2.85rem; --shada-language-r3v16-radius: 14px; box-sizing: border-box !important; position: relative !important; width: var(--shada-language-r3v16-width) !important; min-width: var(--shada-language-r3v16-width) !important; max-width: var(--shada-language-r3v16-width) !important; inline-size: var(--shada-language-r3v16-width) !important; min-inline-size: var(--shada-language-r3v16-width) !important; max-inline-size: var(--shada-language-r3v16-width) !important; overflow: visible !important; } /* * Exact shared outer box. */ html body .container-header #shada-language-selector-138 > .shada-language-selector__toggle, html body .container-header #shada-language-selector-138 > .shada-language-selector__menu { box-sizing: border-box !important; width: var(--shada-language-r3v16-width) !important; min-width: var(--shada-language-r3v16-width) !important; max-width: var(--shada-language-r3v16-width) !important; inline-size: var(--shada-language-r3v16-width) !important; min-inline-size: var(--shada-language-r3v16-width) !important; max-inline-size: var(--shada-language-r3v16-width) !important; height: var(--shada-language-r3v16-height) !important; min-height: var(--shada-language-r3v16-height) !important; max-height: var(--shada-language-r3v16-height) !important; block-size: var(--shada-language-r3v16-height) !important; min-block-size: var(--shada-language-r3v16-height) !important; max-block-size: var(--shada-language-r3v16-height) !important; margin: 0 !important; padding: 0 !important; border: 2px solid rgba(0, 132, 137, 0.58) !important; border-radius: var(--shada-language-r3v16-radius) !important; background: #ffffff !important; transform: none !important; } /* * Active-language button. */ html body .container-header #shada-language-selector-138 > .shada-language-selector__toggle { display: flex !important; align-items: center !important; justify-content: center !important; gap: 0.35rem !important; padding: 0 0.45rem !important; overflow: hidden !important; box-shadow: 0 0 0 0.28rem rgba(0, 132, 137, 0.10) !important; } /* * Alternative-language panel. */ html body .container-header #shada-language-selector-138 > .shada-language-selector__menu { position: absolute !important; top: calc( var(--shada-language-r3v16-height) + 0.4rem ) !important; right: 0 !important; bottom: auto !important; left: auto !important; inset-inline-start: auto !important; inset-inline-end: auto !important; overflow: hidden !important; box-shadow: 0 0.45rem 1.1rem rgba(17, 59, 62, 0.16) !important; z-index: 13000 !important; } html body .container-header #shada-language-selector-138 > .shada-language-selector__menu[hidden] { display: none !important; } html body .container-header #shada-language-selector-138 > .shada-language-selector__menu > li { box-sizing: border-box !important; display: block !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: 100% !important; min-height: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; list-style: none !important; overflow: hidden !important; } /* * Actual alternative-language element generated by * the Joomla override. */ html body .container-header #shada-language-selector-138 > .shada-language-selector__menu > li > .shada-language-selector__item, html body .container-header #shada-language-selector-138 > .shada-language-selector__menu > li > a, html body .container-header #shada-language-selector-138 > .shada-language-selector__menu > li > button { box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 0.35rem !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: 100% !important; min-height: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 0.45rem !important; border: 0 !important; border-radius: calc( var(--shada-language-r3v16-radius) - 2px ) !important; background: #ffffff !important; color: #1f2933 !important; font-size: 1rem !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important; overflow: hidden !important; transform: none !important; } /* * Matching flag dimensions. */ html body .container-header #shada-language-selector-138 > .shada-language-selector__toggle img, html body .container-header #shada-language-selector-138 > .shada-language-selector__menu img { box-sizing: border-box !important; display: block !important; width: 1.95rem !important; min-width: 1.95rem !important; max-width: 1.95rem !important; height: 1.28rem !important; min-height: 1.28rem !important; max-height: 1.28rem !important; flex: 0 0 1.95rem !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; border-radius: 0.2rem !important; } /* * Matching language typography. */ html body .container-header #shada-language-selector-138 .shada-language-selector__current, html body .container-header #shada-language-selector-138 .shada-language-selector__item { font-size: 1rem !important; font-weight: 700 !important; line-height: 1.2 !important; } html[lang^="fa"] .container-header #shada-language-selector-138 > .shada-language-selector__toggle, html[lang^="fa"] .container-header #shada-language-selector-138 .shada-language-selector__item { font-family: "ShadaIRANSans", Arial, sans-serif !important; } /* SHADA-LANGUAGE-SELECTOR-TIGHT-R3V16 END */