/* Sigase-stijl voor de hele webshop (thema Miniture + Kitify + WooCommerce).
   Alleen actief op body.sgh-site; kleuren en fonts uit de .sgh tokens van sgh.css. */
body.sgh-site{
  --petrol:#00444F; --petrol-2:#0b5a66; --lime:#9FC63B; --lime-soft:#eef6dc;
  --ink:#12212f; --mut:#5d7285; --line:#dde5e7; --soft:#f4f8f8;
  --f-display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  --f-body:"Figtree",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:var(--soft);color:var(--ink);font-family:var(--f-body);
}
body.sgh-site .sgh-chrome{font:400 16px/1.55 var(--f-body);color:var(--ink)}
body.sgh-site .sgh-chrome header.site{position:sticky;top:0;z-index:99}
body.admin-bar.sgh-site .sgh-chrome header.site{top:32px}
@media (max-width:782px){body.admin-bar.sgh-site .sgh-chrome header.site{top:46px}}

/* Typografie */
body.sgh-site h1,body.sgh-site h2,body.sgh-site h3,body.sgh-site h4,
body.sgh-site .product_title,body.sgh-site .page-title,body.sgh-site .woocommerce-products-header__title{
  font-family:var(--f-display);color:var(--petrol);letter-spacing:-.01em
}
body.sgh-site a{color:var(--petrol)}
body.sgh-site a:hover{color:var(--petrol-2)}

/* Paginatitel + kruimelpad */
body.sgh-site .kitify-breadcrumbs{background:#fff;border-bottom:1px solid var(--line)}
body.sgh-site .kitify-breadcrumbs .page-title,body.sgh-site .kitify-breadcrumbs h1{font-weight:800;font-size:clamp(28px,3.4vw,42px)}
body.sgh-site .kitify-breadcrumbs a{color:var(--mut)}

/* Categorie-tegels */
body.sgh-site li.product-category .nova-banner-box{border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line);transition:border-color .15s,transform .15s}
body.sgh-site li.product-category .nova-banner-box:hover{border-color:var(--petrol);transform:translateY(-3px)}
body.sgh-site li.product-category .woocommerce-loop-category__title{font:700 16px/1.3 var(--f-body)!important;color:var(--ink)!important}
body.sgh-site li.product-category .woocommerce-loop-category__title .count{background:var(--lime-soft);color:var(--petrol);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700}

