/* ZERA Edition v0.6 interface; overlay uses parent Blocksy menu functionality. */
#header,.ct-header{position:relative}
@media(min-width:1000px){
  #header,.ct-header{position:sticky;top:0;z-index:90}
  body.admin-bar #header,body.admin-bar .ct-header{top:32px}
}
.zera-header-actions{position:absolute;right:clamp(72px,7vw,125px);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;z-index:105}
.zera-action{display:inline-flex;align-items:center;justify-content:center;position:relative;width:36px;height:36px;border:0;background:transparent;color:#182c3b;text-decoration:none;border-radius:50%;cursor:pointer;padding:7px}
.zera-action:hover,.zera-action:focus-visible{background:#f1ebe3;color:#88633c;outline-offset:2px}
.zera-cart-count{position:absolute;top:-2px;right:-3px;border-radius:12px;background:#a78054;color:#fff;min-width:17px;height:17px;line-height:17px;text-align:center;font-size:10px}
.zera-search-popover{position:absolute;top:calc(100% + 15px);right:0;width:min(360px,calc(100vw - 30px));padding:17px;border-radius:14px;background:rgba(255,252,248,.98);box-shadow:0 15px 40px rgba(16,33,44,.14);border:1px solid #e9e0d5;color:#182c3b}
.zera-search-popover[hidden]{display:none!important}
.zera-search-popover label{display:block;font-weight:600;font-size:13px;margin-bottom:8px}
.zera-search-fields{display:flex;gap:8px}
.zera-search-fields input{width:100%;min-width:0;height:40px;border:1px solid #ddd2c5;border-radius:8px;padding:0 10px;color:#152a39;background:#fff}
.zera-search-fields button{background:#173040;color:#fff;border:0;border-radius:8px;padding:0 14px;cursor:pointer}
@media(max-width:999px){
  body.zera-mobile-sticky #header,body.zera-mobile-sticky .ct-header{position:sticky;top:0;z-index:90}
  body.admin-bar.zera-mobile-sticky #header,body.admin-bar.zera-mobile-sticky .ct-header{top:0}
  .zera-header-actions{right:61px;gap:0}
  .zera-action{width:34px;height:34px;padding:7px}
  .zera-action svg{width:19px;height:19px}
  /* Customize only paint and typography; leave native Blocksy offcanvas sizing and toggle mechanics untouched. */
  [data-panel="offcanvas"] .ct-panel-inner,[data-panel="offcanvas"] .ct-panel-content,
  #offcanvas .ct-panel-inner,#offcanvas .ct-panel-content{background:rgba(251,248,243,.98)!important;color:#1d3444!important}
  [data-panel="offcanvas"] .mobile-menu a,#offcanvas .mobile-menu a{font-size:16px!important;line-height:1.45!important;color:#203747!important}
  [data-panel="offcanvas"] .mobile-menu .sub-menu a,#offcanvas .mobile-menu .sub-menu a{font-size:14px!important}
  [data-panel="offcanvas"] .ct-toggle-close,#offcanvas .ct-toggle-close{color:#203747!important}

}
@media(max-width:400px){
  .zera-header-actions{right:52px}
  .zera-action{width:31px;height:33px;padding:6px}
}

/* v0.8: keep header tools visibly accessible over the header on both viewports. */
@media(min-width:1000px){.zera-header-actions{right:18px}.ct-header [data-row]>.ct-container{padding-right:118px}}
@media(max-width:999px){.zera-header-actions{right:65px}.zera-action{background:rgba(255,255,255,.8)}}
.zera-add-cart{display:inline-flex;align-items:center;justify-content:center;background:#1b3443;color:#fff!important;border-radius:7px;padding:8px 12px;font-weight:600}
.zera-add-cart:hover{background:#a17848;color:#fff!important}
/* v0.9: independent device header controls, no offcanvas sizing overrides. */
#zera-header-actions{display:none}
#header [data-device="desktop"] .ct-container,
#header [data-device="mobile"] .ct-container{position:relative}
#header .zera-header-actions{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:3px;z-index:80;white-space:nowrap}
#header .zera-actions-desktop{right:6px}
#header [data-device="desktop"] .ct-container:has(.zera-actions-desktop){padding-right:132px}
#header .zera-actions-mobile{right:53px}
#header .zera-actions-mobile .zera-action{width:33px;height:35px;padding:6px}
#header .zera-actions-mobile .zera-action svg{width:19px;height:19px}
#header .zera-header-actions .zera-search-popover{top:calc(100% + 14px);right:0;transform:none;z-index:200}
#header .zera-header-actions .zera-search-popover[hidden]{display:none!important}
@media(max-width:375px){#header .zera-actions-mobile{right:48px;gap:0}#header .zera-actions-mobile .zera-action{width:29px;padding:5px}}
/* Native Blocksy mobile menu controls remain fully owned by Blocksy. */
@media(max-width:999px){
 [data-panel="offcanvas"] .ct-panel-inner,[data-panel="offcanvas"] .ct-panel-content,#offcanvas .ct-panel-inner,#offcanvas .ct-panel-content{background:rgba(251,248,243,.97)!important}
 [data-panel="offcanvas"] .mobile-menu a,#offcanvas .mobile-menu a{color:#253846!important;font-size:15px!important}
}
#header .zera-actions-fallback{right:55px}
@media(min-width:1000px){#header .zera-actions-fallback{right:18px}}