/* Armed Gun Barn brand fixes (2026-10-08): contrast (WCAG AA) and layout from the demo design check.
   Loaded after theme.css by the brand-*.css convention (includes/header.php); excluded from releases.
   Her colours stay: barn red #b50b20 (dark #8d0817), navy #1b2a4a. Flat fills only, no gradients. */

/* 1. The platform's orange accent (#ff6b35, 2.84:1 on white) carried links such as "Get directions" and
      the phone number on Contact and "Include out of stock" on categories. Her red instead: 6.92:1. */
html:root {
  --primary-color: #b50b20 !important;
  --primary-dark: #8d0817 !important;
}
/* professional-fixes.min.css loads after this file and sets these links orange at 0,3,1 !important */
html body .content-page a:not(.btn):not([class*="btn-"]),
html body .content-article a:not(.btn):not([class*="btn-"]),
html body .product-description a:not(.btn):not([class*="btn-"]),
html body .contact-card a:not(.btn):not([class*="btn-"]),
html body .no-results a:not(.btn):not([class*="btn-"]) { color: #b50b20 !important; }
html body .content-page a:not(.btn):not([class*="btn-"]):hover,
html body .contact-card a:not(.btn):not([class*="btn-"]):hover,
html body .no-results a:not(.btn):not([class*="btn-"]):hover { color: #8d0817 !important; }
/* the same orange on prices, active tabs and orange buttons (white on #ff6b35 is 2.84:1) */
html body .product-grid .product-item .price, html body .product-list .product-item .price { color: #b50b20 !important; }
html body .product-tab-btn.active, html body .tab-link.active { color: #b50b20 !important; border-bottom-color: #b50b20 !important; }
html body .hero-content .btn, html body .hero-content .btn-primary, html body .hero-slide .btn,
html body .btn-add-to-cart { background: #b50b20 !important; color: #fff !important; }
/* footer link hover: orange on the slate footer was 3.9:1; white and underlined instead */
html body .site-footer a:hover, html body .site-footer .footer-links a:hover { color: #ffffff !important; text-decoration: underline !important; }

/* 2. Product page. Notify Me button: white on #e74c3c was 3.82:1, now her red 6.92:1. */
html body .notify-btn { background: #b50b20 !important; border-color: #b50b20 !important; color: #fff !important; }
html body .notify-btn:hover { background: #8d0817 !important; border-color: #8d0817 !important; }
/* the note under it: #888 on #f8f9fa was 3.36:1, now 6.65:1 */
html body .notify-disclaimer { color: #595959 !important; }
/* Share label and icons: #9ca3af was 2.54:1, now 4.83:1 */
html body .share-label, html body .share-btn { color: #6b7280 !important; }
/* rating stars: #ffa500 was 1.97:1, now 5.02:1 */
html body .product-rating .stars, html body .pdp__rating .stars { color: #b45309 !important; }
/* price green: #27ae60 was 2.87:1 at 42px bold (needs 3:1), now 4.72:1 */
html body .product-info-section .price-section .current-price { color: #1e8449 !important; }

/* 3. Home tiles: the small copy sits over the barn photography and crosses dark patches (barn wall, scope, rifle,
      flag). A flat white box, then a white per-glyph outline, both looked wrong (Brad 2026-10-20: no box, no
      outline, still clearly legible). Legibility now comes from a SOFT, edgeless warm scrim behind the copy, like
      the hero's own radial halo: the dark copy stays crisp with NO box and NO outline, and the scrim fades smoothly
      into the photo. Subcopy in Oswald 500; headlines stay Anton. Bridge decision 2026-10-20 (eyes on the render). */
html body .agb-scope .agb-tile .agb-tile-sub,
html body .agb-scope .agb-tile.agb-t .agb-tile-h {
  background: transparent !important;
  background-image: none !important;
  width: auto !important;
  padding: 0 !important;
  margin-left: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
html body .agb-scope .agb-tile .agb-tile-sub {
  color: #3a3632 !important;
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
}
html body .agb-scope .agb-tile.agb-t .agb-tile-h {
  color: #141110 !important;
  font-family: "Anton", "Arial Narrow", sans-serif !important;
  font-weight: 400 !important;
}
/* Soft, edgeless warm scrim behind the copy on the five non-hero tiles (the hero keeps its own .agb-hero::before
   radial). z-index:1 sits it above the photo (.agb-tile-art z-index:0) and below the copy (.agb-tile-body z-index:2). */
html body .agb-scope .agb-tile:not(.agb-hero)::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background: radial-gradient(ellipse 82% 72% at 18% 20%,
    rgba(247,244,238,.78) 0%, rgba(247,244,238,.66) 32%, rgba(247,244,238,.30) 54%, rgba(247,244,238,0) 76%) !important;
}

/* 4. Home menu: with About Us, Services, Classes, FAQ, Resources and Rent a Trailer the desktop row was
      wider than 1366, centred, so FIREARMS fell off the left edge and Rent a Trailer off the right.
      Tighter spacing on desktop; if it ever overflows it starts at the left and scrolls, never clips. */
@media (min-width: 1024px) {
  html body nav.agb-nav > ul {
    gap: clamp(14px, 1.35vw, 40px) !important;
    padding-left: 16px !important; padding-right: 16px !important;
    justify-content: flex-start !important;   /* fallback where the safe keyword is unknown: scrolls, never clips */
    justify-content: safe center !important;
    overflow-x: auto; scrollbar-width: none;
  }
  html body nav.agb-nav > ul::-webkit-scrollbar { display: none; }
  html body nav.agb-nav a { font-size: 0.9rem !important; }
}

/* 5. Logo tagline on phones: forced to 13px tall while its width was capped, so it squashed (106x13 for
      a 2444x275 picture). Keep its shape inside the box. Specificity over professional-fixes img rules. */
html body .agb-header .agb-logo-tagline img.logo-img { object-fit: contain !important; }

/* 6. Services: the Firearm Transfers graphic is lettering, so show all of it rather than crop it. */
html body .custom-page-body .cp-card > img.cp-img-contain { object-fit: contain !important; background: #0b1424; }

/* Trades & Consignment banner (Kori 2026-10-14): whole image, never cropped; the letterbox matches the banner's own #1e2a26 */
html body .custom-page-body .cp-card > img.cp-img-banner { object-fit: contain !important; background: #1e2a26; }