/* Productkaarten */
body.sgh-site li.product .product-item{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;height:100%;transition:border-color .15s,box-shadow .15s}
body.sgh-site li.product .product-item:hover{border-color:var(--petrol);box-shadow:0 14px 30px -18px rgba(0,68,79,.45)}
body.sgh-site li.product .product-item__thumbnail{background:#fff}
body.sgh-site li.product .product-item__description{padding:14px 16px 16px;border-top:1px solid var(--line)}
body.sgh-site .woocommerce-loop-product__title{font:600 15px/1.35 var(--f-body)!important;color:var(--ink)!important;letter-spacing:0}
body.sgh-site li.product .price,body.sgh-site li.product .price .amount{font:800 18px/1.1 var(--f-display);color:var(--petrol)!important}
body.sgh-site li.product .price del .amount{font:500 13px var(--f-body);color:var(--mut)!important}
body.sgh-site li.product .price ins{text-decoration:none}
body.sgh-site .product-item__badges .onsale,body.sgh-site .onsale{background:var(--lime)!important;color:var(--petrol)!important;border-radius:999px;font-weight:800}
body.sgh-site .product-item__description--popcard .button{background:var(--petrol)!important;color:#fff!important;border-radius:999px!important}
body.sgh-site .product-item__description--top-actions a{background:#fff;color:var(--petrol);border-radius:50%}

/* Knoppen (overal) */
body.sgh-site .button,body.sgh-site button.button,body.sgh-site a.button,body.sgh-site input.button,
body.sgh-site .single_add_to_cart_button,body.sgh-site .checkout-button,body.sgh-site #place_order,
body.sgh-site .wc-block-components-button{
  background:var(--petrol)!important;border-color:var(--petrol)!important;color:#fff!important;
  border-radius:999px!important;font:700 15px/1 var(--f-body)!important;text-transform:none!important;letter-spacing:0!important;
  padding:14px 22px!important;transition:transform .15s,background .15s
}
body.sgh-site .button:hover,body.sgh-site .single_add_to_cart_button:hover,body.sgh-site .checkout-button:hover{transform:translateY(-2px);background:var(--petrol-2)!important}
body.sgh-site .checkout-button,body.sgh-site #place_order{background:var(--lime)!important;border-color:var(--lime)!important;color:var(--petrol)!important}

/* Productpagina */
body.sgh-site.single-product .product_title{font-weight:800;font-size:clamp(26px,3vw,38px);line-height:1.1}
body.sgh-site.single-product .summary .price,body.sgh-site.single-product .kitify-product-price .price{font:800 28px/1.1 var(--f-display)!important;color:var(--petrol)!important}
body.sgh-site.single-product .quantity .qty{border:1.5px solid var(--line);border-radius:999px}
body.sgh-site .nova-woocommerce-tabs .tabs-title a{font:700 15px var(--f-body);color:var(--mut)}
body.sgh-site .nova-woocommerce-tabs .tabs-title.is-active a,body.sgh-site .nova-woocommerce-tabs .tabs-title a[aria-selected="true"]{color:var(--petrol);box-shadow:inset 0 -3px 0 var(--lime)}
body.sgh-site .variable-items-wrapper .variable-item.selected{box-shadow:0 0 0 2px var(--petrol)!important}

/* Filters en zijbalk */
body.sgh-site .kitify-sidebar .widget-title,body.sgh-site .yith-wcan-filter .filter-title{font:700 12px var(--f-body)!important;letter-spacing:.7px;text-transform:uppercase;color:var(--petrol)!important}
body.sgh-site .yith-wcan-filter .filter-item.active>a,body.sgh-site .yith-wcan-filter .filter-item.active label{color:var(--petrol);font-weight:700}

/* Formulieren, winkelwagen en afrekenen */
body.sgh-site input[type=text],body.sgh-site input[type=email],body.sgh-site input[type=tel],body.sgh-site input[type=password],
body.sgh-site select,body.sgh-site textarea{border:1.5px solid var(--line);border-radius:10px}
body.sgh-site input:focus,body.sgh-site select:focus,body.sgh-site textarea:focus{border-color:var(--petrol);outline:none}
body.sgh-site .woocommerce-cart-form,body.sgh-site .cart_totals,body.sgh-site .woocommerce-checkout-review-order{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
body.sgh-site .woocommerce-message,body.sgh-site .woocommerce-info{border-top-color:var(--lime)!important;background:var(--lime-soft)!important;color:var(--ink)}
body.sgh-site .woocommerce-message::before,body.sgh-site .woocommerce-info::before{color:var(--petrol)!important}

/* Paginering */
body.sgh-site .woocommerce-pagination .page-numbers li .current{background:var(--petrol);color:#fff;border-radius:50%}

/* ── v1.2: kopblok categorie (petrol band i.p.v. badkamerfoto) ── */
body.sgh-site .elementor-location-archive .e-con-full:has(> .elementor-element .kitify-breadcrumbs),
body.sgh-site .elementor-location-archive .elementor-element-ad0b3be{
  background:var(--petrol) url('img/benito_point.webp') no-repeat right max(4%,calc(50% - 600px)) bottom / auto 88% !important;
  background-color:var(--petrol)!important;min-height:0!important;padding-block:clamp(28px,4vw,48px)!important;
  border-bottom:5px solid var(--lime);position:relative
}
body.sgh-site .elementor-location-archive .e-con-full:has(> .elementor-element .kitify-breadcrumbs)::before,
body.sgh-site .elementor-location-archive .elementor-element-ad0b3be::before{display:none!important}
body.sgh-site .kitify-breadcrumbs{background:transparent!important;border:0!important;padding:0!important;display:flex;flex-direction:column-reverse;gap:10px;max-width:760px}
body.sgh-site .kitify-breadcrumbs__title{font:800 clamp(30px,4.2vw,52px)/1.02 var(--f-display)!important;color:#fff!important;margin:0!important;letter-spacing:-.015em}
body.sgh-site .kitify-breadcrumbs__item-link,body.sgh-site .kitify-breadcrumbs__item-sep,body.sgh-site .kitify-breadcrumbs__item-target{color:#9fc9c9!important;font:600 12px/1 var(--f-body)!important;letter-spacing:.7px;text-transform:uppercase}
body.sgh-site .kitify-breadcrumbs__item-target{color:var(--lime)!important}
body.sgh-site .kitify-breadcrumbs__item-link:hover{color:#fff!important}
@media (max-width:820px){
  body.sgh-site .elementor-location-archive .e-con-full:has(> .elementor-element .kitify-breadcrumbs),
  body.sgh-site .elementor-location-archive .elementor-element-ad0b3be{background-image:none!important}
}

/* ── v1.2: zijbalk categorieën als Sigase-kaart ── */
body.sgh-site .kitify-sidebar .widget_block{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;padding:0!important}
body.sgh-site .kitify-sidebar .widget_block::before{content:"Categorieën";display:block;background:var(--petrol);color:#fff;font:800 18px/1 var(--f-display);padding:16px 18px;border-bottom:4px solid var(--lime)}
body.sgh-site .wc-block-product-categories-list{list-style:none!important;margin:0!important;padding:6px!important}
body.sgh-site .wc-block-product-categories-list--depth-1{padding:2px 0 6px 14px!important;margin:2px 0 4px 12px!important;border-left:2px solid var(--lime-soft)}
body.sgh-site .wc-block-product-categories-list-item{display:grid!important;grid-template-columns:1fr auto auto;align-items:center;gap:6px;margin:0!important;padding:0!important;border-radius:10px}
body.sgh-site .wc-block-product-categories-list-item>a{grid-column:1;padding:9px 10px;border-radius:10px;color:var(--ink)!important;font:600 14.5px/1.25 var(--f-body);text-decoration:none!important}
body.sgh-site .wc-block-product-categories-list-item>a:hover{background:var(--soft);color:var(--petrol)!important}
body.sgh-site .wc-block-product-categories-list--depth-1 .wc-block-product-categories-list-item>a{font-weight:500;font-size:14px;color:var(--mut)!important;padding:7px 10px}
body.sgh-site .wc-block-product-categories-list-item-count{grid-column:3;grid-row:1;font:700 11.5px/1 var(--f-body);color:var(--mut);background:var(--soft);border-radius:999px;padding:4px 8px;margin-right:4px}
body.sgh-site .wc-block-product-categories-list-item-count::before,body.sgh-site .wc-block-product-categories-list-item-count::after{content:none!important}
body.sgh-site .wc-cat-toggle{grid-column:2;grid-row:1;width:26px;height:26px;padding:0!important;border:0!important;border-radius:50%!important;background:var(--soft)!important;color:transparent!important;font-size:0!important;position:relative;cursor:pointer;transition:background .15s,transform .2s;min-height:0!important;box-shadow:none!important}
body.sgh-site .wc-cat-toggle::after{content:"";position:absolute;inset:0;margin:auto;width:7px;height:7px;border-right:2px solid var(--petrol);border-bottom:2px solid var(--petrol);transform:translateY(-2px) rotate(45deg);transition:transform .2s}
body.sgh-site .wc-cat-toggle[aria-expanded="true"]{background:var(--lime-soft)!important}
body.sgh-site .wc-cat-toggle[aria-expanded="true"]::after{transform:translateY(1px) rotate(-135deg)}
body.sgh-site .wc-block-product-categories-list-item>ul{grid-column:1/-1}
body.sgh-site .wc-block-product-categories-list-item.sgh-current>a{background:var(--petrol);color:#fff!important}
body.sgh-site .wc-block-product-categories-list-item.sgh-current>.wc-block-product-categories-list-item-count{background:var(--lime);color:var(--petrol)}
body.sgh-site .wc-block-product-categories-list-item.sgh-open>a{color:var(--petrol)!important;font-weight:700}

/* ── v1.2: werkbalk boven de producten ── */
body.sgh-site .woocommerce-archive-header-inside{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 16px;align-items:center}
body.sgh-site .woocommerce-result-count{color:var(--mut);font:600 14px var(--f-body);margin:0}
body.sgh-site .nova-custom-view li.active a{color:var(--petrol);font-weight:800;border-color:var(--lime)!important}

/* ── v1.2: rustiger achtergrond van de pagina ── */
body.sgh-site .site-content-wrapper,body.sgh-site #site-content{background:var(--soft)}

/* ── v1.2: productpagina ── */
body.sgh-site.single-product p.price,body.sgh-site.single-product p.price .amount{font:800 32px/1.1 var(--f-display)!important;color:var(--petrol)!important}
body.sgh-site.single-product p.price del .amount{font:500 16px var(--f-body)!important;color:var(--mut)!important}
body.sgh-site.single-product .woocommerce-product-gallery{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;overflow:hidden}
body.sgh-site.single-product .quantity{border:1.5px solid var(--line);border-radius:999px;overflow:hidden;background:#fff}
body.sgh-site.single-product .quantity .qty{border:0!important}
body.sgh-site.single-product .kitify-breadcrumbs,body.sgh-site.single-product .woocommerce-breadcrumb{max-width:none}
body.sgh-site.single-product .kitify-breadcrumbs__item-link,body.sgh-site.single-product .kitify-breadcrumbs__item-sep{color:var(--mut)!important}
body.sgh-site.single-product .kitify-breadcrumbs__item-target{color:var(--petrol)!important}
body.sgh-site .nova-product-filter button{background:var(--soft)!important;color:var(--petrol)!important;border-radius:999px!important;font:700 14px var(--f-body)!important}

/* ── v1.3: productpagina zekerheden + controleerlijst (naar Sanitairwinkel) ── */
body.sgh-site .sgh-trust{margin-top:20px;display:grid;gap:14px;font-family:var(--f-body)}
body.sgh-site .sgh-trust .usp{list-style:none;margin:0;padding:0;display:grid;gap:7px}
body.sgh-site .sgh-trust .usp li{position:relative;padding-left:28px;font:600 15px/1.35 var(--f-body);color:var(--ink)}
body.sgh-site .sgh-trust .usp li::before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:var(--lime)}
body.sgh-site .sgh-trust .usp li::after{content:"";position:absolute;left:6px;top:5px;width:5px;height:9px;border:solid var(--petrol);border-width:0 2px 2px 0;transform:rotate(45deg)}
body.sgh-site .sgh-trust .rev,body.sgh-site .sgh-bantip .rev{display:inline-flex;gap:6px;align-items:center;font:500 14px var(--f-body);color:var(--ink);text-decoration:none}
body.sgh-site .sgh-trust .stars,body.sgh-site .sgh-bantip .stars{color:#f5b301;letter-spacing:1px}
body.sgh-site .sgh-trust .check{background:#fff;border:1px solid var(--line);border-left:5px solid var(--lime);border-radius:12px;padding:12px 16px}
body.sgh-site .sgh-trust .check summary{display:flex;align-items:center;gap:10px;cursor:pointer;font:800 16px var(--f-display);color:var(--petrol);list-style:none}
body.sgh-site .sgh-trust .check summary::-webkit-details-marker{display:none}
body.sgh-site .sgh-trust .check summary img{width:34px;height:34px;object-fit:cover;object-position:top;border-radius:50%;background:var(--lime-soft)}
body.sgh-site .sgh-trust .check summary small{margin-left:auto;font:600 11.5px var(--f-body);color:var(--mut);text-transform:uppercase;letter-spacing:.6px}
body.sgh-site .sgh-trust .check ul{margin:10px 0 2px;padding-left:20px;display:grid;gap:6px}
body.sgh-site .sgh-trust .check li{font:500 14.5px/1.45 var(--f-body);color:var(--ink)}
body.sgh-site .sgh-trust .plaats{display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap;background:var(--petrol);color:#fff;border-radius:12px;padding:14px 16px}
body.sgh-site .sgh-trust .plaats b{display:block;font:800 17px var(--f-display);color:#fff}
body.sgh-site .sgh-trust .plaats span{font-size:14px;color:#9fc9c9}
body.sgh-site .sgh-trust .plaats a{background:var(--lime);color:var(--petrol)!important;font:700 14px var(--f-body);padding:10px 16px;border-radius:999px;text-decoration:none;white-space:nowrap}

/* ── v1.3: tip in categoriebanner ── */
body.sgh-site .sgh-bantip{display:grid;gap:8px;margin-top:6px;order:-1}
body.sgh-site .sgh-bantip .rev{color:#fff}
body.sgh-site .sgh-bantip p{margin:0;max-width:560px;background:rgba(255,255,255,.08);border:1px solid rgba(159,198,59,.45);border-radius:12px;padding:10px 14px;color:#dfeeee;font:500 14.5px/1.45 var(--f-body)}
body.sgh-site .sgh-bantip p b{color:var(--lime)}

/* ── v1.3: vaste koopbalk op mobiel ── */
body.sgh-site .sgh-buybar{display:none}
@media (max-width:767px){
  body.sgh-site .sgh-buybar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:99980;gap:12px;align-items:center;justify-content:space-between;
    background:#fff;border-top:3px solid var(--lime);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 30px -12px rgba(0,68,79,.35);
    transform:translateY(110%);transition:transform .25s}
  body.sgh-site .sgh-buybar.show{transform:none}
  body.sgh-site .sgh-buybar .bb-price,body.sgh-site .sgh-buybar .bb-price .amount{font:800 20px var(--f-display);color:var(--petrol)}
  body.sgh-site .sgh-buybar .bb-price del{display:none}
  body.sgh-site .sgh-buybar button{background:var(--petrol);color:#fff;border:0;border-radius:999px;padding:13px 20px;font:700 15px var(--f-body)}
  body.sgh-site.sgh-has-buybar .sgh.sgh-guide{bottom:84px}
}

/* ── v1.3: "incl. btw" onder prijzen in de kaarten ── */
body.sgh-site li.product .info-right .price::after{content:"incl. btw";display:block;font:500 11.5px var(--f-body);color:var(--mut);margin-top:3px}

/* ── v1.4: zijbalk op mobiel (feedback Ander) ── */
@media (max-width:1024px){
  /* geen "inschuiven" bij het laden van elke pagina */
  body.sgh-site .kitify-sidebar:not(.kitify-active-sidebar-toggle) .kitify-toggle-sidebar__container{display:none!important}
  body.sgh-site:not(.sgh-ready) .kitify-toggle-sidebar__container,body.sgh-site:not(.sgh-ready) .kitify-toggle-sidebar__overlay{transition:none!important}
  /* paneel smaller dan het scherm, met duidelijke sluitknop */
  body.sgh-site .kitify-toggle-sidebar.kitify-active-sidebar-toggle .kitify-toggle-sidebar__container{width:min(340px,86vw)!important;transform:translate3d(-105%,0,0)}
  body.sgh-site .kitify-toggle-sidebar.opened .kitify-toggle-sidebar__container{transform:none!important}
  body.sgh-site .kitify-toggle-sidebar.kitify-active-sidebar-toggle .toggle-column-btn__wrap{width:min(340px,86vw)!important;display:flex!important;justify-content:space-between;align-items:center;background:var(--petrol)!important;padding:12px 16px!important}
  body.sgh-site .kitify-toggle-sidebar.kitify-active-sidebar-toggle .toggle-column-btn__wrap::before{content:"Categorieën";color:#fff;font:800 18px var(--f-display)}
  body.sgh-site .kitify-toggle-sidebar.kitify-active-sidebar-toggle .toggle-column-btn{width:36px!important;height:36px!important;border-radius:50%;background:var(--lime)!important;color:var(--petrol)!important;order:2}
  body.sgh-site .kitify-toggle-sidebar.kitify-active-sidebar-toggle .toggle-column-btn::before{content:"×"!important;font:800 22px/1 var(--f-body)!important;color:var(--petrol)!important}
  body.sgh-site .kitify-toggle-sidebar.kitify-active-sidebar-toggle .kitify-toggle-sidebar__inner{padding-top:64px!important}
  body.sgh-site .kitify-toggle-sidebar.kitify-active-sidebar-toggle .widget_block::before{display:none}
  body.sgh-site .kitify-toggle-sidebar.kitify-active-sidebar-toggle .widget_block{border:0;border-radius:0}
}