/* ============================================================================
   AM SURVEYS — LIGHT PALETTE  (override layer on css/theme-refresh.css)
   ----------------------------------------------------------------------------
   Design correction, 14 Oct 2026: AM Surveys keeps a LIGHT website (light
   main-content backgrounds, dark text, the established mustard/gold identity).
   The modernised layout, typography and components in theme-refresh.css are
   kept (they follow the active 360G implementation), but this layer replaces
   the dark surfaces with light ones exactly the way the active 360G site does
   with css/theme-hybrid-classic.css:

     * charcoal utility bar, white identity row, white navigation band
     * light page canvas, white content panels, dark readable copy
     * photographic strips (hero, statement parallax, brick quote) stay dark
       so overlaid white text stays legible
     * charcoal footer with white titles

   It MUST load after theme-refresh.css. Homepage SERVICES are NOT restyled
   here: the original interactive image accordion is used unchanged.
   ========================================================================== */

:root {
	--bg-deep: #1c1a16;      /* charcoal utility bar + footer */
	--bg-main: #f4f2ed;      /* page canvas (warm light grey) */
	--bg-section: #ffffff;   /* identity row */
	--bg-panel: #ffffff;     /* content surfaces */
	--bg-panel-2: #efece4;
	--bg-panel-hover: #e8e3d6;
	--text-main: #25221b;
	--text-soft: #46423a;
	--text-muted: #6b665a;
	--line-soft: rgba(48,40,22,.13);
	--line-medium: rgba(48,40,22,.24);
	--shadow-panel: 0 16px 38px -24px rgba(48,40,22,.45);

	--hybrid-accent: #b5830b;
	--hybrid-accent-strong: #7d5907;   /* gold for TEXT on light (>=5.5:1) */
	--hybrid-wash: #f8f0dc;
	--hybrid-nav: #ffffff;
	--hybrid-nav-2: #ffffff;
	--hybrid-nav-ink: #25221b;
}

/* ---- canvas + copy ------------------------------------------------------ */
body,
body.home,
body:not(.home),
body.home .body,
body:not(.home) #main-container,
body:not(.home) #main-container > .content,
body.home #main-container,
body.home #main-container .content { background: var(--bg-main); color: var(--text-soft); }

h1, h2, h3, h4, h5, h6,
body.home .content h2,
body.home .content h3,
body.home .content h2.accent-color,
body.home .col-md-8 > h3,
body:not(.home) .editablediv h1,
body:not(.home) .editablediv h2,
body:not(.home) .editablediv h3,
body:not(.home) .editablediv h4,
body:not(.home) .editablediv h5 { color: var(--text-main) !important; }
body.home h2.accent-color,
body.home .content h2.accent-color { color: var(--hybrid-accent-strong) !important; }
body.home h5.subhead.subhead,
body.home h5.subhead { color: var(--hybrid-accent-strong); }

body.home .introarea,
body.home .introarea p,
body.home .editablediv,
body.home .editablediv p,
body:not(.home) .editablediv,
body:not(.home) .editablediv p,
body:not(.home) .apagecontentdiv { color: var(--text-soft); }
body.home .introarea strong,
body.home .editablediv strong,
body:not(.home) .editablediv strong { color: var(--text-main); }

body.home .introarea a,
body.home .editablediv a,
body:not(.home) .editablediv a,
body:not(.home) .apagecontentdiv a { color: var(--hybrid-accent-strong); }

/* ---- surfaces ----------------------------------------------------------- */
body.home .featured-block,
body.home .featured-block-content,
body.home .shadow-block,
body:not(.home) .featured-block,
body:not(.home) .panel,
body:not(.home) .accordion-group,
body:not(.home) .widget.fancy_block,
body:not(.home) .shadow-block.contact-info-block,
body:not(.home) .quoteblock,
.modal-content,
.well {
	background: var(--bg-panel) !important;
	border-color: var(--line-soft);
	color: var(--text-soft);
	box-shadow: var(--shadow-panel);
}
body.home .featured-block-more,
.panel-footer { background: var(--bg-panel-2) !important; }
body.home .featured-block-info .subtitle { color: var(--hybrid-accent-strong); }
body.home .featured-block-info p,
body.home .shadow-block .editablediv,
body.home .shadow-block .editablediv p { color: var(--text-soft); }
body.home .featured-block-more a.basic-link { color: var(--hybrid-accent-strong); }

