/*
Theme Name:   GeneratePress Child — CrossbowHunting.org
Theme URI:    https://www.crossbowhunting.org/
Description:  Heritage woodland child theme for CrossbowHunting.org — weapon-toggle state map, state hubs, forum and submissions.
Author:       CrossbowHunting.org
Template:     generatepress
Version:      1.0.0
Text Domain:  cbh
*/

:root {
        --cbh-olive: #4A5C3A;
        --cbh-olive-dark: #36452a;
        --cbh-rust: #8B4A2A;
        --cbh-rust-dark: #6f3a20;
        --cbh-parchment: #F7F3EC;
        --cbh-paper: #FFFDF8;
        --cbh-dark: #1C2416;
        --cbh-amber-hi: #D4860A;
        --cbh-text: #2C2C2C;
        --cbh-muted: #5f5a50;
        --cbh-border: #DDD3C2;
        --cbh-legal: #3A7D44;
        --cbh-restricted: #F39C12;
        --cbh-illegal: #D62828;
        --cbh-unknown: #B9B2A4;
        --cbh-font-head: "Playfair Display", Georgia, "Times New Roman", serif;
        --cbh-font-body: "Source Serif 4", Georgia, "Times New Roman", serif;
        --cbh-font-label: "Oswald", "Arial Narrow", Arial, sans-serif;
        --cbh-radius: 6px;
        --cbh-shadow: 0 2px 10px rgba(28, 36, 22, .08);
        --cbh-max: 1200px;
}

