/* Arjen Verhuurt, ronde 2 (09-11-2026): correcties bovenop arjen.css. */
/* Het thema gebruikt --color-accent voor knoppen; houd die in Arjens rood en gebruik --color-dark voor donkere vlakken. */
:root{--color-accent:#eb565c;--color-dark:#2d2d2d;--color-focus:#2d2d2d}
.ax-footer,.ax-btn--dark,.ax-cta--dark .ax-cta__box,.fx-dark{background:var(--color-dark)}
.ax-btn--dark:hover{background:#000}
.trust-lines li::before,.faq summary::after,.eyebrow{color:var(--color-brand)}
.ax-pricebox .rental-steps li{background:var(--color-bg)}
.ax-nav a,.ax-header__quote{white-space:nowrap}
.ax-cart span.is-zero{display:none}
/* Webshop: categoriemenu links */
.ax-catnav{display:grid;gap:.15rem;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--color-line)}
.ax-catnav h3{margin:0 0 .4rem}
.ax-catnav a{display:block;padding:.5rem .7rem;border-radius:var(--radius-control);color:var(--color-ink);text-decoration:none;min-height:40px}
.ax-catnav a:hover{background:#fff;color:var(--color-brand)}
.ax-catnav__item{font-weight:600}
.ax-catnav__sub{padding-left:1.4rem!important;font-size:.92rem;color:var(--color-ink-muted)!important}
.ax-catnav a.is-active{background:#fff;color:var(--color-brand)!important;box-shadow:inset 3px 0 0 var(--color-brand)}
.ax-fold{margin-bottom:1rem}
.ax-fold>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:44px;font-weight:700;color:var(--color-ink-heading)}
.ax-fold>summary::-webkit-details-marker{display:none}
.ax-fold>summary::after{content:"";width:.5rem;height:.5rem;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);margin-right:.4rem;transition:transform var(--motion-fast)}
.ax-fold[open]>summary::after{transform:rotate(-135deg)}
@media (max-width:899px){.ax-fold{background:#fff;border:1px solid var(--color-line);border-radius:var(--radius-card);padding:0 1rem}.ax-fold[open]{padding-bottom:1rem}.ax-catnav{border-bottom:0;margin-bottom:0;padding-bottom:0}}
/* Ronde 4: minimale header met megamenu onder Assortiment */
.ax-utility__inner{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.25rem 1.25rem}
.ax-utility a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px;padding-block:.15rem}
@media (max-width:767px){.ax-utility__text{display:none}.ax-utility{white-space:normal}}
@media (min-width:1024px){.ax-nav{display:block}.ax-mmenu{display:none}.ax-header__quote{display:inline-flex}}
@media (max-width:1023px){.ax-search-link{display:none}}
.ax-nav ul{gap:1.75rem}
.ax-nav__mega>a::after{content:"";display:inline-block;width:.4rem;height:.4rem;margin-left:.45rem;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-3px) rotate(45deg);transition:transform var(--motion-fast)}
.ax-nav__mega.is-open>a{color:var(--color-brand)}
.ax-nav__mega.is-open>a::after{transform:translateY(1px) rotate(-135deg)}
.ax-mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-block:1px solid var(--color-line);box-shadow:var(--shadow-raised);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity var(--motion-fast),transform var(--motion-fast),visibility var(--motion-fast);z-index:30}
.ax-nav__mega.is-open .ax-mega,.ax-nav__mega:focus-within .ax-mega{opacity:1;visibility:visible;transform:none}
.ax-mega__inner{display:grid;grid-template-columns:minmax(0,1fr) 15rem;gap:2.5rem;padding-block:2rem 2.25rem}
.ax-mega__cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem 2rem}
.ax-mega__col{display:grid;gap:.1rem;align-content:start}
.ax-nav .ax-mega__col a{font-weight:500;font-size:.93rem;color:var(--color-ink-muted);padding:.3rem 0}
.ax-nav .ax-mega__col a:hover{color:var(--color-brand)}
.ax-nav .ax-mega__col .ax-mega__title,.ax-mega__title{font-weight:700;font-size:1rem;color:var(--color-ink-heading);margin-bottom:.3rem}
.ax-mega__side{border-left:1px solid var(--color-line);padding-left:2rem;display:grid;gap:1.25rem;align-content:start}
.ax-nav a.ax-mega__all{color:var(--color-brand-fg);justify-self:start}
.ax-mega__note{margin:0;font-size:.88rem;color:var(--color-ink-muted)}
/* Ronde 5: categorietegels op home als één horizontaal scrollbare rij */
.ax-cards--category .ax-cards__grid{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--container-pad);padding:.25rem .25rem 1rem;margin-inline:-.25rem;scrollbar-width:thin;scrollbar-color:var(--color-line-strong) transparent;-webkit-overflow-scrolling:touch}
.ax-cards--category .ax-cards__grid>li{flex:0 0 clamp(13rem,70vw,16.5rem);scroll-snap-align:start}
.ax-cards--category .ax-cards__grid::-webkit-scrollbar{height:6px}
.ax-cards--category .ax-cards__grid::-webkit-scrollbar-thumb{background:var(--color-line-strong);border-radius:999px}
@media (min-width:1024px){.ax-cards--category .ax-cards__grid>li{flex-basis:calc((100% - 4rem)/4.4)}}
