/* Winkelarchieven (productcategorie + attribuutpagina's) — Atelier Lief Papier.
   Zelfde ontwerpsysteem als de winkel (alp-winkel.css), de productpagina en het artikel. Divi/Woo injecteren
   eigen regels voor koppen, lijsten, knoppen en formulieren: daarom staat text-align/padding/margin/font
   expliciet op alles wat het thema raakt. Geen SVG-filters, mix-blend-mode of backdrop-filter (Safari). */

.alp-tax{
--papier-0:#FFFFFF;--papier-50:#F9F7F2;--papier-100:#F4F1E8;--papier-200:#EBE6D9;--papier-300:#DED7C6;
--inkt-900:#2C2C2C;--inkt-800:#3A3936;--inkt-700:#4E4C46;--inkt-600:#6B6860;--inkt-400:#8F8B81;
--goud-100:#F6EFDF;--goud-200:#EEDFC1;--goud-300:#E1C699;--goud-400:#D0B183;--goud-600:#A6854F;--goud-700:#8A6E3F;--goud-800:#6E5730;
--text-heading:#2C2C2C;--text-body:#4E4C46;--text-muted:#6B6860;--text-accent:#8A6E3F;--line-hairline:#DED7C6;
--font-display:'Cormorant Garamond',Georgia,serif;--font-body:'Mulish',system-ui,sans-serif;
--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;
--display-sm:clamp(1.5rem,1.3rem + 1vw,1.875rem);--display-lg:clamp(2.25rem,1.7rem + 2.6vw,3.5rem);
--weight-light:300;--tracking-eyebrow:.18em;
--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;
--section-y:clamp(2.5rem,6vw,5rem);--gutter:clamp(1.125rem,4vw,3rem);--container:1240px;
--radius-sm:3px;--radius-md:5px;--shadow-card:0 2px 10px rgba(74,62,40,.06);
--ease-out:cubic-bezier(.22,.61,.36,1);--dur-base:240ms;
display:block;position:relative;isolation:isolate;
font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--text-body);background:var(--papier-50);text-align:left}
.alp-tax *,.alp-tax *::before,.alp-tax *::after{box-sizing:border-box}
.alp-tax img{display:block;max-width:100%;height:auto;border:0}
.alp-tax h1,.alp-tax h2,.alp-tax h3,.alp-tax h4{font-family:var(--font-display);font-weight:var(--weight-light);color:var(--text-heading);margin:0;padding:0;line-height:1.15;letter-spacing:0;text-transform:none;text-align:left;text-wrap:pretty}
.alp-tax p,.alp-tax ul,.alp-tax ol,.alp-tax li,.alp-tax fieldset,.alp-tax legend{margin:0;padding:0}
.alp-tax ul,.alp-tax ol{list-style:none}
.alp-tax fieldset{border:0;min-width:0}
.alp-tax a{color:var(--goud-700);text-decoration:none}
.alp-tax a:hover{color:var(--goud-800);text-decoration:underline}
.alp-tax button{font:inherit;color:inherit}
.alp-tax :focus-visible{outline:2px solid var(--goud-600);outline-offset:2px}
.alp-tax .wrap{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}
.alp-tax .eyebrow{font-size:var(--text-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-accent);line-height:1.6}
.alp-tax [hidden]{display:none!important}

/* ---------- kop ---------- */
.alp-tax .hero{background:var(--papier-100);border-bottom:1px solid var(--line-hairline);padding-bottom:var(--section-y)}
.alp-tax .crumb{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:var(--text-xs);line-height:1.6;color:var(--text-muted);padding-top:3.25rem;padding-bottom:var(--space-8)} /* het ronde logo van Divi hangt onder de vaste header */
.alp-tax .crumb a{color:var(--text-muted)}
.alp-tax .crumb span{color:var(--inkt-400)}
.alp-tax .crumb b{font-weight:400;color:var(--text-heading)}
.alp-tax .hero h1{font-size:var(--display-lg);margin-top:var(--space-3);max-width:24ch}
.alp-tax .hero .lead{margin-top:var(--space-6);max-width:62ch;font-size:var(--text-md);line-height:1.75;color:var(--text-body)}
.alp-tax .hero .lead p{font-size:inherit;line-height:inherit}
.alp-tax .hero .lead p+p{margin-top:var(--space-4)}
.alp-tax .hero .lead a{text-decoration:underline}
.alp-tax .hero .lead strong,.alp-tax .hero .lead b{font-weight:600;color:var(--inkt-900)}
.alp-tax .hero .meta{margin-top:var(--space-6);font-size:var(--text-xs);line-height:1.6;color:var(--text-muted)}

