/*
 * overrides.css - RJL Commercial changes layered over the original stylesheet
 * (/assets/index-D3R11vrB.css). Loaded after it, so these rules win.
 *
 * 1. Orange-accent theme (approved "v3" level, 7 Oct 2026): charcoal dark bands,
 *    warm light sections, orange header line, buttons, card edges and one
 *    orange feature band. Matches the RJL Fencing & Gates site family.
 * 2. "Ask us" help panel (replaces the old AI chat).
 * 3. Sample maintenance report gallery and lead-form helpers.
 */
:root{--orange:#d95420;--orange-bright:#f36f21;--orange-deep:#a83c0e;--charcoal:#1c1f21;--warm:#f7f3ee}
.header-assurance-strip{background:var(--charcoal)!important;border-bottom:3px solid var(--orange)!important}
.site-header,.site-header-corporate{border-bottom:3px solid var(--orange)!important}
.header-cta{background:var(--orange)!important;color:#fff!important;border-color:var(--orange)!important}
.enterprise-readiness,.compliance-metrics article,.faq-search-panel,.specialism-grid article,.fieldwork-video-grid article{background:var(--charcoal)!important}
.delivery-model{background:linear-gradient(135deg,var(--orange-deep),#c24a16)!important}  /* the one orange feature band */
.trust,.service-areas,.home-legend,.home-job-card,.home-social{background:var(--warm)!important}
.service-card,.home-insights-grid article,.service-area-card,article[class*=card]{border-top:3px solid var(--orange)!important}
.service-area-card.is-active{background:var(--charcoal)!important}
footer{background:var(--charcoal)!important;border-top:6px solid var(--orange)!important}
.rjl-chat-launcher,.rjl-chat-panel>header,.rjl-chat-message.user{background:var(--charcoal)!important}

/* ---- 2. Ask us help panel ------------------------------------------------ */
.rjl-help-panel { position: fixed; right: 16px; bottom: 84px; z-index: 60; width: min(360px, calc(100vw - 32px));
  background: #fff; color: #1c1f21; border-top: 4px solid var(--orange); border-radius: 10px;
  box-shadow: 0 18px 50px #0004; overflow: hidden; font-size: 15px; }
.rjl-help-panel header { display: flex; justify-content: space-between; align-items: center; padding: 14px 16px;
  background: var(--charcoal); color: #fff; }
.rjl-help-close { background: none; border: 0; color: #fff; font-size: 26px; line-height: 1; cursor: pointer; min-width: 32px; min-height: 32px; }
.rjl-help-panel a { display: block; padding: 12px 16px; border-top: 1px solid #0000001a; color: inherit; text-decoration: none; }
.rjl-help-panel a:hover, .rjl-help-panel a:focus-visible { background: var(--warm); }
.rjl-help-panel b { display: block; }
.rjl-help-panel span { color: #555d63; font-size: 13px; }
.rjl-help-panel .rjl-help-urgent { background: #b3121f; color: #fff; }
.rjl-help-panel .rjl-help-urgent span { color: #ffe3e3; }
.rjl-help-panel .rjl-help-urgent:hover { background: #9e0f1b; }

/* ---- 3. Sample report gallery + forms ------------------------------------ */
.sample-report-section { padding: clamp(56px, 8vw, 110px) clamp(16px, 6vw, 96px); background: var(--warm); }
.sample-report-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 28px; }
.sample-page { margin: 0; background: #fff; border: 1px solid #0000001f; border-top: 3px solid var(--orange); box-shadow: 0 10px 30px #0000001a; }
.sample-page img { display: block; width: 100%; height: auto; }
.sample-page figcaption { padding: 12px 14px; font-size: 14px; color: #555d63; }
@media (width <= 900px) { .sample-report-grid { grid-template-columns: 1fr; } }
.form-note { font-size: 13px; color: #555d63; margin: 6px 0 0; }
.visually-hidden-field { position: absolute; left: -9999px; }
.thanks-section { padding: clamp(72px, 10vw, 140px) clamp(16px, 6vw, 96px); background: var(--warm); }
.thanks-section h1 { margin: 0 0 16px; }
.button-row { display: flex; flex-wrap: wrap; gap: 12px 16px; align-items: center; margin-top: 20px; }

/* ---- 4. Layout fixes ----------------------------------------------------- */
/* Narrow service-area cards: keep suburb names whole instead of splitting mid-word. */
.service-area-card h3 { overflow-wrap: normal; word-break: normal; hyphens: none; font-size: clamp(17px, 1.35vw, 22px); }
.sample-report-section h2 { font-size: clamp(32px, 4vw, 56px); line-height: 1.05; margin: 10px 0 12px; max-width: 18ch; }

/* Lists inside split sections (location + new service pages): match the site's .feature-list rows. */
ul.feature-list{list-style:none;margin:0;padding:0}
ul.feature-list>li{color:#343430;border-bottom:1px solid #cbc5b9;padding:18px 18px 18px 0;font-size:15px;font-weight:650;line-height:1.45}
ul.feature-list a{color:inherit;text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:4px}
ul.feature-list a:hover{color:var(--orange-deep)}
.solution-detail-grid h3 a{color:inherit;text-decoration:none}
.solution-detail-grid h3 a:hover{text-decoration:underline;text-decoration-color:var(--orange)}