/* Afar Culture — final shared production layer */
:root{
  --afc-navy:#102b45;--afc-blue:#1f4f78;--afc-teal:#2c7283;--afc-gold:#ffd400;
  --afc-white:#fff;--afc-shadow:0 18px 50px rgba(7,24,40,.2)
}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
[dir="rtl"] .afc-language-menu{direction:rtl}

/* Accessible language dropdown used across the full website */
.afc-language-menu{position:relative;display:inline-flex;z-index:1200;font-family:'Poppins','Noto Sans Arabic','Noto Sans Ethiopic',system-ui,sans-serif}
.afc-language-trigger{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:8px 13px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.11);color:#fff;font:inherit;font-size:.83rem;font-weight:800;line-height:1;cursor:pointer;box-shadow:0 7px 20px rgba(0,0,0,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:.2s ease}
.afc-language-trigger:hover,.afc-language-trigger:focus-visible,.afc-language-menu.is-open .afc-language-trigger{background:var(--afc-gold);border-color:var(--afc-gold);color:var(--afc-navy);outline:0;transform:translateY(-1px)}
.afc-language-trigger .afc-lang-globe{font-size:1rem}
.afc-language-trigger .afc-lang-chevron{font-size:.66rem;transition:transform .2s ease}
.afc-language-menu.is-open .afc-lang-chevron{transform:rotate(180deg)}
.afc-language-options{position:absolute;top:calc(100% + 10px);right:0;width:min(310px,calc(100vw - 28px));padding:9px;border:1px solid rgba(16,43,69,.1);border-radius:20px;background:rgba(255,255,255,.98);box-shadow:0 24px 65px rgba(7,24,40,.25);opacity:0;visibility:hidden;transform:translateY(-7px) scale(.98);transform-origin:top right;transition:.18s ease;overflow:hidden}
[dir="rtl"] .afc-language-options{right:auto;left:0;transform-origin:top left}
.afc-language-menu.is-open .afc-language-options{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.afc-language-option{display:grid;grid-template-columns:39px 1fr 18px;align-items:center;gap:11px;padding:10px;border-radius:14px;color:#334155!important;text-decoration:none!important;text-align:left;transition:.16s ease}
[dir="rtl"] .afc-language-option{text-align:right}
.afc-language-option:hover,.afc-language-option:focus-visible{background:#eef5f8;color:var(--afc-navy)!important;outline:0}
.afc-language-option.active{background:linear-gradient(135deg,#edf5f8,#fff8d2);color:var(--afc-navy)!important}
.afc-lang-code{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#e8eef4;color:var(--afc-navy);font-size:.7rem;font-weight:950;letter-spacing:.04em}
.afc-language-option.active .afc-lang-code{background:var(--afc-gold)}
.afc-lang-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.afc-lang-copy strong{font-size:.88rem;line-height:1.15}
.afc-lang-copy small{font-size:.68rem;color:#7b8795;line-height:1.25}
.afc-lang-check{font-size:.75rem;color:#16836b;opacity:0}
.afc-language-option.active .afc-lang-check{opacity:1}
.navbar .afc-language-menu{margin-inline-start:10px;flex:0 0 auto}
.navbar-collapse .afc-language-menu{align-self:center}

/* Translation-quality note: subtle and non-obstructive */
.translation-notice,.ai-translation-notice{max-width:1180px;margin:10px auto 0;padding:8px 14px;border:1px solid rgba(16,43,69,.12);border-radius:12px;background:#fff9d8;color:#5b4a00;font-size:.78rem;line-height:1.5;text-align:center}

/* Shared production fixes */
img{max-width:100%;height:auto}
a,button{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(255,212,0,.72);outline-offset:3px}
footer a{text-underline-offset:3px}

@media(max-width:991.98px){
  .navbar .afc-language-menu{margin:12px 0 0;width:100%}
  .navbar .afc-language-trigger{width:100%;justify-content:space-between;min-height:46px;background:rgba(255,255,255,.12)}
  .navbar .afc-language-options{position:static;width:100%;margin-top:8px;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none}
  .navbar .afc-language-menu.is-open .afc-language-options{display:block}
}
@media(max-width:480px){
  .afc-language-option{padding:9px;grid-template-columns:37px 1fr 16px}
  .afc-lang-code{width:36px;height:36px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.afc-language-trigger,.afc-language-options,.afc-lang-chevron{transition:none!important}}
/* Fallback placement for standalone pages without the shared navbar */
.afc-floating-language{position:fixed;top:max(14px,env(safe-area-inset-top));right:14px;z-index:5000}
[dir="rtl"] .afc-floating-language{right:auto;left:14px}
.afc-floating-language .afc-language-trigger{background:rgba(16,43,69,.94);border-color:rgba(255,255,255,.18);box-shadow:var(--afc-shadow)}
@media(max-width:600px){.afc-floating-language .afc-language-trigger{min-height:40px;padding:8px 11px}.afc-floating-language .afc-current-language{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
