/* 14/10/2026 - Menu hambúrguer refinado (abaixo de 1200px).
   Botão sem caixa dourada: duas linhas finas que viram um X suave.
   Painel abre com fade + leve descida; itens entram em sequência.
   Submenus abrem em sanfona suave, sem caixa cinza nem cartão branco.
   Carrega DEPOIS do nav-hamburguer.css; só CSS, o main.js continua igual
   (ele põe data-nav-menu-open no painel e w--open no botão e nos submenus). */

@media screen and (max-width: 1199px) {
  :root {
    --mr-ouro: #906e2b;
    --mr-ouro-claro: #c9ab6a;
    --mr-tinta: #2a2520;
    --mr-suave: #7d7469;
    --mr-linha: #efe9df;
    --mr-ease: cubic-bezier(.22, .61, .36, 1);
  }

  /* ---------- botão ---------- */
  .menu-button-5,
  .menu-button-5.w--open {
    background: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    -webkit-tap-highlight-color: transparent;
  }
  .burger-btn-wrapper {
    position: relative !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border-radius: 50% !important;
    overflow: visible !important;
    transition: background-color .3s var(--mr-ease) !important;
  }
  .menu-button-5:hover .burger-btn-wrapper { background-color: rgba(144, 110, 43, .07) !important; }
  .menu-button-5:focus-visible { outline: none !important; }
  .menu-button-5:focus-visible .burger-btn-wrapper { box-shadow: 0 0 0 2px var(--mr-ouro-claro) !important; }

  .burger-line {
    position: absolute !important;
    right: 10px !important;
    height: 1.5px !important;
    margin: 0 !important;
    border-radius: 2px !important;
    background-color: var(--mr-ouro) !important;
    opacity: 1 !important;
    transform-origin: center !important;
    transition: transform .45s var(--mr-ease), top .45s var(--mr-ease), width .45s var(--mr-ease), opacity .2s ease !important;
  }
  .burger-line:nth-child(1) { top: 17px !important; width: 24px !important; transform: none !important; }
  .burger-line:nth-child(2) { display: none !important; }
  .burger-line:nth-child(3) { top: 25px !important; width: 15px !important; transform: none !important; }
  .menu-button-5:hover .burger-line:nth-child(3) { width: 24px !important; }

  .menu-button-5.w--open .burger-line:nth-child(1) { top: 21px !important; width: 22px !important; right: 11px !important; transform: rotate(45deg) !important; }
  .menu-button-5.w--open .burger-line:nth-child(3) { top: 21px !important; width: 22px !important; right: 11px !important; transform: rotate(-45deg) !important; }

  /* ---------- painel ---------- */
  .nav-menu-wrapper-4 {
    display: block !important;
    visibility: hidden !important;
    opacity: 0 !important;
    transform: translateY(-10px) !important;
    pointer-events: none !important;
    background-color: #fff !important;
    transition: opacity .35s var(--mr-ease), transform .45s var(--mr-ease), visibility 0s linear .45s !important;
  }
  .nav-menu-wrapper-4[data-nav-menu-open] {
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
    transition: opacity .35s var(--mr-ease), transform .45s var(--mr-ease), visibility 0s !important;
  }
  body:has(.nav-menu-wrapper-4[data-nav-menu-open]) { overflow: hidden; }

  .nav-menu-4 {
    padding: 8px 28px 48px !important;
    max-width: 560px;
    margin: 0 auto !important;
  }

  /* itens entram em sequência */
  .nav-menu-4 > li {
    opacity: 0;
    transform: translateY(6px);
    transition: opacity .3s ease, transform .3s ease;
  }
  .nav-menu-wrapper-4[data-nav-menu-open] .nav-menu-4 > li {
    opacity: 1;
    transform: none;
    transition: opacity .5s var(--mr-ease), transform .5s var(--mr-ease);
  }
  .nav-menu-wrapper-4[data-nav-menu-open] .nav-menu-4 > li:nth-child(2) { transition-delay: .04s; }
  .nav-menu-wrapper-4[data-nav-menu-open] .nav-menu-4 > li:nth-child(3) { transition-delay: .08s; }
  .nav-menu-wrapper-4[data-nav-menu-open] .nav-menu-4 > li:nth-child(4) { transition-delay: .12s; }
  .nav-menu-wrapper-4[data-nav-menu-open] .nav-menu-4 > li:nth-child(5) { transition-delay: .16s; }
  .nav-menu-wrapper-4[data-nav-menu-open] .nav-menu-4 > li:nth-child(6) { transition-delay: .20s; }
  .nav-menu-wrapper-4[data-nav-menu-open] .nav-menu-4 > li:nth-child(7) { transition-delay: .24s; }
  .nav-menu-wrapper-4[data-nav-menu-open] .nav-menu-4 > li:nth-child(8) { transition-delay: .28s; }
  .nav-menu-wrapper-4[data-nav-menu-open] .nav-menu-4 > li:nth-child(9) { transition-delay: .32s; }

  /* bandeiras */
  .language-selector-mobile {
    padding: 18px 0 14px !important;
    margin: 0 !important;
    border-bottom: 0 !important;
  }
  .lang-mobile-container { gap: 10px !important; padding-left: 8px !important; }
  .lang-btn-mobile img { width: 26px !important; height: 26px !important; }
  .lang-btn-mobile { opacity: .8; transition: opacity .25s ease, transform .25s ease !important; }
  .lang-btn-mobile:hover, .lang-btn-mobile.active { opacity: 1; }
  .lang-btn-mobile.active { box-shadow: 0 0 0 1.5px #fff, 0 0 0 2.5px var(--mr-ouro-claro) !important; }

  /* linhas principais */
  .list-item-14 { border-bottom: 1px solid var(--mr-linha); }
  .nav-link-4,
  .dropdown-5 .w-dropdown-toggle {
    padding: 19px 2px !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    letter-spacing: .01em !important;
    color: var(--mr-tinta) !important;
    background: transparent !important;
    transition: color .25s ease !important;
  }
  .nav-link-4 .text-block-36,
  .nav-link-4 .text-block-206 { font: inherit !important; color: inherit !important; letter-spacing: inherit !important; }
  .nav-link-4:hover,
  .dropdown-5.w--open .w-dropdown-toggle { color: var(--mr-ouro) !important; }

  /* seta fina no lugar do + */
  .dropdown-5 .w-dropdown-toggle::after {
    content: '' !important;
    width: 7px !important;
    height: 7px !important;
    margin: -4px 6px 0 12px !important;
    border-right: 1.5px solid var(--mr-ouro) !important;
    border-bottom: 1.5px solid var(--mr-ouro) !important;
    transform: rotate(45deg) !important;
    transition: transform .4s var(--mr-ease), margin .4s var(--mr-ease) !important;
    font-size: 0 !important;
  }
  .dropdown-5.w--open .w-dropdown-toggle::after {
    content: '' !important;
    margin-top: 4px !important;
    transform: rotate(-135deg) !important;
  }

  /* sanfona do submenu */
  .dropdown-list-9,
  .dropdown-list-9.w--open {
    display: block !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }
  .dropdown-list-9 {
    max-height: 0 !important;
    opacity: 0 !important;
    padding: 0 !important;
    margin: 0 0 0 2px !important;
    border-left: 1px solid var(--mr-linha) !important;
    overflow: hidden !important;
    visibility: hidden !important;
    transition: max-height .45s var(--mr-ease), opacity .25s ease, margin .45s var(--mr-ease), visibility 0s linear .45s !important;
  }
  .dropdown-list-9.w--open {
    max-height: 520px !important;
    opacity: 1 !important;
    padding: 0 !important;
    margin: 0 0 16px 2px !important;
    visibility: visible !important;
    transition: max-height .5s var(--mr-ease), opacity .4s ease .08s, margin .5s var(--mr-ease), visibility 0s !important;
  }
  .dropdown-link-8,
  .dropdown-link-8.w--current,
  .dropdown-link-8:hover {
    position: relative !important;
    display: block !important;
    padding: 10px 0 10px 18px !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    text-align: left !important;
    color: var(--mr-suave) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: color .25s ease, border-color .25s ease !important;
  }
  .dropdown-link-8:hover { color: var(--mr-tinta) !important; }
  .dropdown-link-8.w--current {
    color: var(--mr-ouro) !important;
    font-weight: 500 !important;
  }
  .dropdown-link-8.w--current::before {
    content: '';
    position: absolute;
    left: -1px;
    top: 9px;
    bottom: 9px;
    width: 1.5px;
    background: var(--mr-ouro);
  }

  /* botão Agendar alinhado com a lista */
  .nav-menu-4 > li.mobile-margin-top-13 { padding: 0 !important; margin: 28px 0 0 !important; border: 0 !important; }
  .nav-menu-4 .nav-button-wrapper-4 { width: 100% !important; margin: 0 !important; padding: 0 !important; }
  .nav-menu-4 .btn-inicio-copy-v-co { display: block !important; width: 100% !important; margin: 0 !important; text-align: center !important; }

  @media (prefers-reduced-motion: reduce) {
    .nav-menu-wrapper-4, .nav-menu-4 > li, .dropdown-list-9, .burger-line,
    .dropdown-5 .w-dropdown-toggle::after { transition: none !important; }
  }
}