/*
Theme Name: BRE-theme
Theme URI: https://batteryrecyclingequipment.com/
Author: BatteryRecyclingEquipment.com
Description: Industrial WordPress block theme for recycling equipment, production lines, solutions and project cases.
Version: 0.6.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: bre-theme
*/

:root{--bre-shadow:0 18px 50px rgba(18,52,77,.12);--bre-navy:#12344D;--bre-navy-2:#0B1F2A;--bre-green:#16A085;--bre-yellow:#16A085;--bre-blue:#234D63;--bre-green-surface:#F4F7F8;--bre-blue-surface:#F4F7F8}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
main{min-height:45vh}
.wp-site-blocks>header{position:relative;z-index:20}
.wp-site-blocks>header>.wp-block-group:nth-child(2)>.wp-block-group{flex-wrap:nowrap!important;gap:clamp(.65rem,1.2vw,1.25rem)}
.wp-site-blocks>header .wp-block-site-title{font-size:clamp(.95rem,1.45vw,1.18rem);line-height:1.15;white-space:nowrap}
.wp-site-blocks>header .wp-block-navigation{flex:1;justify-content:flex-end}
.wp-site-blocks>header .wp-block-navigation__container{gap:clamp(.55rem,1vw,1rem)}
.wp-site-blocks>header .wp-block-navigation-item__content{font-size:clamp(.75rem,.92vw,.88rem);white-space:nowrap}
.wp-site-blocks>header .wp-block-button__link{padding:.72rem 1rem;white-space:nowrap}
.wp-block-navigation a:focus-visible,.wp-element-button:focus-visible{outline:3px solid var(--wp--preset--color--accent);outline-offset:3px}
.bre-card{height:100%;transition:transform .25s ease,box-shadow .25s ease}
.bre-card:hover{transform:translateY(-5px);box-shadow:var(--bre-shadow)}
.bre-card img{aspect-ratio:4/3;object-fit:cover}
.bre-eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:800;color:var(--bre-blue)!important}
.bre-hero .bre-eyebrow,.bre-page-hero .bre-eyebrow,.has-navy-background-color .bre-eyebrow{color:var(--bre-green)!important}
.bre-hero{min-height:620px;display:flex;align-items:center}
.bre-hero .wp-block-cover__background{background:linear-gradient(90deg,rgba(11,31,42,.96) 0%,rgba(18,52,77,.84) 50%,rgba(35,77,99,.58) 100%)!important;opacity:1!important}
.bre-page-hero{min-height:360px;display:flex;align-items:center}
.bre-page-hero .wp-block-post-excerpt{max-width:760px;font-size:1.1rem;color:#F4F7F8}
.single-product .bre-page-hero .bre-eyebrow{color:var(--bre-green)!important}
.single-production-line .bre-page-hero .bre-eyebrow{color:var(--bre-yellow)!important}
.single-solution .bre-page-hero .bre-eyebrow{color:var(--bre-green)!important}
.single-resource .bre-page-hero .bre-eyebrow{color:var(--bre-green)!important}
.page-template-page-about .bre-page-hero .bre-eyebrow{color:var(--bre-green)!important}
.page-template-page-contact .bre-page-hero .bre-eyebrow{color:var(--bre-green)!important}
.single-product .wp-block-post-content h2{border-left:4px solid var(--bre-blue);padding-left:1rem}
.single-production-line .wp-block-post-content h2{border-left:4px solid var(--bre-green);padding-left:1rem}
.single-solution .wp-block-post-content h2{border-left:4px solid var(--bre-green);padding-left:1rem}
.bre-detail-content>.wp-block-post-featured-image img{width:100%;max-height:640px;object-fit:cover}
.bre-detail-content>.wp-block-post-content>h2{margin-top:3.5rem}
.bre-detail-content>.wp-block-post-content>h3{margin-top:2.25rem}
.bre-archive-intro{max-width:760px;color:var(--wp--preset--color--muted)}
.bre-process-step{height:100%;border-top:4px solid var(--bre-green);box-shadow:var(--bre-shadow)}
.bre-process-step strong{color:var(--bre-blue)}
.bre-spec-table table{border-collapse:collapse;width:100%}
.bre-spec-table td,.bre-spec-table th{border-bottom:1px solid var(--wp--preset--color--line);padding:1rem;text-align:left}
.bre-spec-table th{background:var(--wp--preset--color--surface);width:34%}
.bre-notice{border-left:4px solid var(--wp--preset--color--accent)}
.bre-faq details{border-bottom:1px solid var(--wp--preset--color--line);padding:1rem 0}
.bre-faq summary{font-size:1.1rem;font-weight:700;cursor:pointer}
.wp-block-table{overflow-x:auto}
.wp-block-button.is-style-outline .wp-block-button__link{border-color:var(--bre-blue);color:var(--bre-blue);background:transparent}
.bre-hero .wp-block-button.is-style-outline .wp-block-button__link,.bre-page-hero .wp-block-button.is-style-outline .wp-block-button__link{border-color:#fff;color:#fff}
header a:not(.wp-element-button){color:var(--wp--preset--color--white)}
header .has-navy-background-color a,header .has-navy-2-background-color a,footer a{color:#fff}
header a:hover,footer a:hover{color:var(--bre-green)}
header .wp-block-button__link,footer .wp-block-button__link{color:#fff}
.bre-cta{background:linear-gradient(135deg,var(--bre-navy) 0%,var(--bre-navy-2) 100%)}
.bre-page-intro{background:linear-gradient(135deg,var(--bre-navy) 0%,var(--bre-navy-2) 100%)}
.bre-page-intro .wp-block-post-excerpt{max-width:720px;color:#F4F7F8}
.bre-sustainability{border-left:4px solid var(--bre-green)}
.bre-technology{border-left:4px solid var(--bre-blue)}
.bre-black-mass-page{--bre-bm-section-space:clamp(4rem,7vw,7rem)}
.bre-bm-hero{padding-top:clamp(4.5rem,8vw,8rem);padding-bottom:clamp(4.5rem,8vw,8rem);background:linear-gradient(125deg,var(--bre-navy-2) 0%,var(--bre-navy) 65%,var(--bre-blue) 100%)!important}
.bre-bm-hero h1{max-width:760px;margin-bottom:1rem}
.bre-bm-hero h2{font-weight:600;line-height:1.4;max-width:700px}
.bre-bm-hero p:not(.bre-eyebrow){max-width:700px;color:#F4F7F8}
.bre-bm-section{padding-top:var(--bre-bm-section-space);padding-bottom:var(--bre-bm-section-space)}
.bre-section-lead{max-width:780px;font-size:1.1rem}
.bre-image-placeholder{min-height:170px;display:flex;align-items:center;justify-content:center;padding:1.25rem;border:2px dashed #9FB1B8;background:linear-gradient(145deg,#E7ECEE,#F4F7F8);color:#51626A;text-align:center;font-size:.82rem;letter-spacing:.03em}
.bre-image-placeholder--hero{min-height:440px;border-color:rgba(255,255,255,.45);background:linear-gradient(145deg,rgba(22,160,133,.16),rgba(255,255,255,.07));color:#fff}
.bre-image-placeholder--large{min-height:430px}
.bre-bm-card-grid{align-items:stretch}
.bre-bm-card-grid>.wp-block-column{display:flex}
.bre-bm-card{width:100%;height:100%;box-sizing:border-box;background:#fff;border:1px solid var(--wp--preset--color--line);padding:1rem;transition:transform .25s ease,box-shadow .25s ease}
.bre-bm-card:hover{transform:translateY(-4px);box-shadow:var(--bre-shadow)}
.bre-bm-card h3{font-size:1.15rem;margin-top:1.3rem}
.bre-bm-card p{font-size:.94rem}
.bre-bm-process{background:linear-gradient(135deg,var(--bre-navy) 0%,var(--bre-navy-2) 100%)!important}
.bre-process-grid{gap:.75rem;align-items:stretch}
.bre-process-grid>.wp-block-column{display:flex}
.bre-process-card{position:relative;width:100%;padding:1rem;border-top:4px solid var(--bre-green);background:rgba(255,255,255,.08)}
.bre-process-card .bre-image-placeholder{min-height:120px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.35);color:#fff}
.bre-process-card h3{color:#fff;font-size:1.1rem}
.bre-process-card p{color:#F4F7F8;font-size:.88rem}
.bre-step-number{font-size:2rem!important;font-weight:800;color:var(--bre-green)!important;margin:.25rem 0 .75rem}
.bre-equipment-grid{align-items:stretch}
.bre-equipment-card{min-height:420px;display:flex;flex-direction:column}
.bre-equipment-card .bre-card-link{margin-top:auto}
.bre-card-link a{font-weight:800;color:var(--bre-green)}
.bre-process-diagram{min-height:360px;display:flex;align-items:center;justify-content:center;padding:clamp(2rem,5vw,5rem);border:2px dashed var(--wp--preset--color--line);background:var(--wp--preset--color--surface);text-align:center}
.bre-process-diagram p{max-width:1000px;font-size:1.05rem;line-height:2.5}
.bre-process-diagram span{display:inline-block;padding:.5rem .8rem;background:#fff;border:1px solid var(--wp--preset--color--line);font-weight:700;color:var(--bre-navy)}
.bre-process-diagram b{padding:0 .25rem;color:var(--bre-green)}
.bre-case-card{color:var(--wp--preset--color--muted)}
.bre-case-card dl{display:grid;grid-template-columns:100px 1fr;margin-bottom:0;font-size:.88rem}
.bre-case-card dt,.bre-case-card dd{padding:.45rem 0;border-bottom:1px solid var(--wp--preset--color--line)}
.bre-case-card dt{font-weight:800;color:var(--bre-navy)}
.bre-factory-placeholder-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.bre-factory-placeholder-grid .bre-image-placeholder{min-height:160px}
.bre-bm-final-cta{padding-top:clamp(3.5rem,6vw,6rem);padding-bottom:clamp(3.5rem,6vw,6rem);border-top:5px solid var(--bre-green);background:linear-gradient(135deg,var(--bre-navy) 0%,var(--bre-navy-2) 100%)!important}
.bre-bm-final-cta h2{margin-top:.35rem}
@media(max-width:1100px){.wp-site-blocks>header .wp-block-site-title{font-size:.9rem}.wp-site-blocks>header .wp-block-navigation__container{gap:.6rem}.wp-site-blocks>header .wp-block-navigation-item__content{font-size:.75rem}.wp-site-blocks>header .wp-block-button__link{padding:.65rem .8rem;font-size:.82rem}}
@media(max-width:781px){.wp-site-blocks>header>.wp-block-group:nth-child(2)>.wp-block-group{flex-wrap:wrap!important}.bre-hero{min-height:520px}.bre-page-hero{min-height:280px}.bre-detail-content>.wp-block-post-content>h2{margin-top:2.5rem}.bre-image-placeholder--hero{min-height:300px}.bre-process-diagram p{line-height:1.8}.bre-process-diagram span{display:block;margin:.5rem 0}.bre-process-diagram b{display:block;transform:rotate(0deg)}.bre-factory-placeholder-grid{grid-template-columns:1fr}.bre-bm-card{height:auto}}