/* ---------- Base ---------- */
html, body { overflow-x: clip; }
body {
        background: var(--cbh-parchment);
        color: var(--cbh-text);
        font-family: var(--cbh-font-body);
        font-size: 18px;
        line-height: 1.7;
}
h1, h2, h3, h4, h5, h6 {
        font-family: var(--cbh-font-head);
        color: var(--cbh-dark);
        font-weight: 700;
        line-height: 1.25;
        margin-bottom: .6em;
}
h1 { font-size: clamp(2rem, 4.2vw, 3rem); }
h2 { font-size: clamp(1.5rem, 2.8vw, 2rem); }
h3 { font-size: 1.3rem; }
a { color: var(--cbh-rust); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover, a:focus { color: var(--cbh-olive); }
:focus-visible { outline: 3px solid var(--cbh-amber-hi); outline-offset: 2px; }
img { max-width: 100%; height: auto; }
.site, .site-content, .inside-article, .separate-containers .inside-article, .one-container .container { background: transparent; }
.separate-containers .inside-article, .one-container .site-content { padding: 0; }
.site-content { padding-top: 2rem; padding-bottom: 3rem; }
.grid-container { max-width: var(--cbh-max); }

.cbh-label, .cbh-eyebrow {
        display: inline-block;
        font-family: var(--cbh-font-label);
        font-size: .8rem;
        font-weight: 500;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: var(--cbh-rust);
}
.cbh-eyebrow { border-bottom: 2px solid var(--cbh-amber-hi); padding-bottom: 2px; margin-bottom: .8rem; }

/* ---------- Buttons ---------- */
.cbh-btn, .wpcf7-submit, button.cbh-btn {
        display: inline-block;
        background: var(--cbh-olive);
        color: #fff;
        border: 2px solid var(--cbh-olive);
        border-radius: var(--cbh-radius);
        padding: .6em 1.2em;
        font-family: var(--cbh-font-label);
        font-size: .95rem;
        letter-spacing: .06em;
        text-transform: uppercase;
        text-decoration: none;
        cursor: pointer;
        transition: background .15s, color .15s, border-color .15s;
}
.cbh-btn:hover, .cbh-btn:focus, .wpcf7-submit:hover { background: var(--cbh-rust); border-color: var(--cbh-rust); color: #fff; }
.cbh-btn--outline { background: transparent; color: var(--cbh-olive); }
.cbh-btn--outline:hover, .cbh-btn--outline:focus { background: var(--cbh-olive); color: #fff; border-color: var(--cbh-olive); }

/* ---------- Cards & status ---------- */
.cbh-card {
        background: var(--cbh-paper);
        border: 1px solid var(--cbh-border);
        border-top: 4px solid var(--cbh-olive);
        border-radius: var(--cbh-radius);
        box-shadow: var(--cbh-shadow);
        padding: 1.4rem 1.5rem;
}
.cbh-status {
        display: inline-block;
        font-family: var(--cbh-font-label);
        font-size: .78rem;
        letter-spacing: .08em;
        text-transform: uppercase;
        color: #fff;
        padding: .15em .65em;
        border-radius: 999px;
        background: var(--cbh-unknown);
        white-space: nowrap;
}
.cbh-status--legal { background: var(--cbh-legal); }
.cbh-status--restricted { background: var(--cbh-restricted); color: #2C2C2C; }
.cbh-status--illegal { background: var(--cbh-illegal); }
.cbh-status--unknown { background: var(--cbh-unknown); color: #2C2C2C; }

/* ---------- Header / sticky nav ---------- */
.site-header {
        position: sticky;
        top: 0;
        z-index: 900;
        background: var(--cbh-paper);
        border-bottom: 3px solid var(--cbh-olive);
        box-shadow: 0 2px 8px rgba(28, 36, 22, .06);
}
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 0; } }
.inside-header { padding-top: .5rem; padding-bottom: .5rem; align-items: center; }
.site-logo img, .header-image { max-height: 64px; width: auto; }
.main-title { font-family: var(--cbh-font-head); font-size: 1.4rem; font-weight: 700; }
.main-title a, .main-title a:hover { color: var(--cbh-dark); text-decoration: none; }
.site-description { font-family: var(--cbh-font-label); font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; color: var(--cbh-muted); }
.main-navigation, .main-navigation ul ul { background: transparent; }
.main-navigation .main-nav ul li a {
        font-family: var(--cbh-font-label);
        font-size: .95rem;
        letter-spacing: .08em;
        text-transform: uppercase;
        color: var(--cbh-dark);
        line-height: 56px;
}
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a { color: var(--cbh-rust); background: transparent; }
.main-navigation .main-nav ul li[class*="current-menu-"] > a { color: var(--cbh-rust); box-shadow: inset 0 -3px 0 var(--cbh-amber-hi); background: transparent; }
.main-navigation .main-nav ul li.cbh-nav-cta > a,
.main-navigation .main-nav ul li:last-child > a[href*="submit-article"] {
        background: var(--cbh-rust);
        color: #fff;
        border-radius: var(--cbh-radius);
        line-height: 40px;
        margin: 8px 0 8px 10px;
        padding: 0 16px;
}
.main-navigation .main-nav ul li:last-child > a[href*="submit-article"]:hover { background: var(--cbh-olive); color: #fff; }
.main-navigation .menu-toggle { font-family: var(--cbh-font-label); color: var(--cbh-dark); background: transparent; }
@media (max-width: 768px) {
        .main-navigation.toggled .main-nav ul li a { line-height: 46px; }
        .main-navigation .main-nav ul li:last-child > a[href*="submit-article"] { margin: 6px 0; display: inline-block; }
}

/* ---------- Breadcrumbs ---------- */
.cbh-breadcrumbs, .cbh-breadcrumbs a {
        font-family: var(--cbh-font-label);
        font-size: .85rem;
        letter-spacing: .05em;
        text-transform: uppercase;
        color: var(--cbh-muted);
}
.cbh-breadcrumbs { margin-bottom: 1.2rem; }
.cbh-breadcrumbs a { color: var(--cbh-olive); text-decoration: none; }
.cbh-breadcrumbs a:hover { color: var(--cbh-rust); }

/* ---------- Homepage hero + map ---------- */
.cbh-hero { text-align: center; padding: 1.5rem 0 1rem; }
.cbh-hero h1 { max-width: 900px; margin: 0 auto .5rem; }
.cbh-hero-sub { max-width: 760px; margin: 0 auto 1.6rem; color: var(--cbh-muted); font-size: 1.1rem; }
.cbh-map-panel {
        background: var(--cbh-paper);
        border: 1px solid var(--cbh-border);
        border-radius: 10px;
        box-shadow: var(--cbh-shadow);
        padding: 1.25rem;
        scroll-margin-top: 90px;
}
.cbh-toggle {
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0;
        border: 2px solid var(--cbh-olive);
        border-radius: var(--cbh-radius);
        overflow: hidden;
        margin-bottom: 1rem;
}
.cbh-toggle__btn {
        background: transparent;
        color: var(--cbh-olive);
        border: 0;
        border-right: 1px solid var(--cbh-border);
        border-radius: 0;
        padding: .6em 1.15em;
        font-family: var(--cbh-font-label);
        font-size: .95rem;
        letter-spacing: .07em;
        text-transform: uppercase;
        cursor: pointer;
        transition: background .15s, color .15s;
}
.cbh-toggle__btn:last-child { border-right: 0; }
.cbh-toggle__btn:hover, .cbh-toggle__btn:focus { background: #ece5d6; color: var(--cbh-dark); }
.cbh-toggle__btn.is-active, .cbh-toggle__btn[aria-pressed="true"] {
        background: var(--cbh-olive);
        color: #fff;
        box-shadow: inset 0 -4px 0 var(--cbh-amber-hi);
}
.cbh-map-wrap { position: relative; width: 100%; }
.cbh-us-map { display: block; width: 100%; height: auto; max-height: 700px; margin: 0 auto; }
.cbh-us-map .state-path {
        stroke: #FFFDF8;
        stroke-width: 1;
        cursor: pointer;
        transition: fill .25s ease, opacity .15s;
}
.cbh-us-map .state-link:hover .state-path,
.cbh-us-map .state-link:focus .state-path { opacity: .82; stroke: var(--cbh-dark); stroke-width: 1.5; }
.cbh-us-map .state-link:focus { outline: none; }
.cbh-state-label {
        font-family: var(--cbh-font-label);
        font-size: 11px;
        fill: #fff;
        pointer-events: none;
        paint-order: stroke;
        stroke: rgba(28, 36, 22, .55);
        stroke-width: 2px;
}
.cbh-map-tooltip {
        position: absolute;
        z-index: 20;
        min-width: 180px;
        max-width: 260px;
        background: var(--cbh-dark);
        color: #F7F3EC;
        border-left: 4px solid var(--cbh-amber-hi);
        border-radius: var(--cbh-radius);
        padding: .6rem .8rem;
        font-size: .9rem;
        line-height: 1.4;
        text-align: left;
        pointer-events: none;
        opacity: 0;
        transform: translateY(4px);
        transition: opacity .12s, transform .12s;
}
.cbh-map-tooltip.is-visible { opacity: 1; transform: none; }
.cbh-map-tooltip strong { display: block; font-family: var(--cbh-font-head); font-size: 1.05rem; margin-bottom: .25rem; }
.cbh-map-tooltip em { display: block; margin-top: .35rem; font-size: .8rem; color: #e9d9b8; }
.cbh-legend { margin-top: 1rem; }
.cbh-legend__title { font-family: var(--cbh-font-label); text-transform: uppercase; letter-spacing: .08em; font-size: .9rem; margin-bottom: .4rem; }
.cbh-legend__weapon { color: var(--cbh-rust); }
.cbh-legend ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem 1.5rem; }
.cbh-legend li { display: flex; align-items: center; gap: .45rem; font-size: .95rem; }
.cbh-swatch { width: 18px; height: 18px; border-radius: 4px; display: inline-block; border: 1px solid rgba(0, 0, 0, .1); }
.cbh-swatch--legal { background: var(--cbh-legal); }
.cbh-swatch--restricted { background: var(--cbh-restricted); }
.cbh-swatch--illegal { background: var(--cbh-illegal); }
.cbh-state-select { margin: 1.2rem auto 0; max-width: 420px; text-align: center; }
.cbh-state-select label { display: block; font-family: var(--cbh-font-label); text-transform: uppercase; letter-spacing: .1em; font-size: .9rem; color: var(--cbh-olive); margin-bottom: .3rem; }
.cbh-state-select select, .wpcf7 select {
        width: 100%;
        padding: .6em .8em;
        border: 2px solid var(--cbh-olive);
        border-radius: var(--cbh-radius);
        background: #fff;
        font-family: var(--cbh-font-body);
        font-size: 1rem;
        color: var(--cbh-text);
}
.cbh-state-list { columns: 3; list-style: none; padding: 0; text-align: left; }

.cbh-teasers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin: 2.5rem 0; }
.cbh-teaser { display: flex; flex-direction: column; }
.cbh-teaser h2 { font-size: 1.35rem; margin-top: .3rem; }
.cbh-teaser:nth-child(2) { border-top-color: var(--cbh-rust); }
.cbh-teaser:nth-child(3) { border-top-color: var(--cbh-amber-hi); }
.cbh-teaser .cbh-btn { margin-top: auto; align-self: flex-start; }
.cbh-teaser__list { margin: 0 0 1rem 1.1rem; }
.cbh-intro { max-width: 860px; margin: 0 auto; }
.cbh-intro-note, .cbh-disclaimer {
        font-size: .92rem;
        color: var(--cbh-muted);
        border-left: 3px solid var(--cbh-amber-hi);
        padding: .4rem 0 .4rem .9rem;
}

/* ---------- State hub ---------- */
.cbh-hub-header { margin-bottom: 1.5rem; }
.cbh-updated { font-family: var(--cbh-font-label); font-size: .85rem; letter-spacing: .05em; color: var(--cbh-muted); text-transform: uppercase; }
.cbh-strip { list-style: none; margin: 0 0 1.5rem; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: .75rem; }
.cbh-strip__item {
        background: var(--cbh-paper);
        border: 1px solid var(--cbh-border);
        border-radius: var(--cbh-radius);
        padding: .8rem 1rem;
        display: flex;
        flex-direction: column;
        gap: .35rem;
        border-left: 5px solid var(--cbh-unknown);
}
.cbh-strip__item--legal { border-left-color: var(--cbh-legal); }
.cbh-strip__item--restricted { border-left-color: var(--cbh-restricted); }
.cbh-strip__item--illegal { border-left-color: var(--cbh-illegal); }
.cbh-strip__weapon { font-family: var(--cbh-font-label); text-transform: uppercase; letter-spacing: .08em; font-size: .85rem; }
.cbh-agency { margin: 0 0 2rem; }
.cbh-overview { margin-bottom: 2rem; }
.cbh-weapon-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.2rem; margin-bottom: 2rem; }
.cbh-weapon h3 { display: flex; justify-content: space-between; align-items: center; gap: .5rem; flex-wrap: wrap; }
.cbh-callout {
        background: #EFE8DA;
        border: 1px solid var(--cbh-border);
        border-left: 5px solid var(--cbh-rust);
        border-radius: var(--cbh-radius);
        padding: 1.2rem 1.4rem;
        margin: 0 0 1.5rem;
}
.cbh-callout__title { font-size: 1.2rem; margin-bottom: .4rem; }
.cbh-faq { margin: 2.5rem 0; }
.cbh-faq-list { display: flex; flex-direction: column; gap: .7rem; }
.cbh-faq-item {
        background: var(--cbh-paper);
        border: 1px solid var(--cbh-border);
        border-radius: var(--cbh-radius);
        overflow: hidden;
}
.cbh-faq-item > summary {
        list-style: none;
        cursor: pointer;
        padding: .9rem 2.8rem .9rem 1.1rem;
        font-family: var(--cbh-font-head);
        font-weight: 700;
        font-size: 1.08rem;
        color: var(--cbh-dark);
        position: relative;
}
.cbh-faq-item > summary::-webkit-details-marker { display: none; }
.cbh-faq-item > summary::after {
        content: "\25BC";
        position: absolute;
        right: 1.1rem;
        top: 50%;
        transform: translateY(-50%);
        font-size: .75rem;
        color: var(--cbh-rust);
}
.cbh-faq-item[open] > summary::after { content: "\25B2"; }
.cbh-faq-item[open] > summary { border-bottom: 1px solid var(--cbh-border); background: #FAF6EE; }
.cbh-faq-answer { padding: .9rem 1.1rem; }
.cbh-faq-answer > :last-child { margin-bottom: 0; }
.cbh-more-states { margin-top: 2.5rem; }
.cbh-related { list-style: none; margin: .6rem 0 1.5rem; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.cbh-related__link { display: block; text-decoration: none; font-family: var(--cbh-font-head); font-weight: 700; color: var(--cbh-dark); }
.cbh-related__link:hover { color: var(--cbh-rust); border-top-color: var(--cbh-rust); }
.cbh-prevnext { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: space-between; }

/* ---------- State index table ---------- */
.cbh-table-wrap, .cbh-index-wrap { overflow-x: auto; }
.cbh-index-table { width: 100%; border-collapse: collapse; background: var(--cbh-paper); font-size: .95rem; }
.cbh-index-table th, .cbh-index-table td { border: 1px solid var(--cbh-border); padding: .55rem .7rem; text-align: left; }
.cbh-index-table thead th { background: var(--cbh-olive); color: #fff; font-family: var(--cbh-font-label); letter-spacing: .06em; text-transform: uppercase; font-weight: 500; }
.cbh-index-table tbody tr:nth-child(even) { background: #FAF6EE; }

/* ---------- Single post ---------- */
.cbh-post-header { margin-bottom: 1.5rem; }
.cbh-post-meta { font-family: var(--cbh-font-label); font-size: .85rem; letter-spacing: .05em; text-transform: uppercase; color: var(--cbh-muted); display: flex; flex-wrap: wrap; gap: .4rem 1rem; }
.cbh-post-thumb { margin-bottom: 1.5rem; border-radius: var(--cbh-radius); overflow: hidden; }
.cbh-toc { background: var(--cbh-paper); border: 1px solid var(--cbh-border); border-left: 4px solid var(--cbh-olive); border-radius: var(--cbh-radius); padding: 1rem 1.3rem; margin: 0 0 2rem; }
.cbh-toc summary { font-family: var(--cbh-font-label); text-transform: uppercase; letter-spacing: .1em; cursor: pointer; color: var(--cbh-olive); }
.cbh-toc ol { margin: .6rem 0 0 1.2rem; }
.cbh-entry { max-width: 780px; }
.cbh-entry h2 { scroll-margin-top: 90px; }
.cbh-hub-card { margin: 2rem 0; border-top-color: var(--cbh-rust); }
.cbh-terms { margin: 1.5rem 0; display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.cbh-pill { display: inline-block; background: #ECE5D6; color: var(--cbh-olive); border-radius: 999px; padding: .15em .8em; font-family: var(--cbh-font-label); font-size: .82rem; letter-spacing: .05em; text-decoration: none; text-transform: uppercase; }
.cbh-pill:hover { background: var(--cbh-olive); color: #fff; }
.cbh-author { display: flex; gap: 1rem; align-items: flex-start; margin: 2rem 0; }
.cbh-author img { border-radius: 50%; }
.cbh-post-nav { display: flex; justify-content: space-between; gap: 1rem; margin: 2rem 0; flex-wrap: wrap; }

/* ---------- Forms (CF7) ---------- */
.wpcf7 { background: var(--cbh-paper); border: 1px solid var(--cbh-border); border-radius: 10px; padding: 1.5rem; margin: 1rem 0 2.5rem; box-shadow: var(--cbh-shadow); }
.wpcf7 label { display: block; font-family: var(--cbh-font-label); text-transform: uppercase; letter-spacing: .06em; font-size: .88rem; color: var(--cbh-dark); margin-bottom: 1rem; }
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="number"], .wpcf7 input[type="url"], .wpcf7 textarea {
        width: 100%;
        margin-top: .3rem;
        padding: .6em .8em;
        border: 1px solid #c9bea9;
        border-radius: var(--cbh-radius);
        background: #fff;
        font-family: var(--cbh-font-body);
        font-size: 1rem;
        text-transform: none;
        letter-spacing: 0;
}
.wpcf7 input:focus, .wpcf7 textarea:focus, .wpcf7 select:focus { border-color: var(--cbh-olive); outline: 2px solid rgba(74, 92, 58, .25); }
.wpcf7 .wpcf7-acceptance label { text-transform: none; font-family: var(--cbh-font-body); letter-spacing: 0; font-size: .98rem; }
.cbh-form-note { font-size: .95rem; color: var(--cbh-muted); border-left: 3px solid var(--cbh-amber-hi); padding-left: .8rem; }
.cbh-submit-nav { display: flex; flex-wrap: wrap; gap: .75rem; margin: 1rem 0 2rem; }
.cbh-steps { counter-reset: s; list-style: none; padding: 0; }
.cbh-steps li { counter-increment: s; position: relative; padding-left: 2.4rem; margin-bottom: .6rem; }
.cbh-steps li::before { content: counter(s); position: absolute; left: 0; top: .1rem; width: 1.7rem; height: 1.7rem; border-radius: 50%; background: var(--cbh-olive); color: #fff; font-family: var(--cbh-font-label); text-align: center; line-height: 1.7rem; font-size: .9rem; }

/* ---------- Footer ---------- */
.cbh-footer { background: var(--cbh-dark); color: #d9d2c3; margin-top: 3rem; border-top: 4px solid var(--cbh-rust); }
.cbh-footer__inner { max-width: var(--cbh-max); margin: 0 auto; padding: 3rem 1.5rem 2rem; display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 2rem; }
.cbh-footer h2 { color: #F7F3EC; font-family: var(--cbh-font-label); font-size: 1rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 500; border-bottom: 2px solid var(--cbh-amber-hi); padding-bottom: .4rem; display: inline-block; }
.cbh-footer ul { list-style: none; margin: 0; padding: 0; }
.cbh-footer li { margin-bottom: .4rem; }
.cbh-footer a { color: #e9dcc0; text-decoration: none; }
.cbh-footer a:hover, .cbh-footer a:focus { color: var(--cbh-amber-hi); }
.cbh-footer p { font-size: .95rem; }
.cbh-footer__brand { display: flex; align-items: center; gap: .7rem; font-family: var(--cbh-font-head); font-size: 1.25rem; font-weight: 700; color: #F7F3EC !important; margin-bottom: .8rem; }
.cbh-footer__disclaimer { font-size: .85rem !important; color: #b5ad9c; }
.cbh-footer__bar { border-top: 1px solid rgba(255, 255, 255, .1); text-align: center; padding: 1rem; font-family: var(--cbh-font-label); font-size: .82rem; letter-spacing: .08em; text-transform: uppercase; color: #a49b88; }
.site-footer .site-info { display: none; }

/* ---------- wpForo light touches ---------- */
#wpforo #wpforo-wrap .wpforo-category, #wpforo #wpforo-wrap .wpf-head-bar { font-family: var(--cbh-font-body); }

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
        .cbh-footer__inner { grid-template-columns: repeat(2, 1fr); }
        .cbh-strip { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
        body { font-size: 17px; }
        .cbh-teasers, .cbh-weapon-grid, .cbh-related { grid-template-columns: 1fr; }
        .cbh-toggle { display: grid; grid-template-columns: repeat(2, 1fr); width: 100%; }
        .cbh-toggle__btn { border-bottom: 1px solid var(--cbh-border); }
        .cbh-map-panel { padding: .8rem; }
        .cbh-state-label { display: none; }
        .cbh-state-list { columns: 2; }
}
@media (max-width: 480px) {
        .cbh-footer__inner { grid-template-columns: 1fr; }
        .cbh-strip { grid-template-columns: 1fr; }
        .cbh-toggle__btn { font-size: .82rem; padding: .55em .5em; }
}