/*
 * OneAuto guard stylesheet. Installed 2026-09-27 by oneauto-install.
 * Loaded only by the content.header.oneauto template, BEFORE oneauto.css,
 * so the Manus package rules win any tie. It neutralises site-wide theme
 * rules (Materialize-style nav, labels, checkboxes, radios, selects, lists)
 * inside .oa-cms, and styles the form result banner (.oa-flash).
 * Send these rules to Manus so the next package carries them itself.
 */

body { overflow-x: clip; }

/* Navigation: theme styles the bare nav element with a fixed height and colours. */
.oa-cms nav { background: transparent; box-shadow: none; height: auto; line-height: inherit; color: inherit; width: auto; }
.oa-cms nav ul { margin: 0; }
.oa-cms nav ul li { float: none; }
.oa-cms nav a { color: inherit; font-size: inherit; line-height: inherit; height: auto; }

/* Main and mobile navigation links: the site theme was fading them to near-white on the white header. */
.oa-cms .oa-main-nav a,
.oa-cms .oa-mobile-nav a { color: var(--oa-ink) !important; opacity: 1 !important; text-shadow: none !important; background: transparent !important; }
.oa-cms .oa-main-nav a:hover,
.oa-cms .oa-mobile-nav a:hover { color: var(--oa-lime-deep) !important; }
.oa-cms .oa-mobile-nav summary { color: var(--oa-ink); }

/* Articles: the site's main.css turns every bare article into a no-wrap flex row,
   which squeezed the buyer-guide card text to zero width. Package class rules still win. */
.oa-cms article { display: block; flex-wrap: initial; align-items: normal; margin-bottom: 0; border-bottom: 0; padding-bottom: 0; }

/* Footer: the package rule targets ".oa-cms .oa-site-footer footer", but both classes sit on the
   same wrapper, so it never matched and the footer lost its dark background. Same rule, fixed selector. */
.oa-cms.oa-site-footer footer { background: var(--oa-ink); color: var(--oa-white); padding: 65px 0 20px; }

/* Labels: theme shrinks and greys them. */
.oa-cms label { font-size: inherit; color: inherit; }

/* Checkboxes and radios: theme hides the real control and draws a fake box on the next span. */
.oa-cms [type="checkbox"],
.oa-cms [type="radio"] { position: static !important; opacity: 1 !important; pointer-events: auto !important; }
.oa-cms [type="checkbox"] + span,
.oa-cms [type="radio"] + span { padding-left: 0 !important; height: auto !important; line-height: inherit !important; font-size: inherit !important; }
.oa-cms [type="checkbox"] + span::before,
.oa-cms [type="checkbox"] + span::after,
.oa-cms [type="radio"] + span::before,
.oa-cms [type="radio"] + span::after { content: none !important; display: none !important; }

/* Selects: theme hides native selects and replaces them with a script dropdown. */
.oa-cms select { display: block; }

/* Content lists without a class keep their bullets. */
.oa-cms ul:not([class]) { list-style: disc; padding-left: 1.25em; }
.oa-cms ul:not([class]) > li { list-style-type: disc; }

