/* v1.3.7 — Elate universal website flyout.
 * One existing WordPress Primary menu; ONLY its appearance changes.
 * The homepage, shop, product, cart and checkout retain their original
 * clickable navigation and existing submenu behaviors.
 * This CSS intentionally does not load on the gallery's independent renderer.
 */
body:not(.egr-viewport-body) .elate-menu-btn,
body:not(.egr-viewport-body) button[aria-label="Open menu"],
body:not(.egr-viewport-body) button[aria-label="Close menu"].elate-menu-btn{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 gap:10px!important;background:transparent!important;border:0!important;
 color:#fff!important;font:700 12px/1.1 Arial,Helvetica,sans-serif!important;
 letter-spacing:.12em!important;text-transform:uppercase!important;
 padding:7px 4px!important;min-height:38px!important;height:auto!important;cursor:pointer!important;
 box-shadow:none!important;outline-color:#b89558;
}
body:not(.egr-viewport-body) .elate-menu-btn:hover,
body:not(.egr-viewport-body) .elate-menu-btn:focus-visible{
 color:#f5ce8a!important;outline:2px solid #b89558!important;outline-offset:2px!important;
}
/* Never introduce a duplicate hamburger when the original theme has one. */
body:not(.egr-viewport-body) .elate-menu-btn:not(:has(svg,.hamburger-lines-draw,.egr-site-hamburger,.hamburger,i,.dashicons))::after{
 content:"☰";font:normal 22px/1 Arial,sans-serif;letter-spacing:0;
}
body:not(.egr-viewport-body) .elate-menu-btn .hamburger-lines-draw span{
 background:#fff!important;
}
/* Sitewide flyout: match the gallery's amber-to-charcoal panel without
 * replacing its IDs, overlay, links, events or its open/closed class. */
body:not(.egr-viewport-body) #elate-panel{
 width:min(380px,100vw)!important;max-width:380px!important;
 background:linear-gradient(135deg,#1d160f 0%,#0a0908 100%)!important;
 color:#faf3e8!important;border-left:1px solid #a57e4c!important;
 box-shadow:-12px 0 38px #000b!important;overscroll-behavior:contain;
 scrollbar-color:#a57e4c #16120e;
}
body:not(.egr-viewport-body) .elate-overlay-glass{
 background:rgba(0,0,0,.50)!important;
}
body:not(.egr-viewport-body) #elate-panel .elate-panel-body{
 padding:58px 24px 17px!important;
}
/* Gallery flyout has a Website Menu title and gold separator. Use a pseudo
 * heading so the original DOM and its click handlers remain unchanged. */
body:not(.egr-viewport-body) #elate-panel .elate-panel-body::before{
 content:"Website Menu";display:block;margin:0 0 18px;
 padding:0 45px 14px 0;border-bottom:1px solid #a57e4c;
 color:#f3d49d;font:normal 22px/1.3 Georgia,'Times New Roman',serif;
}
/* The gallery flyout does not repeat the large homepage logo inside the menu.
 * The site logo remains available in the header and footer. */
body:not(.egr-viewport-body) #elate-panel .elate-panel-logo-wrap{
 display:none!important;
}
body:not(.egr-viewport-body) #elate-panel .elate-panel-close{
 color:#f5e5ce!important;top:12px!important;right:15px!important;
 font:normal 30px/1 Arial,sans-serif!important;
 background:transparent!important;padding:5px 8px!important;
}
body:not(.egr-viewport-body) #elate-panel .elate-panel-close:hover,
body:not(.egr-viewport-body) #elate-panel .elate-panel-close:focus-visible{
 color:#f3ca86!important;outline:2px solid #b89558!important;outline-offset:1px!important;
}
body:not(.egr-viewport-body) #elate-panel .elate-nav-ul,
body:not(.egr-viewport-body) #elate-panel .elate-nav-ul .sub-menu{
 list-style:none!important;padding:0!important;margin:0!important;
}
body:not(.egr-viewport-body) #elate-panel .elate-nav-ul > li,
body:not(.egr-viewport-body) #elate-panel .elate-nav-ul .sub-menu li{
 margin:0!important;
}
body:not(.egr-viewport-body) #elate-panel .elate-nav-ul > li > a,
body:not(.egr-viewport-body) #elate-panel .elate-nav-ul .sub-menu li > a{
 display:block!important;padding:12px 42px 12px 5px!important;
 border-bottom:1px solid #ffffff22!important;text-decoration:none!important;
 color:#f9f1e2!important;font:normal 16px/1.3 Georgia,'Times New Roman',serif!important;
 text-transform:none!important;letter-spacing:.01em!important;word-break:break-word!important;
 background:transparent!important;box-shadow:none!important;
}
body:not(.egr-viewport-body) #elate-panel .elate-nav-ul .sub-menu li > a{
 font-size:14px!important;padding:10px 6px!important;
}
body:not(.egr-viewport-body) #elate-panel .elate-nav-ul a:hover,
body:not(.egr-viewport-body) #elate-panel .elate-nav-ul a:focus-visible{
 color:#f3ca86!important;background:#c49a2320!important;
}
body:not(.egr-viewport-body) #elate-panel .menu-item-has-children > .sub-menu{
 padding-left:17px!important;margin:0 0 9px!important;
 border-left:1px solid #a98550!important;
 background:transparent!important;
}
/* Keep the native submenu toggle and disclosure mechanics. */
body:not(.egr-viewport-body) #elate-panel .elate-submenu-toggle{
 color:#f3ca86!important;border-color:#a98550!important;
}
body:not(.egr-viewport-body) #elate-panel .elate-submenu-toggle::before{
 border-color:#f3ca86!important;
}
body:not(.egr-viewport-body) #elate-panel .elate-menu-footer{
 margin-top:auto!important;padding:21px 24px calc(23px + env(safe-area-inset-bottom,0px))!important;
 border-top:1px solid #a57e4c!important;
}
body:not(.egr-viewport-body) #elate-panel .elate-menu-footer a{
 color:#f4c67c!important;font:normal 14px/1.35 Georgia,'Times New Roman',serif!important;
}
body:not(.egr-viewport-body) #elate-panel .elate-menu-footer a:hover{
 color:#fff0c7!important;
}
@media(max-width:800px){
 body:not(.egr-viewport-body) #elate-panel{
  width:min(92vw,380px)!important;max-width:92vw!important;
 }
 body:not(.egr-viewport-body) #elate-panel .elate-panel-body{
  padding:54px 17px 17px!important;
 }
 body:not(.egr-viewport-body) #elate-panel .elate-menu-footer{
  padding:19px 17px calc(19px + env(safe-area-inset-bottom,0px))!important;
 }
 body:not(.egr-viewport-body) #elate-panel .elate-nav-ul > li > a{
  font-size:15px!important;padding:11px 40px 11px 5px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 body:not(.egr-viewport-body) #elate-panel{transition:none!important}
}