body.home hr,
body.home hr.fw { background: linear-gradient(90deg, transparent, rgba(48,40,22,.34), transparent) !important; }

/* ---- photographic / emphasis strips stay dark --------------------------- */
body.home .hero-slider,
body.home .parallax1.parallax-light { background-color: #1c1a16; }
body.home .hero-area h1,
body.home .hero-area h2,
body.home .hero-area h3,
body.home .parallax1 h2,
body.home .parallax1 h4,
body.home .parallax1 .editablediv,
body.home .parallax1 .editablediv p,
body.home .homesidebitdiv h3,
body.home .homesidebitdiv h5,
body.home .homesidebitdiv em,
body.home .parallax2 h3,
body:not(.home) .page-header h1,
body:not(.home) .page-header h2,
body:not(.home) .bottommessage h1,
body:not(.home) .bottommessage h2,
body:not(.home) .bottommessage h3,
body:not(.home) .bottommessage h4 { color: #fff !important; }
body.home .parallax2 h3 { color: #231a08 !important; }
body.home .parallax1 h5.subhead { color: #e3b84a; }
body.home .hero-area .flex-caption-text p { color: #ece7d8; }
body.home .hero-area .btn-ghost.btn-light,
body.home .hero-area .btn-default.btn-light { color: #fff !important; border-color: rgba(255,255,255,.4); }
/* "A Short Introduction" block: the brick quote panel keeps its photo + white copy */
body.home .homesidebitdiv h3,
body.home .homesidebitdiv h3.asetting { color: #fff !important; }
body.home .homesidebitdiv h5 em { color: #d9d2bf !important; }

/* ---- forms, tables, FAQ ------------------------------------------------- */
body.home .meeting-form .form-control,
body.home .meeting-form input.form-control,
body.home .meeting-form select.form-control,
body.home .meeting-form .bootstrap-select > .btn,
body.home .meeting-form button.selectpicker,
body:not(.home) .form-control {
	background: #ffffff !important;
	border-color: #cdc6b3 !important;
	color: var(--text-main) !important;
}
body.home .meeting-form .form-control:focus,
body:not(.home) .form-control:focus { background: #fff !important; border-color: var(--hybrid-accent) !important; box-shadow: 0 0 0 3px rgba(181,131,11,.2) !important; }
body.home .meeting-form .form-control::placeholder,
body:not(.home) .form-control::placeholder { color: #756f60; }
body:not(.home) select.form-control option,
body.home .meeting-form .bootstrap-select .dropdown-menu { background: var(--bg-panel); color: var(--text-main); }
body.home .meeting-form .bootstrap-select .dropdown-menu li a { color: var(--text-soft); }

body:not(.home) .table,
body:not(.home) .editablediv table,
body:not(.home) .apagecontentdiv table { background: var(--bg-panel); color: var(--text-soft); }
body:not(.home) .table > thead > tr > th,
body:not(.home) .editablediv th,
body:not(.home) .apagecontentdiv th { background: var(--bg-panel-2); color: var(--text-main); }
body:not(.home) .table-striped > tbody > tr:nth-of-type(odd) { background: rgba(48,40,22,.04); }

body.home #toggleArea .accordion-group,
body:not(.home) .faq-list .accordion-group { background: linear-gradient(145deg, #ffffff, #f1eee5); border-color: var(--line-soft); box-shadow: var(--shadow-panel); }
body.home #toggleArea .accordion-toggle,
body:not(.home) .faq-list .accordion-toggle,
body.home #toggleArea .accordion-toggle h4,
body:not(.home) .faq-list .faqquestion { color: var(--text-main) !important; }
body.home #toggleArea .accordion-toggle:hover,
body:not(.home) .faq-list .accordion-toggle:hover { background: var(--hybrid-wash); color: var(--text-main); }
body.home #toggleArea .accordion-inner,
body:not(.home) .faq-list .accordion-inner { background: #f7f4ec !important; border-color: var(--line-soft); color: var(--text-soft); }
body.home #toggleArea blockquote,
body:not(.home) .faq-list blockquote,
body:not(.home) .faq-list .accordion-inner p { color: var(--text-soft); }
body.home .accordion-heading:hover h4.aquestion,
body.home .accordion-heading.active h4.aquestion { color: var(--text-main) !important; }

/* ---- inner navigation --------------------------------------------------- */
body:not(.home) .pages-sub-menu li,
body:not(.home) .pages-sub-menu li a { background: var(--bg-panel) !important; color: var(--text-soft); }
body:not(.home) .pages-sub-menu li:hover a,
body:not(.home) .pages-sub-menu li.active a { background: var(--hybrid-wash) !important; color: var(--hybrid-accent-strong); }
body:not(.home) .pages-sub-menu li.active a { box-shadow: inset 3px 0 0 var(--hybrid-accent); }

/* ---- charcoal utility bar ----------------------------------------------- */
.topbar { background: var(--bg-deep) !important; border-bottom: 1px solid rgba(255,255,255,.08); }
.topbar p,
.topbar p span { color: #c3bca9 !important; }
.topbar .social-icons li a { color: #c3bca9; }
.topbar .social-icons li a:hover { color: #fff; }
.topbar .social-icons .tooltipsterlogin { border-color: rgba(255,255,255,.28) !important; color: #efeadb !important; }
.topbar .social-icons .tooltipsterlogin:hover { background: var(--brand-gold) !important; border-color: var(--brand-gold) !important; color: #1b1611 !important; }

/* ---- white identity row ------------------------------------------------- */
.site-header { background: var(--bg-section) !important; border-bottom: 1px solid var(--line-soft); box-shadow: none !important; }
.header-style3 #info-content > li { color: var(--text-soft); }
.header-style3 #info-content > li .ititle { color: var(--text-muted); }
.header-style3 #info-content > li i,
.header-style3 #info-content > li .hi-icon { color: var(--hybrid-accent-strong); }
#info-content li div.ititle span.acontactdetail_header,
#info-content .acontactdetail_header a,
#info-content a { color: var(--text-main); }
#info-content li:hover div.ititle span.acontactdetail_header,
#info-content li.hovered div.ititle span.acontactdetail_header { color: var(--hybrid-accent-strong); }

/* ---- white primary navigation ------------------------------------------- */
.header-style3 .main-navigation,
.header-style3 .is-sticky .main-navigation {
	background: var(--hybrid-nav) !important;
	background-image: none !important;
	border-top: 1px solid var(--line-soft);
	border-bottom: 2px solid var(--brand-gold);
	box-shadow: 0 2px 10px rgba(48,40,22,.12);
}
.header-style3 .dd-menu > li > a { color: var(--hybrid-nav-ink) !important; }
.header-style3 .dd-menu > li > a:hover,
.header-style3 .dd-menu > li.active > a,
.header-style3 .dd-menu > li:hover > a { color: var(--hybrid-accent-strong) !important; }
.header-style3 .dd-menu > li i.menuicons { color: #8d8571; }
.header-style3 .dd-menu > li:hover i.menuicons,
.header-style3 .dd-menu > li.active i.menuicons { color: var(--hybrid-accent); }
.main-navigation .social-icons-colored img { opacity: 1; }

.header-style3 .dd-menu > li ul,
.dd-menu > li ul.menusubpages {
	background: var(--hybrid-nav-2) !important;
	border: 1px solid var(--line-soft);
	border-top: 2px solid var(--brand-gold);
	box-shadow: var(--shadow-panel);
}
.dd-menu .menusubpages li a,
.dd-menu > li ul li a { color: var(--text-main) !important; }
.dd-menu .menusubpages li a:hover,
.dd-menu > li ul li a:hover { background: var(--hybrid-wash) !important; color: var(--hybrid-accent-strong) !important; }
.dd-menu .menusubpages li a i { color: var(--hybrid-accent); }

#menu-toggle,
#mobile-client-login {
	background: var(--bg-deep) !important;
	border: 1px solid var(--line-medium) !important;
	color: #fff !important;
}
#menu-toggle.opened { background: var(--brand-gold) !important; border-color: var(--brand-gold) !important; color: #1b1611 !important; }

/* ---- footer stays charcoal with white titles ---------------------------- */
.site-footer { background: var(--bg-deep); border-color: rgba(255,255,255,.08); color: #b3ab98; }
.site-footer .widgettitle,
.site-footer .footer_widget h4.widgettitle { color: #fff !important; font-weight: 700; }
.site-footer .widget_links a,
.site-footer .footer_widget a,
.site-footer .footer-menu a { color: #c9c2ae; }
.site-footer .widget_links a:hover,
.site-footer .footer_widget a:hover,
.site-footer .footer-menu a:hover { color: #fff; }
.site-footer .footer-row3 p { color: #a39b86; }
.site-footer .ams-contact-card h4,
.site-footer .ams-contact-card h3 { color: #fff !important; }

/* ---- CMS editor surface: light, to match the public page ---------------- */
.fr-box.fr-basic .fr-wrapper,
.fr-box.fr-basic .fr-element {
	background: #fff;
	color: var(--text-soft);
	border-color: #d9d3c2;
}
.fr-box.fr-basic .fr-wrapper { border: 1px solid #d9d3c2; box-shadow: none; }
.fr-box.fr-basic .fr-element:focus { box-shadow: inset 0 0 0 1px var(--brand-gold); }
.fr-box .fr-element a { color: var(--hybrid-accent-strong); }
.fr-box .fr-element h1,
.fr-box .fr-element h2,
.fr-box .fr-element h3,
.fr-box .fr-element h4,
.fr-box .fr-element h5,
.fr-box .fr-element h6 { color: var(--text-main); }
.fr-box .fr-element table td,
.fr-box .fr-element table th { border-color: #d9d3c2; }

/* ---- FAQ open/closed state on light surfaces ---------------------------- */
body.home #toggleArea .accordion-toggle,
body:not(.home) .faq-list .accordion-toggle { background: transparent; }
body.home #toggleArea .accordion-toggle:hover,
body.home #toggleArea .accordion-toggle:focus,
body:not(.home) .faq-list .accordion-toggle:hover,
body:not(.home) .faq-list .accordion-toggle:focus { background: var(--hybrid-wash); color: var(--text-main); }
body.home #toggleArea .accordion-toggle[aria-expanded="true"],
body:not(.home) .faq-list .accordion-toggle[aria-expanded="true"] { background: linear-gradient(90deg, rgba(181,131,11,.18), rgba(181,131,11,.03)) !important; }
body.home #toggleArea .accordion-toggle > .fa-plus-circle,
body.home #toggleArea .accordion-toggle > .fa-minus-circle,
body:not(.home) .faq-list .accordion-toggle > .fa-plus-circle,
body:not(.home) .faq-list .accordion-toggle > .fa-minus-circle,
body.home #toggleArea .accordion-toggle[aria-expanded="true"] > .fa-minus-circle,
body:not(.home) .faq-list .accordion-toggle[aria-expanded="true"] > .fa-minus-circle { color: var(--hybrid-accent) !important; }
body.home #toggleArea .accordion-group,
body:not(.home) .faq-list .accordion-group { box-shadow: 0 10px 26px -18px rgba(48,40,22,.5); }

/* ---- hero photograph: lifted, caption scrim only (as 360G classic) ------ */
body.home .sliderbgimagediv,
body.home .sliderbgimagediv.isgrey { filter: saturate(1.05) contrast(1.05) brightness(1.12) !important; }
body.home .sliderbgimagediv:after,
body.home li.righttext .sliderbgimagediv:after {
	background: linear-gradient(to top, rgba(20,17,10,.5) 0%, rgba(20,17,10,.12) 34%, transparent 58%);
	box-shadow: inset 0 0 140px 20px rgba(0,0,0,.18);
}
body.home li.lefttext .sliderbg,
body.home li.righttext .sliderbg { opacity: 0; }
body.home .hero-slider .flex-caption { position: relative; }
body.home .hero-slider .flex-caption::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(100deg, rgba(20,17,10,.80) 0%, rgba(20,17,10,.62) 34%, rgba(20,17,10,.22) 60%, rgba(20,17,10,0) 82%);
}
body.home .hero-slider li.righttext .flex-caption::before {
	background: linear-gradient(260deg, rgba(20,17,10,.80) 0%, rgba(20,17,10,.62) 34%, rgba(20,17,10,.22) 60%, rgba(20,17,10,0) 82%);
}
body.home .hero-slider .flex-caption-table,
body.home .hero-slider .flex-caption-cell { position: relative; z-index: 2; }
@media (max-width: 767px) {
	body.home .hero-slider .flex-caption::before,
	body.home .hero-slider li.righttext .flex-caption::before { background: linear-gradient(to top, rgba(20,17,10,.82), rgba(20,17,10,.45)); }
}

/* ---- footer contact card: dark text on its white panel ------------------ */
.site-footer .ams-contact-list a,
.site-footer .footer_widget .ams-contact-list a,
.site-footer .ams-contact-list address { color: var(--text-main); }
.site-footer .ams-contact-list a:hover,
.site-footer .footer_widget .ams-contact-list a:hover { color: var(--hybrid-accent-strong); }
.site-footer .ams-contact-list i { color: var(--hybrid-accent-strong); }
.site-footer .ams-contact-label { color: var(--text-muted); }
.site-footer .ams-contact-qr p { color: var(--text-muted); }
.site-footer .ams-contact-card { background: #fff; }

/* ---- ALTCHA widget on light forms --------------------------------------- */
altcha-widget.ams-altcha,
.contact-form altcha-widget.ams-altcha,
.parallax .shadow-block altcha-widget.ams-altcha {
	--altcha-color-base: #ffffff;
	--altcha-color-text: var(--text-main);
	--altcha-color-border: #cdc6b3;
	--altcha-color-border-focus: var(--brand-gold);
	--altcha-color-footer-bg: #f4f2ed;
	--altcha-color-active: var(--brand-gold);
	--altcha-color-error-text: #a52a1a;
}

/* ---- contact page "Get In Touch" panel: dark ink on mustard (AA contrast) - */
body:not(.home) .accent-bg.padding-all40,
body:not(.home) .accent-bg.padding-all40 p,
body:not(.home) .accent-bg.padding-all40 span:not(.label),
body:not(.home) .accent-bg.padding-all40 a,
body:not(.home) .accent-bg.padding-all40 i { color: #1f1707 !important; }
body:not(.home) .accent-bg.padding-all40 h4 { color: #1f1707 !important; font-weight: 600; }

/* ---- news hub + article pages on light surfaces ------------------------- */
.ams-news-card,
.ams-source-card,
.ams-news-empty,
.ams-why,
.ams-related-services { background: linear-gradient(145deg, #ffffff, #f3f0e8) !important; box-shadow: var(--shadow-panel); border-color: var(--line-soft); }
.ams-news-card:hover,
.ams-news-card:focus-within { box-shadow: 0 22px 44px -22px rgba(48,40,22,.5); }
.ams-news-kicker { color: var(--hybrid-accent-strong); }
.ams-news-intro h2,
.ams-article h2,
.ams-news-empty h2,
.ams-news-empty h3,
.ams-news-card h3 a,
.ams-news-type { color: var(--text-main) !important; }
.ams-news-intro p,
.ams-news-card p,
.ams-article p { color: var(--text-soft); }
.ams-news-meta,
.ams-news-source { color: var(--text-muted); }
.ams-news-intro a,
.ams-article a { color: var(--hybrid-accent-strong); }
.ams-news-card h3 a:hover,
.ams-news-card h3 a:focus { color: var(--hybrid-accent-strong) !important; }
.ams-news-tag { background: var(--hybrid-wash); border-color: #e6d3a0; color: var(--hybrid-accent-strong); }
.ams-news-tag--more,
.ams-pagination span,
.ams-copy-link,
.ams-service-card { background: var(--bg-panel-2); border-color: var(--line-soft); color: var(--text-soft); }
.ams-service-card:hover { background: var(--hybrid-wash); }
.ams-service-name { color: var(--text-main) !important; }
.ams-topic-filter a { background: #fff; color: var(--text-soft); }
.ams-topic-filter a:hover,
.ams-topic-filter a:focus,
.ams-topic-filter a.is-active { background: var(--brand-gold); color: #1b1611; }
.ams-article-facts { background: rgba(48,40,22,.03); }
.ams-fact-label { color: var(--hybrid-accent-strong); }
.ams-fact-values { color: var(--text-soft); }
.ams-copy-link.is-copied { color: var(--text-main); }
.ams-news-original { color: var(--hybrid-accent-strong) !important; }

/* ---- inner "fancy" panels, sidebars, Where-next cards -------------------- */
body:not(.home) .widget.fancy_block { background: linear-gradient(145deg, #ffffff, #f3f0e8); }
body:not(.home) .widget.fancy_block a,
body:not(.home) .widget.fancy_block i { color: var(--hybrid-accent-strong); }
body:not(.home) a:hover .fancy_block2 { background: var(--hybrid-wash); border-color: rgba(181,131,11,.5); }
body:not(.home) .fancy_block2 h3,
body:not(.home) .fancy_block2 h4 { color: var(--text-main); }
body:not(.home) .pages-sub-menu i { color: var(--hybrid-accent); }
