/* ZathosAI i18n — first-visit chooser + footer switcher. Matches site tokens (cream/forest green, Inter/Instrument Serif). */

/* ---- First-visit language chooser ---- */
.zi18n-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(20,18,16,.55);font-family:'Inter',sans-serif;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);}
.zi18n-overlay[hidden]{display:none;}
.zi18n-card{background:#F9F8F6;border:1px solid #e7e3dd;border-radius:16px;max-width:380px;width:100%;padding:30px 26px;text-align:center;box-shadow:0 24px 60px rgba(20,18,16,.28);}
.zi18n-brand{font-family:'Instrument Serif',serif;font-size:1.25rem;color:#141210;letter-spacing:-.01em;}
.zi18n-globe{color:#1a7a3c;margin:14px 0 2px;display:flex;justify-content:center;}
.zi18n-globe svg{width:30px;height:30px;}
.zi18n-ch-title{font-family:'Inter',sans-serif;font-weight:500;font-size:1rem;color:#141210;margin:8px 0 4px;line-height:1.35;}
.zi18n-ch-sub{font-size:.8125rem;color:#908d89;margin:0 0 20px;}
.zi18n-ch-actions{display:flex;flex-direction:column;gap:10px;}
.zi18n-btn-pri{font:inherit;font-weight:500;font-size:.9375rem;background:#1a7a3c;color:#fff;border:none;border-radius:10px;padding:13px;cursor:pointer;transition:background .15s;}
.zi18n-btn-pri:hover{background:#0f5e2e;}
.zi18n-btn-sec{font:inherit;font-weight:500;font-size:.9375rem;background:#fff;color:#141210;border:1px solid #cfcabf;border-radius:10px;padding:13px;cursor:pointer;transition:border-color .15s;}
.zi18n-btn-sec:hover{border-color:#141210;}
.zi18n-more{font:inherit;font-size:.8125rem;color:#1a7a3c;background:none;border:none;margin-top:16px;cursor:pointer;}
.zi18n-morelist{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px;}
.zi18n-morelist[hidden]{display:none;}
.zi18n-morelist button{font:inherit;font-size:.8125rem;padding:7px 12px;border:1px solid #dedad5;border-radius:8px;background:#fff;color:#4a4743;cursor:pointer;}
.zi18n-morelist button:hover{border-color:#1a7a3c;color:#0f5e2e;}
html.zi18n-lock{overflow:hidden;}

/* ---- Footer language / currency switcher (sits in the dark footer) ---- */
.zi18n-switch{position:relative;font-family:'Inter',sans-serif;}
.zi18n-sw-btn{font:inherit;display:inline-flex;align-items:center;gap:7px;font-size:.78rem;color:rgba(255,255,255,.55);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:7px 13px;cursor:pointer;transition:color .15s,border-color .15s;}
.zi18n-sw-btn:hover{color:#F9F8F6;border-color:rgba(255,255,255,.3);}
.zi18n-sw-btn svg{width:14px;height:14px;flex-shrink:0;}
.zi18n-sw-pop{position:absolute;bottom:calc(100% + 8px);right:0;background:#1f1c1a;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px;min-width:188px;z-index:50;box-shadow:0 16px 40px rgba(0,0,0,.4);}
.zi18n-sw-pop[hidden]{display:none;}
.zi18n-sw-grp{font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.35);margin:6px 8px 4px;}
.zi18n-sw-langs button{display:block;width:100%;text-align:left;font:inherit;font-size:.8125rem;color:rgba(255,255,255,.6);background:none;border:none;border-radius:7px;padding:7px 9px;cursor:pointer;}
.zi18n-sw-langs button:hover{background:rgba(255,255,255,.06);color:#fff;}
.zi18n-sw-langs button[aria-pressed="true"]{background:rgba(26,122,60,.22);color:#7fd6a0;}
.zi18n-sw-curs{display:flex;gap:6px;padding:4px 6px 2px;border-top:1px solid rgba(255,255,255,.08);margin-top:6px;}
.zi18n-sw-curs button{font:inherit;font-size:.8125rem;border:1px solid rgba(255,255,255,.16);background:none;border-radius:7px;padding:5px 11px;cursor:pointer;color:rgba(255,255,255,.6);}
.zi18n-sw-curs button:hover{color:#fff;border-color:rgba(255,255,255,.3);}
.zi18n-sw-curs button[aria-pressed="true"]{border-color:#1a7a3c;color:#7fd6a0;background:rgba(26,122,60,.18);}

.zi18n-sw-btn:focus-visible,.zi18n-btn-pri:focus-visible,.zi18n-btn-sec:focus-visible,.zi18n-more:focus-visible,.zi18n-morelist button:focus-visible,.zi18n-sw-langs button:focus-visible,.zi18n-sw-curs button:focus-visible{outline:2px solid #1a7a3c;outline-offset:2px;}
@media (prefers-reduced-motion: reduce){.zi18n-btn-pri,.zi18n-btn-sec,.zi18n-sw-btn{transition:none;}.zi18n-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;}}

/* ---- Functional-cookie notice ---- */
.zi18n-cookie{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:9990;display:flex;align-items:center;gap:16px;max-width:560px;width:calc(100% - 36px);background:#F9F8F6;border:1px solid #e7e3dd;border-radius:14px;padding:14px 18px;box-shadow:0 14px 40px rgba(20,18,16,.18);font-family:'Inter',sans-serif;}
.zi18n-cookie[hidden]{display:none;}
.zi18n-cookie-text{font-size:.8125rem;color:#4a4743;line-height:1.5;margin:0;}
.zi18n-cookie-text a{color:#1a7a3c;text-decoration:underline;text-underline-offset:2px;}
.zi18n-cookie-ok{font:inherit;font-weight:500;font-size:.8125rem;background:#1a7a3c;color:#fff;border:none;border-radius:9px;padding:9px 18px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s;}
.zi18n-cookie-ok:hover{background:#0f5e2e;}
.zi18n-cookie-ok:focus-visible{outline:2px solid #1a7a3c;outline-offset:2px;}
@media (max-width:560px){.zi18n-cookie{flex-direction:column;align-items:stretch;text-align:center;gap:10px;}}
@media (prefers-reduced-motion:reduce){.zi18n-cookie-ok{transition:none;}}

/* ---- Temporary service notice (WhatsApp assistant unavailable) ---- */
.zi18n-svc{position:fixed;left:50%;transform:translateX(-50%);top:5.25rem;z-index:9985;display:flex;align-items:flex-start;gap:13px;max-width:420px;width:calc(100% - 36px);background:#F9F8F6;border:1px solid #e7e3dd;border-left:3px solid #c0842a;border-radius:14px;padding:14px 16px;box-shadow:0 14px 40px rgba(20,18,16,.18);font-family:'Inter',sans-serif;}
.zi18n-svc[hidden]{display:none;}
.zi18n-svc-dot{width:9px;height:9px;border-radius:50%;background:#c0842a;margin-top:5px;flex-shrink:0;}
.zi18n-svc-body{flex:1;min-width:0;}
.zi18n-svc-title{font-size:.8125rem;font-weight:600;color:#141210;margin:0 0 3px;}
.zi18n-svc-msg{font-size:.8125rem;color:#4a4743;line-height:1.5;margin:0 0 10px;}
.zi18n-svc-actions{display:flex;flex-wrap:wrap;gap:8px;}
.zi18n-svc-link{font:inherit;font-size:.78rem;font-weight:500;color:#1a7a3c;text-decoration:none;border:1px solid rgba(26,122,60,.3);border-radius:8px;padding:6px 11px;white-space:nowrap;transition:background .15s,border-color .15s;}
.zi18n-svc-link:hover{background:rgba(26,122,60,.07);border-color:#1a7a3c;}
.zi18n-svc-x{background:none;border:none;cursor:pointer;font-size:20px;line-height:1;color:#a8a39c;padding:0 2px;flex-shrink:0;margin:-2px -2px 0 0;}
.zi18n-svc-x:hover{color:#141210;}
.zi18n-svc-x:focus-visible,.zi18n-svc-link:focus-visible{outline:2px solid #1a7a3c;outline-offset:2px;}
@media (max-width:560px){.zi18n-svc{top:4.75rem;}}
@media (prefers-reduced-motion:reduce){.zi18n-svc-link{transition:none;}}

/* ---- Top-nav language switcher (desktop pill + mobile-menu row) ---- */
.zi18n-navwrap{position:relative;display:flex;align-items:center;list-style:none;}
.zi18n-nav-btn{display:inline-flex;align-items:center;gap:5px;font-family:'Inter',sans-serif;font-size:.875rem;font-weight:500;color:#4a4743;background:none;border:none;cursor:pointer;padding:0;line-height:1;}
.zi18n-nav-btn svg:first-child{width:16px;height:16px;}
.zi18n-nav-btn svg:last-child{width:12px;height:12px;opacity:.55;}
.zi18n-nav-btn:hover{color:#141210;}
.zi18n-nav-pop{position:absolute;top:calc(100% + 14px);right:0;background:#fff;border:1px solid #e7e3dd;border-radius:12px;padding:6px;min-width:154px;z-index:300;box-shadow:0 14px 40px rgba(20,18,16,.16);}
.zi18n-nav-pop[hidden]{display:none;}
.zi18n-nav-pop button{display:block;width:100%;text-align:left;font-family:'Inter',sans-serif;font-size:.8125rem;font-weight:500;color:#4a4743;background:none;border:none;border-radius:7px;padding:8px 10px;cursor:pointer;}
.zi18n-nav-pop button:hover{background:#f0f8f3;color:#0f5e2e;}
.zi18n-nav-pop button[aria-pressed="true"]{background:rgba(26,122,60,.1);color:#0f5e2e;}
.zi18n-nav-btn:focus-visible,.zi18n-nav-pop button:focus-visible{outline:2px solid #1a7a3c;outline-offset:2px;}
/* mobile: language row inside the hamburger menu */
.zi18n-mm{display:flex;flex-wrap:wrap;gap:8px;padding:0.875rem 1.5rem;}
.zi18n-mm button{font-family:'Inter',sans-serif;font-size:.8125rem;font-weight:500;color:#4a4743;background:#fff;border:1px solid #e7e3dd;border-radius:8px;padding:7px 12px;cursor:pointer;}
.zi18n-mm button[aria-pressed="true"]{border-color:#1a7a3c;color:#0f5e2e;background:rgba(26,122,60,.08);}
/* currency selector inside the desktop language dropdown */
.zi18n-nav-pop .zi18n-nav-cur{display:flex;gap:6px;padding:8px 2px 2px;margin-top:6px;border-top:1px solid #ece8e2;}
.zi18n-nav-pop .zi18n-nav-cur button{flex:1;width:auto;text-align:center;font-family:'Inter',sans-serif;font-size:.75rem;font-weight:500;color:#4a4743;background:none;border:1px solid #e7e3dd;border-radius:7px;padding:6px 4px;cursor:pointer;}
.zi18n-nav-pop .zi18n-nav-cur button:hover{border-color:#0f5e2e;color:#0f5e2e;background:#f0f8f3;}
.zi18n-nav-pop .zi18n-nav-cur button[aria-pressed="true"]{background:rgba(26,122,60,.1);border-color:#1a7a3c;color:#0f5e2e;}
/* currency selector inside the mobile hamburger menu */
.zi18n-mm-cur{flex-basis:100%;display:flex;gap:8px;margin-top:4px;padding-top:0.875rem;border-top:1px solid #ece8e2;}
.zi18n-mm-cur button{flex:1;text-align:center;}

/* Mobile: footer stacks left-aligned (<=900px), so the language/currency popup must open to the RIGHT of the button, not off the left edge of the screen */
@media (max-width:900px){
  .zi18n-sw-pop{left:0;right:auto;max-width:calc(100vw - 2.5rem);}
}