/* ============================================================
   Become a Dealer (page-become-dealer.php)
   Design system: bg #0a0a0a / gold #F1B300 / white text / Roboto
   ============================================================ */

.bd-page { background:#0a0a0a; color:#fff; overflow:hidden; }
.bd-inner { width:min(1350px,100%); margin:0 auto; padding:0 32px; }

/* Solid dark background for the content sections (hexagon texture removed). */
.bd-why, .bd-net, .bd-ipsc {
    position:relative;
    background-color:#0a0a0a;
}

/* ---------- Buttons ---------- */
.bd-btn {
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    padding:14px 34px; border-radius:4px; border:1px solid transparent;
    font-size:13px; font-weight:800; letter-spacing:1.6px; text-transform:uppercase;
    text-decoration:none; cursor:pointer; line-height:1;
    transition:background .3s ease, color .3s ease, border-color .3s ease, transform .3s ease;
}
.bd-btn--primary { background:#F1B300; color:#0a0a0a; border-color:#F1B300; }
.bd-btn--primary:hover { background:#ffc21f; border-color:#ffc21f; transform:translateY(-2px); }
.bd-btn--ghost { background:transparent; color:#fff; border-color:rgba(255,255,255,.55); }
.bd-btn--ghost:hover { border-color:#F1B300; color:#F1B300; transform:translateY(-2px); }

/* ---------- Hero ---------- */
.bd-hero {
    position:relative; min-height:1000px; display:flex; align-items:center;
    padding:150px 0 90px; overflow:hidden; background:#0d0d0d;
}
.bd-hero__bg {
    position:absolute; inset:0; background-size:cover; background-position:center;
    background-repeat:no-repeat; filter:grayscale(.15);
}
.bd-hero::after {
    content:""; position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(6,6,6,.32) 0%, rgba(6,6,6,.40) 45%, rgba(10,10,10,.95) 100%);
}
.bd-hero__inner {
    position:relative; z-index:2; width:min(1100px,100%); margin:0 auto;
    padding:0 32px; text-align:center;
}
.bd-hero__title {
    color:#F1B300; font-size:clamp(30px,5.2vw,62px); font-weight:900;
    line-height:1.08; letter-spacing:1px; text-transform:uppercase;
    margin:0 0 22px; text-shadow:0 4px 26px rgba(0,0,0,.6);
}
.bd-hero__desc {
    color:#dcdcdc; font-size:17px; line-height:1.75; max-width:760px;
    margin:0 auto 34px;
}
.bd-hero__actions { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }

/* ---------- Section title ---------- */
.bd-sec-title {
    text-align:center; color:#fff; font-size:clamp(26px,3.4vw,40px);
    font-weight:800; letter-spacing:.5px; margin:0 0 58px;
}

/* ---------- Why Partner (zig-zag features) ---------- */
.bd-why { padding:96px 0 40px; }
.bd-features { display:flex; flex-direction:column; gap:0px; }
.bd-feature {
    display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:center; gap:0px;
}
.bd-feature--rev .bd-feature__media { order:2; }
.bd-feature--rev .bd-feature__text   { order:1; }
.bd-feature__media {
    position:relative; overflow:hidden;
    background:#101010; aspect-ratio:16 / 9;
}
.bd-feature__media img {
    position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
    transition:transform .6s ease;
}
.bd-feature:hover .bd-feature__media img { transform:scale(1.05); }
.bd-feature__title {
    color:#F1B300; font-size:18px; font-weight:800; letter-spacing:.3px;
    margin:0 0 10px;
	padding-left:50px;
}
.bd-feature__desc { color:#9f9f9f; font-size:14px; line-height:1.75; margin:0; padding-left:50px;padding-right:50px;}
.bd-ph {
    position:absolute; inset:0; display:block;
    background:linear-gradient(135deg,#141414 0%,#1c1c1c 55%,#141414 100%);
}
.bd-ph::after {
    content:"EARMOR"; position:absolute; inset:0; display:flex;
    align-items:center; justify-content:center;
    color:rgba(241,179,0,.35); font-size:14px; font-weight:900; letter-spacing:3px;
}

/* ---------- Global Dealer Network ---------- */
.bd-net { padding:80px 0 96px; }
.bd-net__inner {
    display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
    align-items:center; gap:56px;
}
.bd-net__title {
    color:#fff; font-size:clamp(26px,3.2vw,38px); font-weight:800;
    line-height:1.2; letter-spacing:.4px; margin:0 0 20px;
}
.bd-net__desc { color:#a9a9a9; font-size:15px; line-height:1.85; margin:0 0 34px; }
.bd-stats { display:flex; gap:56px; }
.bd-stat { display:flex; flex-direction:column; }
.bd-stat__num {
    color:#F1B300; font-size:clamp(38px,5vw,58px); font-weight:900; line-height:1;
    letter-spacing:1px;
}
.bd-stat__label {
    color:#9a9a9a; font-size:13px; font-weight:700; letter-spacing:1.4px;
    text-transform:uppercase; margin-top:12px;
}
.bd-net__map { position:relative; border-radius:12px; overflow:hidden; }
.bd-net__map img { width:100%; height:auto; display:block; }
.bd-ph--map { position:relative; display:block; aspect-ratio:16 / 10; }

/* ---------- Join Us Now (background image spans the whole row) ---------- */
.bd-join {
    position:relative; padding:0; background-color:#0d0d0d;
    /* the photo itself is injected inline from the Customizer field */
    background-position:center center; background-size:cover; background-repeat:no-repeat;
    /* lifts the dark photo so it reads clearly under the veil */
    background-blend-mode:screen;
}
.bd-join__grid {
    position:relative; display:grid; grid-template-columns:1fr 1fr; align-items:stretch;
}
/* light veil only — keeps the background photo clearly visible */
.bd-join__grid::before {
    content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
    background-image:
        linear-gradient(90deg, rgba(6,6,6,.0) 0%, rgba(6,6,6,.0) 34%, rgba(6,6,6,.0) 64%, rgba(6,6,6,.0) 100%),
        repeating-linear-gradient(45deg, rgba(241,179,0,.0) 0 1px, transparent 1px 30px),
        repeating-linear-gradient(-45deg, rgba(241,179,0,.0) 0 1px, transparent 1px 30px);
}
.bd-join__left {
    position:relative; z-index:2; display:flex; align-items:center; min-height:620px;justify-content: center;
}
.bd-join__leftinner { position:relative; z-index:2; padding:60px 40px 60px 12%; max-width:900px; }
.bd-join__title {
    color:#fff; font-size:clamp(30px,3.6vw,46px); font-weight:800;
    letter-spacing:.3px; margin:0 0 22px; line-height:1.1;
}
.bd-join__desc { color:#b4b4b4; font-size:15px; line-height:1.75; margin:0; max-width:900px; }

.bd-join__right {
    position:relative; z-index:2; display:flex; align-items:center; justify-content:center;
    padding:64px 6%;
}
.bd-join__card { width:100%; max-width:600px; }
.bd-join__form-title { color:#fff; font-size:24px; font-weight:800; margin:0 0 22px; }

.bd-form { display:flex; flex-direction:column; gap:13px; }
.bd-form__row { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.bd-input {
    width:100%; box-sizing:border-box;
    background:#fff; border:1px solid #fff; border-radius:4px;
    color:#111; font-size:14px; font-family:inherit; padding:11px 14px;
    transition:border-color .25s ease, box-shadow .25s ease;
}
.bd-input::placeholder { color:#8c8c8c; }
.bd-input:focus { outline:none; border-color:#F1B300; box-shadow:0 0 0 2px rgba(241,179,0,.35); }
.bd-textarea { resize:vertical; min-height:118px; }

.bd-selectwrap { position:relative; }
.bd-selectwrap::after {
    content:""; position:absolute; right:16px; top:50%; width:7px; height:7px;
    border-right:2px solid #666; border-bottom:2px solid #666;
    transform:translateY(-70%) rotate(45deg); pointer-events:none;
}
.bd-select { appearance:none; -webkit-appearance:none; cursor:pointer; color:#111; }
.bd-select:has(option[value=""]:checked) { color:#8c8c8c; }

.bd-form__sub { color:#fff; font-size:16px; font-weight:700; margin:10px 0 0; }
.bd-submit { width:100%; border-radius:6px; padding:15px 20px; font-size:14px; letter-spacing:1.2px; }

.bd-msg { border-radius:4px; padding:12px 16px; font-size:14px; margin:0 0 16px; line-height:1.6; }
.bd-msg--ok { background:rgba(241,179,0,.14); border:1px solid rgba(241,179,0,.55); color:#F1B300; }
.bd-msg--err { background:rgba(220,60,60,.14); border:1px solid rgba(220,60,60,.55); color:#ff8a8a; }

/* ---------- IPSC (gold heading + centred statement) ---------- */
.bd-ipsc { padding:88px 0 104px; text-align:center; }
.bd-ipsc__title {
    color:#F1B300; font-size:clamp(32px,5vw,62px); font-weight:900;
    letter-spacing:2px; text-transform:uppercase; margin:0 0 28px; line-height:1.08;
}
.bd-ipsc__desc {
    color:#cfcfcf; font-size:15px; line-height:1.85;
    max-width:940px; margin:0 auto;
}

/* ---------- Responsive ---------- */
@media (max-width:1099px) {
    .bd-feature { grid-template-columns:1fr; gap:22px; }
    .bd-feature--rev .bd-feature__media,
    .bd-feature--rev .bd-feature__text { order:initial; }
    .bd-feature__media { order:-1; }
    .bd-net__inner { grid-template-columns:1fr; gap:36px; }
    .bd-join__grid { grid-template-columns:1fr; }
    .bd-join__left { min-height:420px; }
    .bd-join__leftinner { padding:56px 32px; max-width:100%; }
    .bd-join__right { padding:56px 32px; }
    .bd-hero { min-height:460px; padding:120px 0 70px; }
}
@media (max-width:680px) {
    .bd-inner { padding-left:20px; padding-right:20px; }
    .bd-hero { padding:104px 0 60px; }
    .bd-hero__inner { padding:0 20px; }
    .bd-hero__actions { flex-direction:column; }
    .bd-hero__actions .bd-btn { width:100%; }
    .bd-why { padding:64px 0 24px; }
    .bd-sec-title { margin-bottom:36px; }
    .bd-net { padding:60px 0; }
    .bd-stats { gap:34px; }
    .bd-form__row { grid-template-columns:1fr; }
    .bd-join__left { min-height:360px; }
    .bd-join__leftinner { padding:44px 20px; }
    .bd-join__right { padding:44px 20px; }
    .bd-ipsc { padding:56px 0 70px; }
}