/* ---------- chips ---------- */
.alp-tax .chips{background:var(--papier-0);border-bottom:1px solid var(--line-hairline)}
.alp-tax .chips ul{display:flex;gap:var(--space-2);padding:var(--space-5) 0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.alp-tax .chips ul::-webkit-scrollbar{height:0}
@media (min-width:900px){.alp-tax .chips ul{flex-wrap:wrap;overflow:visible}}
.alp-tax .chips li{flex:0 0 auto}
.alp-tax .chips a{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:0 1rem;border:1px solid var(--line-hairline);border-radius:999px;background:var(--papier-50);font-size:var(--text-sm);color:var(--text-body);white-space:nowrap}
.alp-tax .chips a span{color:var(--text-muted);font-size:var(--text-xs)}
.alp-tax .chips a:hover{border-color:var(--goud-400);background:var(--goud-100);color:var(--inkt-900);text-decoration:none}
.alp-tax .chips a[aria-current=page]{border-color:var(--inkt-900);background:var(--inkt-900);color:var(--papier-50)}
.alp-tax .chips a[aria-current=page] span{color:var(--papier-300)}

/* ---------- subcategorie-tegels (bovenliggende categorieën) ---------- */
.alp-tax .hub{padding:var(--section-y) 0}
.alp-tax .hub__grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
.alp-tax .tile{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:var(--papier-0);border:1px solid var(--line-hairline);border-radius:var(--radius-md);color:var(--text-body);transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}
.alp-tax .tile:hover{border-color:var(--goud-300);box-shadow:var(--shadow-card);color:var(--text-body);text-decoration:none}
.alp-tax .tile__n{font-size:var(--text-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-accent)}
.alp-tax .tile__t{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.2;color:var(--text-heading)}
.alp-tax .tile__d{font-size:var(--text-sm);line-height:1.7;color:var(--text-muted)}
.alp-tax .tile__go{margin-top:auto;padding-top:var(--space-3);font-size:var(--text-sm);color:var(--goud-700)}

/* ---------- filter ---------- */
.alp-tax .results{padding:var(--section-y) 0}
.alp-tax .filters{margin-bottom:var(--space-8);padding-bottom:var(--space-5);border-bottom:1px solid var(--papier-300)}
.alp-tax .filters summary{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;padding:0 1.2rem;border:1px solid var(--line-hairline);border-radius:999px;background:var(--papier-0);cursor:pointer;list-style:none;font-size:var(--text-sm);color:var(--text-body)}
.alp-tax .filters summary::-webkit-details-marker{display:none}
.alp-tax .filters summary::after{content:"+";color:var(--goud-700);font-size:1rem;line-height:1}
.alp-tax .filters[open] summary::after{content:"–"}
.alp-tax .filters summary:hover{border-color:var(--goud-400);background:var(--goud-100)}
.alp-tax .filters__badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;height:1.4rem;padding:0 .35rem;border-radius:999px;background:var(--inkt-900);color:var(--papier-50);font-size:var(--text-xs);font-weight:600}
.alp-tax .filters__body{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-5) var(--space-10);margin-top:var(--space-5)}
.alp-tax .fgroup legend{font-size:var(--text-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-accent);margin-bottom:var(--space-3);padding:0}
.alp-tax .pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.alp-tax .pill{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:0 1rem!important;border:1px solid var(--line-hairline)!important;border-radius:999px!important;background:var(--papier-0)!important;font-size:var(--text-sm)!important;line-height:1.2!important;color:var(--text-body)!important;cursor:pointer;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}
.alp-tax .pill span{color:var(--text-muted);font-size:var(--text-xs)}
.alp-tax .pill:hover{border-color:var(--goud-400)!important;background:var(--goud-100)!important}
.alp-tax .pill[aria-pressed=true]{border-color:var(--inkt-900)!important;background:var(--inkt-900)!important;color:var(--papier-50)!important}
.alp-tax .pill[aria-pressed=true] span{color:var(--papier-300)}
.alp-tax .filters__clear{align-self:flex-end;min-height:40px;padding:0 .25rem!important;background:none!important;border:0!important;font-size:var(--text-sm)!important;color:var(--goud-700)!important;text-decoration:underline;cursor:pointer}
@media (scripting:none){.alp-tax .filters{display:none}}

