/*
Theme Name: Brama Tools
Theme URI: https://bramatools.nl/
Author: Brama Tools
Description: Een bewerkbaar WooCommerce WordPress-thema voor Brama Tools, met automotive diagnose-uitstraling.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: brama-tools
*/
:root{--bt-red:#ed1424;--bt-dark:#071018;--bt-ink:#101820;--bt-muted:#65717d;--bt-light:#f4f6f8;--bt-max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--bt-ink);font-family:Inter,Arial,sans-serif;line-height:1.55;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.bt-wrap{width:min(var(--bt-max),calc(100% - 40px));margin-inline:auto}
.bt-topbar{background:#080e14;color:#e8edf2;font-size:12px}.bt-topbar .bt-wrap{display:flex;justify-content:space-between;gap:18px;padding:9px 0;flex-wrap:wrap}.bt-topbar span{margin-right:16px}
.bt-header{background:#0b1219;color:#fff;border-bottom:1px solid #26303a}.bt-headrow{display:flex;align-items:center;gap:26px;min-height:82px}.bt-logo{font-size:28px;line-height:1;font-weight:900;letter-spacing:-1px;white-space:nowrap}.bt-logo em{color:var(--bt-red);font-style:normal}.bt-tagline{display:block;font-size:10px;letter-spacing:1.2px;font-weight:700;margin-top:7px}.bt-nav{display:flex;gap:22px;align-items:center;margin-left:20px;font-size:13px}.bt-nav a:hover,.bt-nav .current-menu-item>a{color:#ff3441}.bt-search{margin-left:auto;display:flex;max-width:280px;width:100%}.bt-search input{width:100%;min-width:0;padding:11px 13px;border:1px solid #3b4651;border-radius:5px 0 0 5px;background:#151e27;color:#fff}.bt-search button{background:#202b36;color:#fff;border:1px solid #3b4651;border-left:0;padding:0 13px;border-radius:0 5px 5px 0;cursor:pointer}.bt-cart{color:#fff;font-size:13px;white-space:nowrap}.bt-menu-toggle{display:none;background:transparent;color:#fff;border:1px solid #46515c;border-radius:4px;padding:8px 10px}
.bt-hero{background:linear-gradient(90deg,rgba(5,11,16,.97) 0%,rgba(5,11,16,.82) 47%,rgba(5,11,16,.22) 100%),url('assets/brama-homepage-concept.png') center 13%/cover no-repeat;color:#fff;min-height:390px;display:flex;align-items:center}.bt-hero-inner{padding:60px 0;max-width:650px}.bt-eyebrow{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;font-weight:800;display:flex;gap:12px;align-items:center}.bt-eyebrow:before{content:"";width:26px;height:2px;background:var(--bt-red);display:inline-block}.bt-hero h1{font-size:clamp(34px,4.5vw,54px);line-height:1.06;letter-spacing:-1.7px;margin:16px 0}.bt-hero p{font-size:17px;max-width:570px;color:#e0e6eb;margin:0 0 24px}.bt-btn,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-flex;align-items:center;justify-content:center;background:var(--bt-red)!important;color:#fff!important;border:0!important;border-radius:5px;padding:13px 20px;font-weight:800;font-size:13px;cursor:pointer;transition:.2s}.bt-btn:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:#c90e1b!important;transform:translateY(-1px)}
.bt-benefits{background:#f4f6f8;border-bottom:1px solid #e6eaee}.bt-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:25px 0}.bt-benefit{display:flex;gap:13px;align-items:flex-start;border-right:1px solid #e0e5e9;padding:4px 16px}.bt-benefit:last-child{border:0}.bt-benefit .bt-icon{font-size:26px}.bt-benefit strong{display:block;font-size:13px}.bt-benefit small{display:block;color:#66727d;font-size:12px;margin-top:3px}
.bt-section{padding:48px 0}.bt-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.bt-section-head h2{font-size:clamp(24px,3vw,32px);line-height:1.15;margin:8px 0 0;letter-spacing:-.7px}.bt-section-head .bt-eyebrow{font-size:10px}.bt-text-link{font-size:12px;font-weight:800;white-space:nowrap}.bt-text-link:hover{color:var(--bt-red)}
.bt-categories{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.bt-category{border-radius:7px;overflow:hidden;background:#0b131b;color:#fff;min-height:190px;position:relative;display:flex;align-items:end}.bt-category img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62;transition:.3s}.bt-category:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#071018 95%)}.bt-category:hover img{transform:scale(1.05);opacity:.8}.bt-category-content{position:relative;z-index:1;padding:17px}.bt-category h3{font-size:16px;margin:0 0 4px}.bt-category p{font-size:12px;margin:0;color:#e0e6eb}
.bt-products{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.bt-products ul.products{display:contents}.bt-products ul.products li.product{width:auto!important;float:none!important;margin:0!important;padding:12px;border:1px solid #e4e8ec;border-radius:7px;display:flex;flex-direction:column;min-width:0}.bt-products ul.products li.product img{width:100%;height:145px;object-fit:contain;margin:0 0 10px}.bt-products ul.products li.product .woocommerce-loop-product__title{font-size:13px;color:#17212a;padding:0 0 6px}.bt-products ul.products li.product .price{font-size:14px;font-weight:800;color:#101820;margin-top:auto}.bt-products ul.products li.product .button{width:100%;margin-top:12px;padding:11px 8px;font-size:12px}
.bt-about{background:#071018;color:#fff;position:relative;overflow:hidden}.bt-about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;padding:48px 0}.bt-about h2{font-size:clamp(26px,3vw,36px);line-height:1.15;margin:9px 0 14px}.bt-about p{color:#d5dde4;max-width:620px}.bt-checklist{padding:0;list-style:none}.bt-checklist li{margin:9px 0;color:#e4e9ed}.bt-checklist li:before{content:"✓";color:#ff2535;font-weight:900;margin-right:10px}.bt-about .bt-eyebrow{color:#dbe1e7}
.bt-newsletter{background:#f0f3f6;padding:23px 0}.bt-newsletter-row{display:flex;align-items:center;gap:18px}.bt-newsletter h3{margin:0;font-size:17px}.bt-newsletter p{margin:2px 0 0;color:#65717d;font-size:13px}.bt-newsletter form{margin-left:auto;display:flex;gap:10px;width:min(500px,55%)}.bt-newsletter input{flex:1;min-width:0;padding:12px;border:1px solid #d4dce3;border-radius:5px}
.bt-footer{background:#080f15;color:#dce3e9;padding:36px 0 18px}.bt-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:30px}.bt-footer h4{color:#fff;font-size:13px;margin:0 0 12px}.bt-footer a{display:block;font-size:12px;color:#c3cbd2;margin:5px 0}.bt-footer a:hover{color:#fff}.bt-footer .bt-logo{color:#fff}.bt-copy{border-top:1px solid #25303a;margin-top:28px;padding-top:15px;font-size:11px;color:#8d9aa5;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
.bt-content{padding:40px 0;min-height:250px}.bt-content h1{font-size:34px}.bt-content .entry-content{max-width:900px}
.woocommerce .woocommerce-breadcrumb{font-size:12px;color:#68747f}.woocommerce ul.products li.product .star-rating{color:#f59e0b}.woocommerce div.product p.price,.woocommerce div.product span.price{color:#111820;font-weight:800}.woocommerce span.onsale{background:var(--bt-red)}
@media(max-width:1000px){.bt-headrow{gap:14px}.bt-nav{gap:13px;margin-left:0}.bt-search{max-width:210px}.bt-categories,.bt-products{grid-template-columns:repeat(3,minmax(0,1fr))}.bt-benefit-grid{grid-template-columns:repeat(2,1fr)}.bt-benefit:nth-child(2){border-right:0}.bt-footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.bt-wrap{width:min(var(--bt-max),calc(100% - 28px))}.bt-topbar .bt-wrap{gap:4px}.bt-topbar span{margin-right:7px}.bt-headrow{min-height:72px;flex-wrap:wrap;padding:14px 0}.bt-logo{font-size:24px}.bt-menu-toggle{display:block;margin-left:auto}.bt-nav{display:none;order:5;width:100%;flex-direction:column;align-items:flex-start;padding:10px 0 5px;gap:0}.bt-nav.is-open{display:flex}.bt-nav a{padding:10px 0;width:100%;border-top:1px solid #26303a}.bt-search{order:6;max-width:none;width:100%;display:none}.bt-search.is-open{display:flex}.bt-cart{font-size:12px}.bt-hero{min-height:420px;background-position:60% center}.bt-hero-inner{padding:48px 0}.bt-hero p{font-size:15px}.bt-benefit-grid{gap:12px;padding:20px 0}.bt-benefit{padding:4px 3px;border:0}.bt-benefit .bt-icon{font-size:22px}.bt-section{padding:36px 0}.bt-section-head{align-items:flex-start}.bt-section-head h2{font-size:25px}.bt-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bt-category{min-height:165px}.bt-category h3{font-size:14px}.bt-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bt-products ul.products li.product{padding:9px}.bt-products ul.products li.product img{height:115px}.bt-about-grid{grid-template-columns:1fr;gap:12px;padding:38px 0}.bt-newsletter-row{align-items:flex-start;flex-wrap:wrap}.bt-newsletter form{width:100%;margin:5px 0 0}.bt-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.bt-footer-grid>div:first-child{grid-column:1/-1}}