/* Daz Aguas - CSS compartilhado: header, navegacao, menu mobile, rodape comuns */

#siteHeader{
  position:fixed !important;z-index:130;top:0;left:0;right:0;
  height:72px;padding:0 34px;
  display:flex !important;align-items:center;justify-content:space-between;
  transition:.35s ease;
}
body.menu-open #siteHeader .brand,
body.menu-open #siteHeader .nav-cta,
body.menu-open #siteHeader .desktop-nav{visibility:hidden !important}
.site-header.scrolled{
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(0,0,0,.06);
}
.brand{font-size:13px;font-weight:800;letter-spacing:.16em;display:flex;align-items:center}
.brand-logo{height:26px;width:auto;display:block}
.mobile-menu-brand{height:72px;padding:0 28px;margin-bottom:0;display:flex;align-items:center;justify-content:center}
.mobile-menu-brand img{height:30px;width:auto;display:block}
.desktop-nav{display:flex;gap:26px;font-size:12px;color:#555}
.desktop-nav a{transition:.25s}
.desktop-nav a:hover{color:#000}
.desktop-nav a.current{font-weight:700;text-decoration:underline;text-underline-offset:4px}
.nav-cta{
  background:#597EA3;color:#fff;border-radius:999px;
  padding:10px 17px;font-size:12px;font-weight:600;
}
.nav-dropdown{position:relative}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav-dropdown-menu{position:absolute;top:100%;left:0;margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 10px 35px rgba(0,0,0,.12);padding:8px;min-width:210px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s ease;z-index:200}
.nav-dropdown-menu a{display:block;padding:10px 14px;font-size:12px;color:#555;border-radius:8px;white-space:nowrap}
.nav-dropdown-menu a:hover{background:#f5f5f3;color:#000}
.mobile-submenu-item{padding-left:16px!important;font-size:16px!important;opacity:0!important;max-height:0!important;padding-top:0!important;padding-bottom:0!important;border-bottom:0!important;overflow:hidden;transition:max-height .3s ease,opacity .25s ease}
.mobile-submenu-item.open{opacity:.8!important;max-height:60px!important;padding-top:15px!important;padding-bottom:15px!important;border-bottom:1px solid rgba(231,255,158,.18)!important}
.mobile-submenu-caret{font-size:15px;opacity:.7;margin-left:8px;display:inline-block;transition:transform .25s ease}
.mobile-submenu-caret.open{transform:rotate(180deg)}
.menu-toggle{
  display:none;flex-direction:column;justify-content:center;gap:5px;
  width:34px;height:34px;background:none;border:0;cursor:pointer;
  z-index:120;position:relative;
}
.menu-toggle-bar{width:100%;height:2px;background:#111;border-radius:2px;transition:transform .3s ease,opacity .3s ease}
.menu-toggle.active .menu-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle.active .menu-toggle-bar:nth-child(2){opacity:0}
.menu-toggle.active .menu-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.menu-toggle.active .menu-toggle-bar{background:#F5F5F3}
.mobile-menu{
  position:fixed;top:0;left:0;right:0;background:#535C39;z-index:110;
  max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1);
}
.mobile-menu.open{max-height:640px}
.mobile-menu-list{padding:88px 28px 28px;display:flex;flex-direction:column}
.mobile-menu-list a{
  color:#E7FF9E;font-family:"Manrope",Arial,sans-serif;font-weight:500;
  font-size:21px;letter-spacing:-.02em;padding:15px 0;
  border-bottom:1px solid rgba(231,255,158,.18);
  display:flex;align-items:center;justify-content:space-between;transition:color .25s;
}
.mobile-menu-list a:hover,.mobile-menu-list a:active,.mobile-menu-list a.current{color:#ABD726}
.mobile-menu-list a:last-child{border-bottom:0}
@media (max-width:1000px){ .desktop-nav{display:none} .menu-toggle{display:flex} }

--- HARD SAFETY OVERRIDES (mobile header robustness) ---- */
.site-header{overflow:hidden !important}
.brand-logo{height:26px !important;max-height:26px !important;width:auto !important;object-fit:contain !important;display:block !important}
.mobile-menu-brand img{height:24px !important;max-height:24px !important;width:auto !important;object-fit:contain !important}
.footer-logo{height:64px !important;max-height:64px !important;width:auto !important;object-fit:contain !important}
@media (max-width:680px){
  .site-header{height:62px !important;overflow:hidden !important}
}

/* ---- HAMBURGER ICON FIX (3 clean horizontal bars) ---- */
.menu-toggle{display:none !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:5px !important;width:34px !important;height:34px !important;background:none !important;border:0 !important;padding:0 !important;border-radius:0 !important}
.menu-toggle-bar{display:block !important;width:21px !important;height:2px !important;min-height:2px !important;background:#111 !important;border-radius:2px !important;margin:0 !important;flex-shrink:0 !important}
.menu-toggle.active .menu-toggle-bar:nth-child(2){opacity:0 !important}
@media (max-width:1000px){.menu-toggle{display:flex !important}}

/* ---- AGENDA: apenas titulo no desktop, sem caixa de dropdown ---- */
.nav-dropdown-menu{display:none !important;opacity:0 !important;visibility:hidden !important}

/* ---- HEADER TRANSPARENTE: logo e menu brancos sobre imagem, escuros ao rolar ---- */
.brand-logo{filter:brightness(0) invert(1);transition:filter .3s ease}
.site-header.scrolled .brand-logo{filter:none}
.menu-toggle-bar{background:#fff !important}
.site-header.scrolled .menu-toggle-bar{background:#111 !important}

/* Remove o retangulo de foco padrao do navegador em links e botoes (nao acompanha o border-radius dos pills) */
:where(.hm-wrap,.qc-wrap,.sb-wrap,.hs-wrap,.ct-wrap,.ag-wrap,.vds-wrap,.cp-wrap) a,
:where(.hm-wrap,.qc-wrap,.sb-wrap,.hs-wrap,.ct-wrap,.ag-wrap,.vds-wrap,.cp-wrap) button{
  outline:none;
}
:where(.hm-wrap,.qc-wrap,.sb-wrap,.hs-wrap,.ct-wrap,.ag-wrap,.vds-wrap,.cp-wrap) a:focus,
:where(.hm-wrap,.qc-wrap,.sb-wrap,.hs-wrap,.ct-wrap,.ag-wrap,.vds-wrap,.cp-wrap) a:focus-visible,
:where(.hm-wrap,.qc-wrap,.sb-wrap,.hs-wrap,.ct-wrap,.ag-wrap,.vds-wrap,.cp-wrap) button:focus,
:where(.hm-wrap,.qc-wrap,.sb-wrap,.hs-wrap,.ct-wrap,.ag-wrap,.vds-wrap,.cp-wrap) button:focus-visible{
  outline:none;box-shadow:none;
}