/* AN-Store 1.1.3 — layout alignment, larger shop filters, drawer hardening, cookie footer control. */

/* 1) Content width from the layout box (100%), not the viewport (100vw): with classic scrollbars
      (Windows/macOS "always show") 100vw includes the scrollbar and shifted all content ~8px left
      of the header logo. */
:root{--max-wide:min(100% - (2 * var(--page-gutter)), var(--page-max))}
/*    Header logo, nav row and page content share one left edge at every width
      (header inner = page content box: max --page-max plus the gutter on both sides). */
body .site-header.an-store-hdr .an-store-hdr-main,
body .an-store-hdr-nav-list{max-width:calc(var(--page-max,1600px) + 2 * var(--page-gutter,2.5rem))}

/* 2) Shop / category toolbar: larger filter button, chips, sort and view controls (one step larger). */
@media (min-width:900px){
  .an-store-shop-toolbar{margin-top:.35rem;margin-bottom:1.6rem}
  .an-store-shop-toolbar-row{gap:.75rem;min-height:3rem}
  .an-store-shop-toolbar .an-store-shop-filter-btn{min-height:2.9rem;height:auto;padding:.6rem 1.25rem!important;font-size:.95rem!important;font-weight:600;gap:.55rem;border-radius:999px}
  .an-store-shop-toolbar .an-store-shop-filter-btn svg{width:18px;height:18px}
  .an-store-shop-chips{gap:.55rem}
  .an-store-shop-chips .an-store-shop-chip,.an-store-shop-chips .an-store-shop-chip-more{min-height:2.75rem;height:auto;padding:.55rem 1.15rem!important;font-size:.92rem!important;font-weight:550;border-radius:999px;line-height:1.25}
  .an-store-shop-toolbar .an-store-shop-sort-btn{min-height:2.75rem;height:auto;padding:.55rem 1.1rem!important;font-size:.92rem!important;font-weight:600}
  .an-store-shop-toolbar .an-store-shop-col-btn{width:2.75rem;height:2.75rem}
  .an-store-shop-toolbar .an-store-shop-count{font-size:.9rem}
  .an-store-shop-active-chip,.an-store-shop-active-reset{font-size:.88rem!important;min-height:2.4rem}
}
@media (max-width:899px){
  .an-store-shop-toolbar .an-store-shop-filter-btn{min-height:2.75rem;height:auto;padding:.55rem 1.1rem!important;font-size:.92rem!important;font-weight:600}
  .an-store-shop-chips .an-store-shop-chip,.an-store-shop-chips .an-store-shop-chip-more{min-height:2.6rem;height:auto;padding:.5rem 1rem!important;font-size:.88rem!important}
  .an-store-shop-toolbar .an-store-shop-sort-btn{min-height:2.6rem;height:auto;font-size:.88rem!important}
}
/* Filter drawer: larger labels and controls. */
#an-store-shop-filter-sheet,.an-store-filter-sheet{font-size:1rem}

/* 3) Drawers (off-canvas): stable placement regardless of theme/plugin CSS on the live site. */
/* (no scrollbar-gutter: canvas.js already compensates the scrollbar width when locking scroll) */
html:has(body.an-store-canvas-open){overflow:hidden}
body.an-store-canvas-open{overflow:hidden!important;overscroll-behavior:none}
#an-store-canvas-root{position:relative!important;z-index:100220!important;transform:none!important;filter:none!important;perspective:none!important;contain:none!important;margin:0!important;padding:0!important;inset:auto!important;width:auto!important;height:auto!important}
#an-store-canvas-root .an-store-canvas-backdrop{position:fixed!important;inset:0!important;margin:0!important;z-index:100200!important}
#an-store-canvas-root .an-store-canvas{position:fixed!important;margin:0!important;box-sizing:border-box!important;float:none!important;min-width:0;min-height:0;overscroll-behavior:contain}
#an-store-canvas-root .an-store-canvas *,#an-store-canvas-root .an-store-canvas *::before,#an-store-canvas-root .an-store-canvas *::after{box-sizing:border-box}
#an-store-canvas-root .an-store-canvas .an-store-canvas-body,#an-store-canvas-root .an-store-canvas [data-an-store-legal-body]{overscroll-behavior:contain}
/* Floating desktop drawers start below the WordPress admin bar (logged-in admins / preview). */
@media (min-width:900px){
  body.admin-bar #an-store-canvas-root .an-store-canvas{top:calc(.85rem + 32px)!important;max-height:calc(100dvh - 1.7rem - 32px)}
}
/* RTL: drawers mirror sides. */
html[dir=rtl] #an-store-canvas-root .an-store-canvas[data-side=right]{right:auto;left:0}
html[dir=rtl] #an-store-canvas-root .an-store-canvas[data-side=left]{left:auto;right:0}
@media (min-width:900px){
  html[dir=rtl] #an-store-canvas-root .an-store-canvas[data-side=right]{left:.85rem}
  html[dir=rtl] #an-store-canvas-root .an-store-canvas[data-side=left]{right:.85rem}
}
html[dir=rtl] #an-store-canvas-root .an-store-canvas[data-side=right]:not(.is-active):not(.is-under){transform:translateX(-105%)}
html[dir=rtl] #an-store-canvas-root .an-store-canvas[data-side=left]:not(.is-active):not(.is-under){transform:translateX(105%)}

/* Legal drawer + shipping fold content. */
#an-store-canvas-legal [data-an-store-legal-body]{font-size:.95rem;line-height:1.65}
#an-store-canvas-legal [data-an-store-legal-body] h1{font-size:1.35rem!important;margin:0 0 .75rem}
#an-store-canvas-legal [data-an-store-legal-body] h2{font-size:1.12rem!important;margin:1.3rem 0 .5rem}
#an-store-canvas-legal [data-an-store-legal-body] h3{font-size:1rem!important;margin:1.1rem 0 .4rem}
#an-store-canvas-legal [data-an-store-legal-body] ul{padding-inline-start:1.2rem;margin:0 0 1rem}
#an-store-canvas-legal [data-an-store-legal-body] a{color:#000;text-decoration:underline;overflow-wrap:anywhere}
.an-store-binding-note{font-size:.85rem;color:#555;border:1px solid #e5e5e5;border-radius:12px;padding:.6rem .8rem;margin:0 0 1rem}
.an-store-pdp-fold-list{margin:.25rem 0 .8rem;padding-inline-start:1.15rem}
.an-store-pdp-fold-list li{margin:0 0 .3rem;line-height:1.55}

/* 4) Footer "Cookie-Einstellungen" control in the legal row. */
body.an-store-fs .footer-legal .an-store-cc-footer-btn{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;gap:.35rem;margin:0;padding:0;border:0;background:none;font:inherit;font-size:.8rem!important;font-weight:500!important;color:var(--fs-mut,#666)!important;line-height:1.5!important;cursor:pointer}
body.an-store-fs .footer-legal .an-store-cc-footer-btn:hover{color:var(--fs-ink,#000)!important;text-decoration:underline;text-underline-offset:3px}