/* GEM Foodtech — additions for the multilingual site (loaded after style.css) */

/* ---- language menu (inside nav.main) ---- */
.lang-menu{position:relative}
.lang-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;padding:6px 11px;border:1px solid var(--line,#dfe6e4);border-radius:999px;color:var(--ink,#15211C);user-select:none}
.lang-menu summary::-webkit-details-marker{display:none}
.lang-menu summary:hover,.lang-menu[open] summary{background:var(--panel,#f4f6f5)}
.lang-list{position:absolute;right:0;top:calc(100% + 8px);z-index:60;display:flex;flex-direction:column;min-width:160px;padding:6px;background:#fff;border:1px solid var(--line,#dfe6e4);border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.14)}
nav.main .lang-list a{padding:8px 12px;border-radius:7px;font-size:.92rem}
nav.main .lang-list a:hover{background:var(--panel,#f4f6f5)}
nav.main .lang-list a[aria-current]{font-weight:700;background:var(--panel,#f4f6f5)}
nav.main .lang-list a::after{display:none}
html[dir=rtl] .lang-list{right:auto;left:0}
.brand span,.brand b{white-space:nowrap}
/* long navigation labels (fr/es/pt/ru) keep one row on laptop screens */
@media(min-width:1001px){
  html:not([lang=en]) header.top nav.main{gap:14px!important}
  html:not([lang=en]) header.top nav.main a{font-size:.86rem!important}
  html:not([lang=en]) header.top .topbar>a.brand span{display:none!important}
  html:not([lang=en]) header.top nav.main a.cta{padding-left:13px!important;padding-right:13px!important}
}
@media(max-width:1000px){
  .lang-menu{width:100%;margin-top:8px;padding-top:10px;border-top:1px solid var(--line,#dfe6e4)}
  .lang-menu summary{display:inline-flex}
  .lang-list{position:static;box-shadow:none;border:0;padding:6px 0 0;min-width:0;flex-direction:row;flex-wrap:wrap;gap:4px}
}

/* ---- right-to-left (Arabic) ---- */
html[dir=rtl] body{direction:rtl}
html[dir=rtl] nav.main{margin-left:0;margin-right:auto}
html[dir=rtl] .lang-switch{margin-left:0;margin-right:8px;padding-left:0;padding-right:14px;border-left:0;border-right:1px solid var(--line,#dfe6e4)}
html[dir=rtl] ul,html[dir=rtl] ol{padding-left:0;padding-right:1.25em}
html[dir=rtl] th,html[dir=rtl] td{text-align:right}
html[dir=rtl] td.num,html[dir=rtl] .num,html[dir=rtl] input[type=tel],html[dir=rtl] input[type=email],html[dir=rtl] .mono{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .brand{flex-direction:row-reverse}
/* process-flow diagrams read left to right in every language */
html[dir=rtl] .scrollx,html[dir=rtl] svg.pfd{direction:ltr}

/* ---- AEO answer capsule under line-page H1 ---- */
.capsule{font-size:1.02rem;line-height:1.55;max-width:70ch;margin:10px 0 14px;color:inherit;opacity:.92}

/* ---- "Planning this line in Nigeria?" note ---- */
.nigeria-note{padding:0 0 34px}
.nigeria-note-p{margin:0;padding:16px 20px;border:1px solid var(--line,#dfe6e4);border-left:4px solid var(--accent,#7E9B5A);border-radius:10px;background:var(--panel,#f6f8f7);font-size:.98rem;line-height:1.55;max-width:none}
html[dir=rtl] .nigeria-note-p{border-left:1px solid var(--line,#dfe6e4);border-right:4px solid var(--accent,#7E9B5A)}

/* ---- enquiry forms ---- */
.hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.form-status{margin:12px 0 0;font-size:.95rem;line-height:1.45;display:none}
.form-status.show{display:block;padding:10px 14px;border-radius:8px}
.form-status.err{background:#fdecea;color:#8a1f12;border:1px solid #f3c2bb}
.form-status.ok{background:#e9f6ee;color:#17683E;border:1px solid #bfe3cb}
.hero-enquiry-status.err{color:#ffd9d3}

/* ---- thank-you page ---- */
.thankyou h1{max-width:24ch}
.ty-steps{max-width:66ch;line-height:1.7;padding-left:1.3em;margin:8px 0 22px}
html[dir=rtl] .ty-steps{padding-left:0;padding-right:1.3em}
.ty-steps li{margin:6px 0}
.thankyou .btnrow{display:flex;flex-wrap:wrap;gap:12px}
.btn.wa{background:#1f9c52;color:#fff}

/* ---- consent banner ---- */
.gem-consent{position:fixed;inset:auto 16px 16px 16px;z-index:9999;display:flex;justify-content:center}
.gem-consent[hidden]{display:none}
.gem-consent-box{background:#fff;color:#15211C;border:1px solid var(--line,#dfe6e4);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.18);padding:18px 20px;max-width:720px;width:100%;font-size:.93rem;line-height:1.5}
.gem-consent-title{font-weight:700;margin:0 0 6px;font-size:1rem}
.gem-consent-text{margin:0 0 10px}
.gem-consent-prefs{margin:0 0 12px}
.gem-consent-prefs summary{cursor:pointer;font-weight:600}
.gem-consent-prefs label{display:block;margin:8px 0}
.gem-consent-prefs input{margin-right:8px}
html[dir=rtl] .gem-consent-prefs input{margin-right:0;margin-left:8px}
.gem-consent-actions{display:flex;flex-wrap:wrap;gap:10px}
.gem-consent .btn{padding:9px 16px;font-size:.9rem}
.gem-consent .btn:not(.acc){border:1px solid var(--line,#dfe6e4);background:#fff;color:#15211C}
@media(max-width:600px){.gem-consent{inset:auto 8px 8px 8px}.gem-consent-box{padding:14px 16px}}
.footer-policies [data-consent-open][hidden],.footer-policies [data-consent-sep][hidden]{display:none}

/* ---- Markets: header dropdown, footer row, hub page ---- */
.markets-menu summary{border:0;padding:5px 0;font-size:.95rem;font-weight:500;border-radius:0;gap:4px}
.markets-menu summary::after{content:"▾";font-size:.75em;opacity:.7}
.markets-menu summary:hover,.markets-menu[open] summary{background:none}
.markets-menu .lang-list{min-width:220px;left:0;right:auto}
html[dir=rtl] .markets-menu .lang-list{left:auto;right:0}
.mk-region{display:block;padding:8px 12px 2px;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;opacity:.6}
nav.main .lang-list a.mk-all{margin-top:4px;border-top:1px solid var(--line,#dfe6e4);border-radius:0 0 7px 7px;font-weight:600}
@media(max-width:1000px){.markets-menu{border-top:0;margin-top:0;padding-top:0}.markets-menu .lang-list{flex-direction:column}}
.markets-foot{padding:14px 0;margin-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:.9rem;color:#93A9A0}
.markets-foot strong{margin-right:8px;color:#dfe8e4}
.markets-foot a{color:inherit}
.mk-chip{display:inline-block;margin:2px 4px 2px 0;padding:3px 10px;border:1px solid var(--line,#dfe6e4);border-radius:999px;background:#fff;font-weight:600;text-decoration:none}
.markets-hub h1{max-width:22ch}
.markets-hub h2{margin-top:34px}
.market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:14px}
.market-card{display:block;padding:20px;border:1px solid var(--line,#dfe6e4);border-radius:14px;background:#fff;color:inherit;text-decoration:none;transition:box-shadow .15s,transform .15s}
.market-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.08);transform:translateY(-2px)}
.mk-flag{font-size:2rem;line-height:1}
.market-card h3{margin:10px 0 8px}
.market-card dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:.9rem}
.market-card dt{opacity:.65}.market-card dd{margin:0}
.mk-lines{margin:10px 0 6px;font-size:.9rem;opacity:.8}
.mk-open{font-weight:700;font-size:.92rem}
.markets-missing{margin-top:40px;padding:24px;border-radius:14px;background:var(--panel,#f4f6f5)}
.markets-missing h2{margin-top:0}
@media(min-width:1001px){html[lang=ru] header.top nav.main{gap:11px!important}html[lang=ru] header.top nav.main a{font-size:.82rem!important}}