/* Approved drawer. Selectors never address desktop navigation or WooCommerce panels. */
@font-face{font-family:"BA Nav Inter";src:url('../../beeracademy-homepage-performance/assets/inter-romanian-v20.woff2') format('woff2');font-weight:100 900;font-display:swap}
#offcanvas.ba-mobile-drawer{--side-panel-width:480px;--side-panel-offset:0px;--side-panel-border-radius:0px;--theme-panel-reveal-right:100%;--theme-panel-reveal-left:-100%;background:rgba(22,19,14,.42);font-family:"BA Nav Inter",Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
#offcanvas.ba-mobile-drawer .ct-panel-inner{width:min(480px,100%);max-width:480px;height:100%;margin:0;border-radius:0;background:#f6f3ea;box-shadow:-18px 0 70px rgba(20,14,8,.18)}
#offcanvas.ba-mobile-drawer .ct-panel-actions{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:16px 24px;padding-top:max(16px,env(safe-area-inset-top));border-bottom:1px solid rgba(41,32,19,.12);background:#fffdf9}
#offcanvas.ba-mobile-drawer .ct-panel-heading{margin:0;color:#1c1c19;font:750 17px/1.2 "BA Nav Inter",Inter,sans-serif;letter-spacing:-.025em}
#offcanvas.ba-mobile-drawer .ct-toggle-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;margin:0 0 0 auto;padding:0;border:1px solid rgba(41,32,19,.12);border-radius:14px;background:#fffdf9;color:#1c1c19;--theme-icon-size:20px;--toggle-button-size:44px;--toggle-button-padding:0px;--toggle-button-margin-start:0px}
#offcanvas.ba-mobile-drawer .ct-toggle-close{--toggle-button-radius:14px;--toggle-button-border-width:1px;--toggle-button-border-color:rgba(41,32,19,.12);--toggle-button-background:#fffdf9;--theme-icon-color:#1c1c19;--theme-icon-hover-color:#1c1c19;--toggle-icon-transform:none}
#offcanvas.ba-mobile-drawer .ct-toggle-close:hover{--toggle-button-background:#f2ece0;--toggle-button-border-color:#c6bcaa;--toggle-icon-transform:none}
#offcanvas.ba-mobile-drawer .ct-panel-content[data-device="mobile"]{justify-content:flex-start;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#d1c9b9 transparent;scroll-padding-block:18px}
#offcanvas.ba-mobile-drawer .ct-panel-content[data-device="mobile"]::-webkit-scrollbar{width:5px}
#offcanvas.ba-mobile-drawer .ct-panel-content[data-device="mobile"]::-webkit-scrollbar-thumb{background:#d1c9b9;border-radius:10px}
#offcanvas.ba-mobile-drawer [data-device="mobile"] .ct-panel-content-inner{flex:none;display:block;width:100%;height:auto;min-height:min-content;overflow:visible;padding:18px 24px max(24px,env(safe-area-inset-bottom));--margin:0;--horizontal-alignment:flex-start;--text-horizontal-alignment:left}
#offcanvas [data-device="mobile"] [data-ba-menu="yes"]{width:100%;margin:0;--mobile-menu-divider:none;--menu-item-padding:0;--theme-link-initial-color:#1c1c19;--theme-link-hover-color:#1c1c19;--theme-icon-color:#c44a07;--theme-icon-hover-color:#c44a07}
#offcanvas [data-ba-menu="yes"] ul{list-style:none;margin:0;padding:0;border:0}
#offcanvas [data-ba-menu="yes"] li{display:block;width:100%;margin:0;border:0;padding:0;text-align:left}
#offcanvas [data-ba-menu="yes"] .ct-menu-link{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:54px;padding:8px 14px;border:0;border-radius:0;background:transparent;color:#1c1c19;text-decoration:none;font:750 15px/1.4 "BA Nav Inter",Inter,sans-serif;letter-spacing:-.025em;text-transform:none;transition:background .16s ease}
#offcanvas [data-ba-menu="yes"] .ct-menu-link::before,#offcanvas [data-ba-menu="yes"] .ct-menu-link::after{display:none}
#offcanvas [data-ba-menu="yes"] .ct-menu-link:hover{background:#f4efe4}
#offcanvas [data-ba-menu="yes"] .ba-nav-svg{flex-shrink:0;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#offcanvas [data-ba-menu="yes"] .ba-nav-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:32px;color:#c44a07}
#offcanvas [data-ba-menu="yes"] .ba-nav-icon svg{width:23px;height:23px;stroke-width:1.8}
#offcanvas [data-ba-menu="yes"] .ba-nav-arrow{width:16px;height:16px;margin-left:auto;color:#a49b8c;stroke-width:1.6}
#offcanvas [data-ba-menu="yes"]>ul>li :is(.ct-menu-link,.ct-sub-menu-parent) .ba-nav-name{transition:color .16s ease}
#offcanvas [data-ba-menu="yes"]>ul>li>.ct-menu-link .ba-nav-name,#offcanvas [data-ba-menu="yes"]>ul>li>.ct-sub-menu-parent>.ct-menu-link .ba-nav-name{color:rgba(0,0,0,.6)}
#offcanvas [data-ba-menu="yes"]>ul>li>.ct-menu-link:is(:hover,:active,[aria-current="page"]) .ba-nav-name,#offcanvas [data-ba-menu="yes"]>ul>li>.ct-sub-menu-parent>.ct-menu-link:is(:hover,:active,[aria-current="page"]) .ba-nav-name,#offcanvas [data-ba-menu="yes"]>ul>li.dropdown-active>.ct-sub-menu-parent>.ct-menu-link .ba-nav-name{color:rgba(0,0,0,.8)}
#offcanvas [data-ba-menu="yes"]>ul>li:is(.current-menu-item,.current-menu-parent,.current-menu-ancestor)>.ct-menu-link .ba-nav-name,#offcanvas [data-ba-menu="yes"]>ul>li:is(.current-menu-item,.current-menu-parent,.current-menu-ancestor)>.ct-sub-menu-parent>.ct-menu-link .ba-nav-name{color:rgba(0,0,0,.8)}
#offcanvas [data-ba-menu="yes"]>ul>.ba-nav-home{overflow:hidden;min-height:48px;margin-bottom:12px;border:1px solid rgba(239,180,0,.28);border-radius:15px;background:linear-gradient(105deg,#fff8d9,#fffdf9)}
#offcanvas [data-ba-menu="yes"] .ba-nav-home>.ct-menu-link{min-height:46px;font-size:14px}
#offcanvas [data-ba-menu="yes"] .ba-nav-current{margin-left:auto;color:#c44a07;font-size:9px;letter-spacing:.05em;font-weight:800;text-transform:uppercase;white-space:nowrap}
#offcanvas [data-ba-menu="yes"]>ul>.ba-nav-beer{overflow:hidden;margin-bottom:14px;border:1px solid #e2dac8;border-radius:19px;background:#fffdf9;box-shadow:0 5px 18px rgba(43,32,16,.025)}
#offcanvas [data-ba-menu="yes"] .ct-sub-menu-parent{display:flex;align-items:center;gap:4px;width:100%;padding:5px 8px 5px 5px}
#offcanvas [data-ba-menu="yes"] .ct-sub-menu-parent>.ct-menu-link{flex:1;min-width:0;width:auto;border-radius:13px}
#offcanvas [data-ba-menu="yes"] .ba-nav-beer>.ct-sub-menu-parent>.ct-menu-link{min-height:64px;padding:8px 9px}
#offcanvas [data-ba-menu="yes"] .ba-nav-beer>.ct-sub-menu-parent>.ct-menu-link:hover{background:#f8f4e9}
#offcanvas [data-ba-menu="yes"] .ba-nav-beer>.ct-sub-menu-parent .ba-nav-icon{width:34px;height:42px;flex-basis:34px}
#offcanvas [data-ba-menu="yes"] .ba-nav-beer>.ct-sub-menu-parent .ba-nav-icon svg{width:26px;height:26px}
#offcanvas [data-ba-menu="yes"] .ba-nav-copy{min-width:0}
#offcanvas [data-ba-menu="yes"] .ba-nav-copy>.ba-nav-name{display:block;font-size:18px;font-weight:850;letter-spacing:-.035em;line-height:1.2}
#offcanvas [data-ba-menu="yes"] .ba-nav-copy small{display:block;margin-top:4px;color:#7a7368;font-size:10px;font-weight:400;letter-spacing:0;line-height:1.35}
#offcanvas [data-ba-menu="yes"] .ct-toggle-dropdown-mobile{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;min-height:48px;margin:0;padding:0;border:1px solid rgba(41,32,19,.12);border-radius:13px;background:#faf7ef;color:#c44a07;--toggle-button-size:48px;--toggle-button-margin-end:0px;--toggle-button-padding:0px;--theme-icon-color:#c44a07;--theme-icon-hover-color:#c44a07;--theme-icon-size:15px}
#offcanvas [data-ba-menu="yes"] .ct-toggle-dropdown-mobile{--toggle-button-radius:13px;--toggle-button-border-width:1px;--toggle-button-border-color:rgba(41,32,19,.12);--toggle-button-background:#faf7ef}
#offcanvas [data-ba-menu="yes"] .ct-toggle-dropdown-mobile:hover{--toggle-button-background:#f6ebc4}
#offcanvas [data-ba-menu="yes"] .ct-toggle-dropdown-mobile svg{width:21px;height:21px;transition:transform .25s cubic-bezier(.22,.8,.25,1)}
#offcanvas [data-ba-menu="yes"] .ct-toggle-dropdown-mobile[aria-expanded="true"] svg{transform:rotate(180deg)}
#offcanvas [data-ba-menu="yes"] .sub-menu{width:auto;margin:0 14px;padding:12px 0 14px;border-top:1px solid rgba(41,32,19,.12);overflow:hidden}
#offcanvas [data-ba-menu="yes"] .dropdown-active>.sub-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#offcanvas [data-ba-menu="yes"] .sub-menu .ct-menu-link{gap:9px;min-height:44px;padding:9px 11px;border:1px solid rgba(41,32,19,.08);border-radius:10px;background:#fffdf9;font-size:12px;font-weight:650;letter-spacing:0}
#offcanvas [data-ba-menu="yes"] .sub-menu .ct-menu-link:hover{border-color:rgba(196,74,7,.3);background:#fff7e7;color:#c44a07}
#offcanvas [data-ba-menu="yes"] .sub-menu .ba-nav-shortcut>.ct-menu-link{justify-content:center;gap:7px;padding:7px;border-color:rgba(41,32,19,.12);border-radius:11px;background:#f8f4e9;font-weight:750}
#offcanvas [data-ba-menu="yes"] .ba-nav-shortcut svg{width:18px;height:18px;color:#c44a07;stroke-width:1.8}
#offcanvas [data-ba-menu="yes"] .ba-nav-keg svg{width:22px;height:22px}
/* Full-width pseudo row keeps WordPress's flat submenu, its links and order intact. */
#offcanvas [data-ba-menu="yes"] .ba-nav-beer>.sub-menu:has(.ba-nav-flag)::before{content:"EXPLOREAZĂ DUPĂ ȚARĂ";grid-column:1/-1;grid-row:2;display:flex;align-items:center;min-height:18px;margin:8px 0 2px;color:#7a7368;font-size:9px;font-weight:800;letter-spacing:.14em;line-height:1.4}
#offcanvas [data-ba-menu="yes"] .ba-nav-flag{display:inline-block;flex:0 0 20px;width:20px;height:14px;border:1px solid rgba(0,0,0,.08);border-radius:2px}
#offcanvas [data-ba-menu="yes"] .ba-nav-flag-ro{background:linear-gradient(90deg,#18469c 33.33%,#f9d330 33.33% 66.66%,#d6382b 66.66%)}
#offcanvas [data-ba-menu="yes"] .ba-nav-flag-be{background:linear-gradient(90deg,#242323 33.33%,#f9d330 33.33% 66.66%,#db3437 66.66%)}
#offcanvas [data-ba-menu="yes"] .ba-nav-flag-ie{background:linear-gradient(90deg,#2e9666 33.33%,#fff 33.33% 66.66%,#ed8b33 66.66%)}
#offcanvas [data-ba-menu="yes"] .ba-nav-flag-en{background:linear-gradient(0deg,transparent 38%,#d3293a 38% 62%,transparent 62%),linear-gradient(90deg,#fff 40%,#d3293a 40% 60%,#fff 60%)}
#offcanvas [data-ba-menu="yes"] .ba-nav-flag-sc{background:linear-gradient(33deg,transparent 42%,#fff 42% 57%,transparent 57%),linear-gradient(-33deg,#2761b4 42%,#fff 42% 57%,#2761b4 57%)}
#offcanvas [data-ba-menu="yes"] .ba-nav-flag-nl{background:linear-gradient(#bb2c42 33.33%,#fff 33.33% 66.66%,#264581 66.66%)}
#offcanvas [data-ba-menu="yes"] .ba-nav-flag-de{background:linear-gradient(#222 33.33%,#cd3333 33.33% 66.66%,#edbd31 66.66%)}
#offcanvas [data-ba-menu="yes"]>ul>.ba-nav-main{border:1px solid rgba(41,32,19,.12);border-top:0;background:#fffdf9}
#offcanvas [data-ba-menu="yes"]>ul>.ba-nav-main:not(.ba-nav-main+.ba-nav-main){overflow:hidden;border-top:1px solid rgba(41,32,19,.12);border-radius:19px 19px 0 0}
#offcanvas [data-ba-menu="yes"]>ul>.ba-nav-main:has(+.ba-nav-main){border-bottom-color:rgba(41,32,19,.07)}
#offcanvas [data-ba-menu="yes"]>ul>.ba-nav-main:not(:has(+.ba-nav-main)){overflow:hidden;border-radius:0 0 19px 19px}
#offcanvas [data-device="mobile"] .ba-nav-quiz-wrapper{display:block;width:100%;margin:18px 0 0}
#offcanvas [data-device="mobile"] .ba-nav-quiz{display:grid;grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:12px 16px;padding:19px 20px;border:1px solid #e1d8c8;border-radius:19px;color:#1c1c19;background:#fffdf9;font-family:"BA Nav Inter",Inter,sans-serif;text-decoration:none;transition:border-color .18s ease,background .18s ease}
#offcanvas .ba-nav-quiz-kicker{grid-column:1/-1;display:block;color:#c44a07;font-size:9px;font-weight:800;letter-spacing:.09em;line-height:1.4}
#offcanvas .ba-nav-quiz-copy{min-width:0}
#offcanvas .ba-nav-quiz-copy strong{display:block;color:#1c1c19;font-size:18px;font-weight:800;letter-spacing:-.035em;line-height:1.22}
#offcanvas .ba-nav-quiz-copy small{display:block;max-width:27ch;margin-top:7px;color:#7a7368;font-size:12px;line-height:1.5}
#offcanvas .ba-nav-quiz-action{grid-column:1;display:inline-flex;align-items:center;justify-content:center;gap:9px;width:fit-content;max-width:100%;min-height:44px;padding:10px 14px;border-radius:999px;background:#c44a07;color:white;font-size:11px;font-weight:800;line-height:1.2}
#offcanvas .ba-nav-quiz-action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
#offcanvas .ba-nav-quiz:hover{border-color:#cdbd9e;background:#fffefa}
#offcanvas .ba-nav-quiz:hover .ba-nav-quiz-action svg{transform:translateX(2px)}
#offcanvas .ba-nav-quiz-art{position:relative;grid-column:2;grid-row:2/span 2;display:block;width:66px;height:98px;justify-self:center;transform:rotate(6deg)}
#offcanvas .ba-nav-quiz-art::before{position:absolute;content:"";inset:4px 3px -3px -7px;border:1px solid #e1d2a5;border-radius:11px;background:#faf0cb;transform:rotate(-12deg)}
#offcanvas .ba-nav-quiz-sheet{position:relative;display:flex;flex-direction:column;gap:8px;height:100%;padding:10px 9px;border:1px solid #dfd6c6;border-radius:11px;background:#fffdf9;box-shadow:0 6px 13px rgba(64,45,14,.055)}
#offcanvas .ba-nav-quiz-question{display:grid;place-items:center;width:23px;height:23px;margin-bottom:1px;border-radius:7px;color:#c44a07;background:#fff1d6;font-size:17px;font-weight:800;line-height:1}
#offcanvas .ba-nav-quiz-choice{display:flex;align-items:center;gap:5px;height:7px}
#offcanvas .ba-nav-quiz-radio{width:7px;height:7px;flex:0 0 7px;border:1px solid #d8d0c0;border-radius:50%}
#offcanvas .ba-nav-quiz-line{width:30px;height:3px;border-radius:2px;background:#e8e2d7}
#offcanvas .ba-nav-quiz-choice.is-selected .ba-nav-quiz-radio{border-color:#dba100;box-shadow:inset 0 0 0 1px #fffdf9;background:#e9b11e}
#offcanvas .ba-nav-quiz-choice.is-selected .ba-nav-quiz-line{background:#edc65c}
#offcanvas [data-device="mobile"] .ba-nav-social-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding-top:17px;margin:0}
#offcanvas .ba-nav-social-row>span{color:#7a7368;font-size:10px;font-weight:650;line-height:1.4}
#offcanvas .ba-nav-social-row .ct-header-socials{margin:0;width:auto}
#offcanvas .ba-nav-social-row .ct-social-box{display:flex;gap:6px;flex-wrap:wrap;--items-spacing:0px}
#offcanvas .ba-nav-social-row .ct-social-box a{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(41,32,19,.12);border-radius:12px;background:#fffdf9;color:#494338;--theme-icon-color:#494338;--theme-icon-hover-color:#c44a07}
#offcanvas .ba-nav-social-row .ct-social-box a:hover{color:#c44a07;background:#fff8e8}
#offcanvas .ba-nav-social-row .ct-icon-container{width:18px;height:18px;background:transparent;border:0;padding:0}
#offcanvas .ba-nav-social-row svg{width:18px;height:18px;fill:currentColor;stroke:none}
#offcanvas.ba-mobile-drawer :is(a,button):focus-visible{outline:3px solid #efb400;outline-offset:3px}
@media(max-width:360px){#offcanvas.ba-mobile-drawer .ct-panel-actions{padding-inline:18px}#offcanvas.ba-mobile-drawer [data-device="mobile"] .ct-panel-content-inner{padding-inline:16px}#offcanvas [data-ba-menu="yes"] .ba-nav-copy small{font-size:9px}#offcanvas [data-ba-menu="yes"] .ba-nav-beer>.ct-sub-menu-parent>.ct-menu-link{gap:9px}#offcanvas [data-ba-menu="yes"] .ct-toggle-dropdown-mobile{width:44px;flex-basis:44px;--toggle-button-size:44px}#offcanvas [data-ba-menu="yes"] .ct-menu-link{font-size:14px}#offcanvas [data-ba-menu="yes"] .sub-menu .ct-menu-link{font-size:12px}}
/* Keep a transition event for Blocksy's own submenu/overlay cleanup callbacks. */
@media(prefers-reduced-motion:reduce){#offcanvas.ba-mobile-drawer,#offcanvas.ba-mobile-drawer .ct-panel-inner,#offcanvas.ba-mobile-drawer [data-ba-menu="yes"] .sub-menu.is-animating{transition-delay:0s!important;transition-duration:.001s!important}#offcanvas.ba-mobile-drawer :is(a,svg,.ba-nav-name){transition:none}}

/* Review-button colors only: retain the approved pill, spacing and typography. */
#offcanvas.ba-mobile-drawer [data-device="mobile"] .ba-nav-quiz-action {
  --ba-main-dark: #bd3510;
  --ba-main: #e94e1b;
  background: linear-gradient(135deg,var(--ba-main-dark),var(--ba-main));
}
#offcanvas.ba-mobile-drawer [data-device="mobile"] .ba-nav-quiz:hover .ba-nav-quiz-action {
  filter: saturate(1.08);
}

