/*
Theme Name: Tinick Website
Theme URI: https://tinick.nl/
Author: Tinick B.V.
Description: Compleet WordPress-thema voor Tinick, WooCommerce en het B2B-portaal met één uniforme header en footer.
Version: 3.0.6
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: tinick
*/
:root{--ink:#22262b;--ink-deep:#0b1c2b;--ink-soft:#4c535b;--ink-faint:#79818a;--paper:#f4f5f4;--paper-raise:#fff;--line:#dcdfde;--line-dark:#1c3a52;--copper:#0f63ac;--copper-deep:#0b4a85;--copper-hi:#5ea9e8;--radius:16px;--shadow-1:0 1px 2px rgba(26,30,34,.05),0 8px 24px rgba(26,30,34,.06);--shadow-2:0 2px 4px rgba(26,30,34,.06),0 18px 44px rgba(26,30,34,.12);--font-display:"Inter Tight",system-ui,-apple-system,sans-serif;--font-body:Inter,system-ui,-apple-system,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;--w:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--font-body);-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.wrap{max-width:var(--w);margin:0 auto;padding:0 32px}:focus-visible{outline:2px solid var(--copper);outline-offset:3px;border-radius:4px}
.skip-link{position:fixed;left:18px;top:-60px;z-index:1000;background:var(--ink-deep);color:#fff;padding:10px 16px;border-radius:8px}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:600;background:rgba(244,245,244,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.admin-bar .site-header{top:32px}.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;height:74px}.logo{display:flex;align-items:baseline;gap:10px;font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:.02em}.logo .mark{width:26px;height:26px;align-self:center;flex:0 0 auto}.logo small{font:400 10px var(--font-mono);letter-spacing:.22em;color:var(--ink-faint);text-transform:uppercase}.nav-links{display:flex;gap:26px;font-size:15px;font-weight:500}.nav-links a{position:relative;padding:6px 0;color:var(--ink-soft);white-space:nowrap}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--copper);transition:width .22s ease}.nav-links a:hover{color:var(--ink)}.nav-links a:hover:after{width:100%}.nav-cta{display:flex;align-items:center;gap:18px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border:0;border-radius:12px;font-family:var(--font-display);font-size:15.5px;font-weight:600;letter-spacing:.01em;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn-primary{background:var(--copper);color:#fff;box-shadow:0 6px 18px rgba(15,99,172,.32)}.btn-primary:hover{background:#1b74c2;transform:translateY(-2px);box-shadow:0 10px 26px rgba(15,99,172,.38)}.btn-nav{padding:11px 20px;font-size:14.5px;white-space:nowrap}.mobile-menu{display:none;position:relative}.mobile-menu summary{width:44px;height:44px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--ink);cursor:pointer;list-style:none;background:var(--paper-raise)}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary svg{width:22px}.mobile-menu[open] summary{border-color:var(--copper);color:var(--copper-deep)}.mobile-dropdown{position:absolute;right:0;top:54px;width:min(320px,calc(100vw - 32px));padding:12px;background:var(--paper-raise);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-2);display:grid;z-index:900}.mobile-dropdown a{padding:12px 14px;border-radius:8px;font-weight:600;color:var(--ink-soft)}.mobile-dropdown a:hover{background:var(--paper);color:var(--ink)}.mobile-dropdown .mobile-offer{background:var(--copper);color:#fff;margin-top:8px;text-align:center}
.site-footer{background:var(--ink-deep);color:#a8b6c4;padding:72px 0 40px;border-top:1px solid var(--line-dark)}.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:44px;padding-bottom:52px;border-bottom:1px solid var(--line-dark)}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer h4{margin:0 0 18px;font:500 11.5px var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#68809a}.site-footer li{margin-bottom:10px;font-size:14.5px}.site-footer li a:hover{color:var(--copper-hi)}.footer-logo{color:#fff;margin-bottom:18px}.footer-intro{font-size:14px;max-width:34ch;margin:14px 0 0}.footer-contact{font-size:14px;margin:16px 0 0}.footer-contact a{color:#edeff1}.foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:32px;font:11.5px var(--font-mono);letter-spacing:.08em;color:#68809a}.foot-bottom button{border:0;background:none;color:inherit;padding:0}.foot-bottom a:hover,.foot-bottom button:hover{color:#fff}
.tinick-wp-main{min-height:64vh}.tinick-page-hero{position:relative;overflow:hidden;padding:80px 0 56px;border-bottom:1px solid var(--line)}.tinick-page-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;opacity:.34;mask-image:radial-gradient(70% 100% at 88% 0,#000,transparent);z-index:-1}.tinick-page-kicker{margin:0 0 16px;font:500 12px var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--copper-deep)}.tinick-page-title{max-width:18ch;margin:0;font:700 clamp(42px,6vw,70px)/1.02 var(--font-display);letter-spacing:-.04em}.tinick-page-body{padding:64px 0 96px}.tinick-wp-content{max-width:960px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(28px,5vw,58px);box-shadow:var(--shadow-1)}.tinick-wp-content>:first-child{margin-top:0}.tinick-wp-content>:last-child{margin-bottom:0}.tinick-wp-content h2,.tinick-wp-content h3{font-family:var(--font-display);line-height:1.1;letter-spacing:-.025em}.tinick-wp-content p{color:var(--ink-soft)}
.tinick-b2b-page .tinick-page-body{padding-top:44px}.tinick-b2b-page .tinick-b2b-shell{max-width:none}.tinick-shop-shell{padding:58px 0 96px}.woocommerce .woocommerce-breadcrumb{font:11px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:28px}.woocommerce .woocommerce-products-header__title,.woocommerce div.product .product_title{font:700 clamp(38px,5vw,62px)/1.03 var(--font-display);letter-spacing:-.04em}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product{width:auto!important;margin:0!important;padding:18px 18px 22px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-1);transition:transform .2s ease,box-shadow .2s ease}.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}.woocommerce ul.products li.product img{border-radius:12px;background:#f8f9f9}.woocommerce ul.products li.product .woocommerce-loop-product__title{font:600 20px/1.25 var(--font-display);color:var(--ink)}.woocommerce ul.products li.product .price,.woocommerce div.product p.price{color:var(--copper-deep);font-weight:700}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce .button{border-radius:10px!important;background:var(--copper)!important;color:#fff!important;padding:13px 18px!important;font-weight:700!important}.woocommerce div.product{display:grid;grid-template-columns:1fr 1fr;gap:56px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(24px,4vw,48px);box-shadow:var(--shadow-1)}.woocommerce div.product div.images,.woocommerce div.product div.summary{width:auto!important;float:none!important}.woocommerce div.product .woocommerce-tabs,.woocommerce div.product .related{grid-column:1/-1}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{padding:13px;border:1px solid #cbd2d6;border-radius:9px;background:#fbfcfc}
@media@media(max-width:1120px){.nav-links{display:none}.mobile-menu{display:block}.logo small{display:none}}@media(max-width:960px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}.woocommerce div.product{grid-template-columns:1fr;gap:30px}.woocommerce div.product .woocommerce-tabs,.woocommerce div.product .related{grid-column:1}}@media(max-width:800px){.foot-grid{grid-template-columns:1fr 1fr}}@media(max-width:782px){.admin-bar .site-header{top:46px}}@media(max-width:640px){.wrap{padding:0 20px}.nav{height:68px}.logo{font-size:20px}.btn-nav{display:none}.site-footer{padding:52px 0 30px}.foot-grid{grid-template-columns:1fr;gap:30px;padding-bottom:38px}.tinick-page-hero{padding:56px 0 42px}.tinick-page-body,.tinick-shop-shell{padding:38px 0 64px}.woocommerce ul.products{grid-template-columns:1fr}.woocommerce div.product{padding:20px;border-radius:16px}}

/* Detailpagina overlays: header gelijk aan homepage */
.tn-page-overlay{padding:0!important}

/* Homepage-header uitgelijnd zoals detailpaginaheader */
.site-header .wrap.nav{width:min(calc(100% - 40px),1160px);max-width:1160px;padding-left:0;padding-right:0}
.site-header .nav-links{align-items:center;gap:26px;font-size:15px;white-space:nowrap}
.site-header .nav-cta{gap:14px}
@media(max-width:1120px){.site-header .nav-links{display:none}.site-header .mobile-menu{display:block}.site-header .logo small{display:none}}
@media(max-width:560px){.site-header .wrap.nav{width:min(calc(100% - 36px),1160px)}}

/* Vier kernvoordelen: gelijke en rustig uitgelijnde vakken */
.trust-row{grid-template-columns:repeat(4,minmax(0,1fr))}
.trust-row>div{min-width:0;padding:18px 16px!important}
.trust-row strong{min-height:3.3em;line-height:1.65;overflow-wrap:anywhere;hyphens:auto}
.trust-row span{overflow-wrap:break-word}
@media(max-width:760px){.trust-row{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-row>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-row>div:nth-child(2n){border-right:0}.trust-row>div:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:480px){.trust-row{grid-template-columns:1fr}.trust-row>div{border-right:0;border-bottom:1px solid var(--line)}.trust-row>div:last-child{border-bottom:0}.trust-row strong{min-height:0}}

/* Vier kernvoordelen: volle contentbreedte en gecentreerd */
@media(min-width:961px){.hero-inner>div:first-child .trust-row{width:calc(190% + 64px)}}
@media(max-width:960px){.hero-inner>div:first-child .trust-row{width:100%}}