/* ============================================================
   Shared Arsa Food site header (matches homepage design)
   Namespaced with .ah-  so it never clashes with page styles.
   ============================================================ */
.ah-nav{
  position:sticky;top:0;z-index:300;
  display:flex;align-items:center;justify-content:space-between;
  background:#fff;border-bottom:none;
  padding:0 40px;height:64px;box-shadow:0 1px 8px rgba(0,0,0,.06);
  font-family:'DM Sans',sans-serif;
}
.ah-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0;}
.ah-logo img{height:52px;width:auto;display:block;}
.ah-logo-text{font-family:'Montserrat',sans-serif;font-weight:800;font-size:24px;letter-spacing:-.5px;}
.ah-logo-text .a{color:#14532D;} .ah-logo-text .f{color:#A9743A;margin-left:6px;}
.ah-links{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0;}
.ah-links a{font-size:14px;font-weight:500;color:#444;text-decoration:none;transition:color .2s;}
.ah-links a:hover{color:#14532D;}
.ah-links a.active{color:#14532D;font-weight:700;}
.ah-lang-btn svg{display:block;flex-shrink:0;}
.ah-right{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.ah-lang-wrap{position:relative;}
.ah-lang-btn{
  display:flex;align-items:center;gap:6px;border:1.5px solid #14532D;border-radius:20px;
  padding:6px 12px;background:transparent;cursor:pointer;
  font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;color:#14532D;
}
.ah-lang-dropdown{
  position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #E4E0D8;
  border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.1);min-width:120px;overflow:hidden;display:none;z-index:400;
}
.ah-lang-dropdown.show{display:block;}
.ah-lang-option{
  display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;
  color:#1a1a1a;cursor:pointer;transition:background .15s;
}
.ah-lang-option:hover{background:#F5F2EC;}
.ah-lang-option.active{color:#14532D;font-weight:700;}
.ah-cta{
  background:#A9743A;color:#fff;font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;
  padding:10px 20px;border-radius:7px;text-decoration:none;border:none;cursor:pointer;white-space:nowrap;transition:background .2s;
}
.ah-cta:hover{background:#c08840;}
@media(max-width:820px){ .ah-links{display:none;} .ah-nav{padding:0 20px;} }

/* If an existing page logo link holds an <img>, size it nicely too */
.logo img{height:52px;width:auto;display:block;}

/* ── Hide Google Translate's default top banner / keep layout clean ── */
.goog-te-banner-frame.skiptranslate,
.goog-te-gadget,
.goog-te-gadget-icon{display:none !important;}
body{top:0 !important;position:static !important;}
#goog-gt-tt,.goog-te-balloon-frame{display:none !important;}
.goog-text-highlight{background:none !important;box-shadow:none !important;}

/* ===== HAMBURGER MENU — shared header ===== */
.ah-burger { display: none; }   /* hidden on desktop */

@media (max-width: 900px){
  .ah-nav   { flex-wrap: wrap; height: auto; padding: 10px 16px; position: relative; }
  .ah-logo img { height: 40px !important; }

  /* show the burger, hide menu + right cluster from the top bar */
  .ah-burger {
    display: flex; flex-direction: column; justify-content: center; gap: 5px;
    width: 44px; height: 40px; padding: 9px; margin-left: auto;
    background: transparent; border: 1.5px solid rgba(0,0,0,.15);
    border-radius: 8px; cursor: pointer;
  }
  .ah-burger span { display: block; height: 2px; width: 100%; background: #14532D; border-radius: 2px; transition: .25s; }
  .ah-links, .ah-right { display: none; }

  /* when open, reveal links + lang + CTA stacked below */
  .ah-nav.open .ah-links {
    display: flex; flex-direction: column; align-items: flex-start;
    order: 3; width: 100%; gap: 4px; padding: 10px 0 4px; margin: 0;
  }
  .ah-nav.open .ah-right {
    display: flex; flex-direction: column; align-items: stretch;
    order: 4; width: 100%; gap: 12px; padding-bottom: 10px;
  }
  .ah-nav.open .ah-right .ah-lang-wrap { width: fit-content; }
  .ah-nav.open .ah-cta { width: 100%; text-align: center; }

  /* burger turns into an X when open */
  .ah-nav.open .ah-burger span:nth-child(1){ transform: translateY(7px) rotate(45deg); }
  .ah-nav.open .ah-burger span:nth-child(2){ opacity: 0; }
  .ah-nav.open .ah-burger span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }
}