/* Match the live empty-cart icon (#E94E1B), not flags or neutral chevrons. */
#offcanvas.ba-mobile-drawer [data-device="mobile"] [data-ba-menu="yes"] {
  --ba-nav-icon-color: #e94e1b;
  --theme-icon-color: var(--ba-nav-icon-color);
  --theme-icon-hover-color: var(--ba-nav-icon-color);
}
#offcanvas.ba-mobile-drawer [data-device="mobile"] [data-ba-menu="yes"] :is(.ba-nav-icon,.ba-nav-shortcut svg,.ct-toggle-dropdown-mobile) {
  color: var(--ba-nav-icon-color);
}
#offcanvas.ba-mobile-drawer [data-device="mobile"] [data-ba-menu="yes"] .ct-toggle-dropdown-mobile {
  --theme-icon-color: var(--ba-nav-icon-color);
  --theme-icon-hover-color: var(--ba-nav-icon-color);
}

/* Blocksy's phone breakpoint. Only the opaque drawer becomes 78vw. */
@media (max-width:689px) {
  #offcanvas.ba-mobile-drawer { --side-panel-width:78vw; }
  #offcanvas.ba-mobile-drawer .ct-panel-inner { width:78vw; max-width:78vw; }
  #offcanvas.ba-mobile-drawer .ct-panel-actions { padding-inline:12px; }
  #offcanvas.ba-mobile-drawer [data-device="mobile"] .ct-panel-content-inner { padding-inline:12px; }
  #offcanvas.ba-mobile-drawer [data-ba-menu="yes"] .ct-menu-link { padding-inline:10px; gap:8px; }
  #offcanvas.ba-mobile-drawer [data-ba-menu="yes"] .ba-nav-beer>.ct-sub-menu-parent>.ct-menu-link { padding-inline:4px; gap:6px; }
  #offcanvas.ba-mobile-drawer [data-ba-menu="yes"] .ba-nav-copy>.ba-nav-name { font-size:16px; }
  #offcanvas.ba-mobile-drawer [data-ba-menu="yes"] .ct-toggle-dropdown-mobile { width:44px; flex-basis:44px; --toggle-button-size:44px; }
  #offcanvas.ba-mobile-drawer [data-ba-menu="yes"] .sub-menu { margin-inline:10px; }
  #offcanvas.ba-mobile-drawer [data-ba-menu="yes"] .dropdown-active>.sub-menu { grid-template-columns:minmax(0,1fr); }
  #offcanvas.ba-mobile-drawer [data-ba-menu="yes"] .ba-nav-beer>.sub-menu:has(.ba-nav-flag)::before { grid-row:3; }
  #offcanvas.ba-mobile-drawer [data-device="mobile"] .ba-nav-quiz { grid-template-columns:minmax(0,1fr) 48px; padding:14px 12px; gap:12px 8px; }
  #offcanvas.ba-mobile-drawer .ba-nav-quiz-art { transform:rotate(6deg) scale(.7); }
  #offcanvas.ba-mobile-drawer [data-device="mobile"] .ba-nav-social-row { flex-wrap:wrap; }
}