/* ---------- producten ---------- */
.alp-tax .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,158px),1fr));gap:var(--space-4)}
@media (min-width:640px){.alp-tax .grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:var(--space-6)}}
.alp-tax .p{display:flex;flex-direction:column;background:var(--papier-0);border:1px solid var(--line-hairline);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}
.alp-tax .p:hover{border-color:var(--goud-300);box-shadow:var(--shadow-card)}
.alp-tax .p__a{display:flex;flex-direction:column;flex:1;color:inherit;text-decoration:none}
.alp-tax .p__a:hover{text-decoration:none;color:inherit}
.alp-tax .p__frame{display:block;position:relative;overflow:hidden}
.alp-tax .p__frame img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform 700ms var(--ease-out)}
.alp-tax .p:hover .p__frame img{transform:scale(1.02)}
.alp-tax .p__badge{position:absolute;top:var(--space-3);left:var(--space-3);background:var(--papier-50);border:1px solid var(--goud-300);color:var(--goud-700);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;padding:.3rem .55rem;border-radius:var(--radius-sm)}
.alp-tax .p__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);flex:1}
@media (min-width:640px){.alp-tax .p__body{padding:var(--space-5)}}
.alp-tax .p__title{font-family:var(--font-display);font-size:var(--text-md);line-height:1.25;color:var(--text-heading)}
.alp-tax .p__meta{font-size:var(--text-xs);color:var(--text-muted)}
.alp-tax .p__price{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-heading);margin-top:auto;padding-top:var(--space-3)}
.alp-tax .p__price .woocommerce-Price-amount,.alp-tax .p__price bdi{font:inherit;color:inherit}
.alp-tax .p__price del{color:var(--inkt-400);font-size:var(--text-md);margin-right:.4rem}
.alp-tax .p__price ins{text-decoration:none;background:none}
.alp-tax .p__cart{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0 var(--space-4) var(--space-4);padding:0 1rem;background:var(--goud-300);border:1px solid var(--goud-300);border-radius:var(--radius-md);color:var(--inkt-900);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:background var(--dur-base) var(--ease-out)}
@media (min-width:640px){.alp-tax .p__cart{margin:0 var(--space-5) var(--space-5)}}
.alp-tax .p__cart:hover{background:var(--goud-400);border-color:var(--goud-400);color:var(--inkt-900);text-decoration:none}
.alp-tax .p__stock{padding:0 var(--space-4) var(--space-3);font-size:var(--text-xs);color:var(--goud-700)}
.alp-tax .none{padding:var(--space-8) 0;text-align:center;font-size:var(--text-md);color:var(--text-muted)}
.alp-tax .empty{max-width:52ch;margin:0 auto;text-align:center;padding:var(--space-8) 0}
.alp-tax .empty h2{font-size:var(--display-sm);text-align:center}
.alp-tax .empty p{margin-top:var(--space-4);font-size:var(--text-md);line-height:1.75}
.alp-tax .empty__btns{display:flex;justify-content:center;margin-top:var(--space-6)}

/* ---------- paginering ---------- */
.alp-tax .pager{margin-top:var(--space-12)}
.alp-tax .pager ul{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}
.alp-tax .pager a,.alp-tax .pager span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 1rem;border:1px solid var(--line-hairline);border-radius:var(--radius-md);background:var(--papier-0);font-size:var(--text-sm);color:var(--text-body)}
.alp-tax .pager a:hover{border-color:var(--goud-400);background:var(--goud-100);text-decoration:none;color:var(--inkt-900)}
.alp-tax .pager .current{background:var(--inkt-900);border-color:var(--inkt-900);color:var(--papier-50)}

/* ---------- knoppen + hulpband ---------- */
.alp-tax .btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 1.4rem;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;line-height:1.2;cursor:pointer;text-align:center}
.alp-tax .btn--gold{background:linear-gradient(180deg,#E1C699,#BE9C67);border:1px solid var(--goud-400);color:var(--inkt-900)}
.alp-tax .btn--gold:hover{background:linear-gradient(180deg,#D0B183,#AE8C58);border-color:var(--goud-600);color:var(--inkt-900);text-decoration:none}
.alp-tax .help{background:var(--inkt-900);color:var(--papier-50);padding:var(--section-y) 0;text-align:center}
.alp-tax .help h2{color:var(--papier-50);font-size:var(--display-sm);text-align:center}
.alp-tax .help p{margin:var(--space-4) auto 0;max-width:48ch;font-size:var(--text-sm);line-height:1.7;color:var(--papier-300)}
.alp-tax .help__btns{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-8)}
.alp-tax .help__btns a{min-height:48px;display:inline-flex;align-items:center;padding:0 1.6rem;border:1px solid var(--papier-300);border-radius:999px;color:var(--papier-50);font-size:var(--text-sm)}
.alp-tax .help__btns a:hover{border-color:var(--goud-300);color:var(--goud-200);text-decoration:none}
@media (prefers-reduced-motion:reduce){.alp-tax *{transition-duration:1ms!important;animation:none!important}}