/*
Theme Name: The Brotographer Editorial
Description: Custom editorial child theme for Hello Elementor. Layouts live in Elementor; content lives in WordPress.
Template: hello-elementor
Version: 1.0.2
Text Domain: brotographer
*/
:root{--bt-red:#ed0800;--bt-ink:#191919;--bt-paper:#f6f5f1;--bt-muted:#68645b;--bt-rule:#dedbd3;--bt-panel:#ece9e1}
body{background:var(--bt-paper);color:var(--bt-ink);font-family:Arial,Helvetica,sans-serif}
html{scroll-behavior:smooth}
img{max-width:100%;height:auto}
.bt-shell{max-width:1200px;margin-inline:auto}
.bt-eyebrow .elementor-heading-title{font-family:monospace!important;letter-spacing:1.3px;text-transform:uppercase}
.bt-eyebrow .elementor-heading-title:before{content:'';display:inline-block;width:18px;height:4px;background:var(--e-global-color-btred01,var(--bt-red));margin-right:10px;vertical-align:middle}
.bt-hero-title .elementor-heading-title{letter-spacing:-2px;line-height:1.02}
.bt-hero-title em{font-style:normal;color:var(--e-global-color-btred01,var(--bt-red))}
.bt-hero-image img{aspect-ratio:1.55;object-fit:cover}
.bt-kit-card{border-bottom:1px solid var(--bt-rule)}
.bt-kit-art{min-height:130px;display:flex;justify-content:center;align-items:center;background:var(--bt-panel)}
.bt-logo-mark{width:46px!important;height:36px;overflow:hidden;flex-shrink:0!important;background:#fff}
.bt-logo-mark .elementor-widget-container{position:relative;width:46px;height:36px;overflow:hidden}
.bt-logo-mark img{position:absolute;width:202px!important;max-width:none!important;height:auto;left:-10px;top:-17px}
.bt-logo-word{width:170px!important;height:32px;overflow:hidden;flex-shrink:0!important}
.bt-logo-word .elementor-widget-container{position:relative;width:170px;height:32px;overflow:hidden}
.bt-logo-word img{position:absolute;width:600px!important;max-width:none!important;height:auto;left:-17px;top:-171px}
.bt-library-grid{display:grid;grid-template-columns:repeat(var(--bt-columns,3),minmax(0,1fr));gap:24px}
.bt-library-card{padding-bottom:20px;border-bottom:1px solid var(--bt-rule);min-width:0}
.bt-library-card img{width:100%;aspect-ratio:1.65;object-fit:cover;margin-bottom:16px}
.bt-library-card h3{font-size:22px;line-height:1.15;margin:8px 0 12px}
.bt-library-card p{font-size:14px;line-height:1.7;color:var(--bt-muted)}
.bt-library-label,.bt-sample-label{font:11px/1.5 monospace;text-transform:uppercase;letter-spacing:1px;color:var(--bt-muted)}
.bt-library-card a{color:inherit;text-decoration:none}
.bt-library-card a:hover{text-decoration:underline;text-underline-offset:4px}
.bt-gear-list{display:grid;grid-template-columns:repeat(var(--bt-columns,1),minmax(0,1fr));gap:20px}
.bt-gear-row{padding:20px 0;border-top:1px solid var(--bt-rule)}
.bt-gear-row h3{font-size:21px;margin:5px 0 12px;line-height:1.2}
.bt-gear-row p{font-size:14px;line-height:1.75;color:var(--bt-muted)}
.bt-gear-row img{width:90px;height:90px;object-fit:contain;float:left;margin:0 20px 12px 0}
.bt-amazon-link{display:inline-block;background:var(--bt-red);color:#fff!important;padding:12px 18px;font-size:13px;font-weight:700;text-decoration:none!important;margin-top:8px}
.bt-amazon-link:hover{filter:brightness(.9)}
.bt-affiliate-disclosure{font-size:12px;line-height:1.7;color:var(--bt-muted);margin:12px 0 24px}
.bt-gear-empty{padding:22px;background:var(--bt-panel);font-size:14px;line-height:1.7}
.bt-demo-placeholder{padding:24px;background:var(--bt-panel);font-size:14px;color:var(--bt-muted)}
@media(max-width:767px){.bt-library-grid,.bt-gear-list{grid-template-columns:1fr}.bt-hero-title .elementor-heading-title{letter-spacing:-1.5px}.bt-gear-row img{width:70px;height:70px}}
@media(max-width:767px){.elementor-location-header .e-con-inner{flex-wrap:nowrap!important}.elementor-location-header .e-con-inner>.e-con:first-child{--width:228px!important;flex:0 0 228px;--flex-direction:row!important;flex-direction:row!important;align-items:center}.elementor-location-header .e-con-inner>.e-con:last-child{--width:auto!important;flex:1 1 auto}.elementor-location-header .e-con-inner>.e-con:first-child{flex-wrap:nowrap!important}.elementor-location-header .e-con-inner{gap:12px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