/* Form result banner. */
.oa-cms.oa-flash-wrap { padding: 18px 0 0; }
.oa-cms .oa-flash { border-radius: 8px; padding: 16px 20px; font-weight: 600; font-size: 17px; line-height: 1.45; }
.oa-cms .oa-flash-ok { background: #eaf7c0; border: 1px solid #b7d94a; color: #071827; }
.oa-cms .oa-flash-error { background: #fdecea; border: 1px solid #e5a29b; color: #6b1a12; }

/* 2026-10-10 — mobile hamburger panel: parent .oa-cms has overflow:hidden
   which clips the absolutely-positioned dropdown. Pin it to the viewport instead. */
@media (max-width: 980px) {
  .oa-cms .oa-mobile-nav[open] > div {
    position: fixed !important;
    top: 76px !important;
    right: 14px !important;
    left: auto !important;
    min-width: 240px !important;
    max-height: calc(100vh - 90px) !important;
    overflow-y: auto !important;
    z-index: 1000 !important;
  }
}
@media (max-width: 700px) {
  .oa-cms .oa-mobile-nav[open] > div {
    top: 68px !important;
    left: 14px !important;
    right: 14px !important;
    min-width: 0 !important;
  }
}

/* Footer logo: small icon with the OneAuto wordmark beside it (Oct 18, 2026) */
.oa-cms.oa-site-footer .oa-footer-logo { display:inline-flex; align-items:center; gap:10px; text-decoration:none; }
.oa-cms.oa-site-footer .oa-footer-logo img { width:38px; height:38px; object-fit:contain; }
.oa-cms.oa-site-footer .oa-footer-logo .oa-logo-text { color:var(--oa-white); font-size:1.6rem; font-weight:900; line-height:1; }
.oa-cms.oa-site-footer .oa-footer-logo .oa-logo-text span { color:var(--oa-lime); }

/* Footer logo fix v2 (Oct 19, 2026): small icon with the OneAuto wordmark beside it, readable on the dark footer */
.oa-cms footer .oa-footer-logo { display:inline-flex; align-items:center; gap:10px; text-decoration:none; }
.oa-cms footer .oa-footer-logo img { width:38px; height:38px; max-width:38px; object-fit:contain; }
.oa-cms footer .oa-footer-logo .oa-logo-text { display:inline; color:#ffffff; font-size:1.6rem; font-weight:900; line-height:1; }
.oa-cms footer .oa-footer-logo .oa-logo-text span { color:var(--oa-lime); }

/* Footer logo fix v3 (Oct 19, 2026): the word One in white, footer only */
.oa-cms footer a.oa-logo.oa-footer-logo span.oa-logo-text { color:#ffffff !important; }

/* Footer credit line (Oct 25, 2026): Content powered by MotorMouth | Platform by WebStager | OneBigBroadcast */
.oa-cms footer .oa-powered { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px 14px; margin-top:28px; padding:18px 16px 4px; border-top:1px solid rgba(255,255,255,.15); color:rgba(255,255,255,.8); font-size:.95rem; line-height:1.4; text-align:center; }
.oa-cms footer .oa-powered a { display:inline-flex; align-items:center; gap:6px; color:#ffffff; font-weight:700; text-decoration:none; }
.oa-cms footer .oa-powered a:hover { text-decoration:underline; }
.oa-cms footer .oa-powered img { width:22px; height:22px; max-width:22px; object-fit:contain; border-radius:4px; background:#ffffff; }
.oa-cms footer .oa-powered .oa-powered-mm { font-weight:900; letter-spacing:.01em; }
.oa-cms footer .oa-powered .oa-powered-mm span { color:var(--oa-lime); }
.oa-cms footer .oa-powered-sep { opacity:.45; }

/* Header and footer v2 (Oct 25, 2026): top menu stays in view while scrolling; smaller footer credit with WebStager and OneBigBroadcast logos */
html, body { overflow-x: clip; }
.oa-cms.oa-site-header { position: sticky; top: 0; z-index: 1000; }
.oa-cms footer .oa-powered { font-size: .8rem; gap: 6px 12px; margin-top: 20px; padding: 14px 16px 2px; }
.oa-cms footer .oa-powered a { gap: 0; }
.oa-cms footer .oa-powered img { width: auto; max-width: none; background: none; border-radius: 0; object-fit: contain; vertical-align: middle; }
.oa-cms footer .oa-powered img.oa-logo-ws { height: 20px; border-radius: 4px; }
.oa-cms footer .oa-powered img.oa-logo-obb { height: 12px; }
.oa-cms footer .oa-powered .oa-powered-by { display: inline-flex; align-items: center; gap: 6px; }

/* Footer MotorMouth logo (Oct 25, 2026) */
.oa-cms footer .oa-powered img.oa-logo-mm { height: 22px; width: auto; }

/* Footer MotorMouth logo, cropped badge (Oct 25, 2026) */
.oa-cms footer .oa-powered img.oa-logo-mm { height: 22px; width: auto; border-radius: 4px; }