/* =========================================================
   Zamm black-and-gold post-hero theme
   IMPORTANT: only elements carrying .zamm-posthero-theme are affected.
   Hero sections are deliberately excluded.
   ========================================================= */

:root{
  --zamm-black:#05070a;
  --zamm-black-soft:#0a0e14;
  --zamm-black-card:#0d131c;
  --zamm-black-card-2:#111a25;
  --zamm-gold:#e9b12f;
  --zamm-gold-bright:#f4c550;
  --zamm-gold-soft:rgba(233,177,47,.16);
  --zamm-text:#f7f4ec;
  --zamm-muted:#c5c1b8;
  --zamm-line:rgba(233,177,47,.25);
}

/* Fill the area behind post-hero sections without changing hero artwork. */
main{
  background:var(--zamm-black)!important;
}

/* Main post-hero surfaces */
main > .zamm-posthero-theme{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  color:var(--zamm-text)!important;
  background:
    radial-gradient(circle at 92% 8%,rgba(233,177,47,.13),transparent 28%),
    radial-gradient(circle at 8% 92%,rgba(233,177,47,.055),transparent 30%),
    linear-gradient(145deg,#05070a 0%,#080c12 54%,#0c1118 100%)!important;
  border-top:1px solid rgba(233,177,47,.10)!important;
  border-bottom:1px solid rgba(233,177,47,.08)!important;
}

/* Alternate the gold glow so long pages do not feel repetitive. */
main > .zamm-posthero-theme:nth-child(odd){
  background:
    radial-gradient(circle at 10% 12%,rgba(233,177,47,.11),transparent 27%),
    radial-gradient(circle at 88% 88%,rgba(233,177,47,.05),transparent 31%),
    linear-gradient(145deg,#080b10 0%,#05070a 58%,#0b1017 100%)!important;
}

/* Very subtle gold grid texture */
main > .zamm-posthero-theme::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  opacity:.20!important;
  background-image:
    linear-gradient(rgba(233,177,47,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(233,177,47,.055) 1px,transparent 1px)!important;
  background-size:34px 34px!important;
  mask-image:linear-gradient(180deg,transparent,black 18%,black 82%,transparent)!important;
}

/* Remove old white/soft backgrounds below heroes */
main > .zamm-posthero-theme.section,
main > .zamm-posthero-theme.soft,
main > .zamm-posthero-theme.page-content-section,
main > .zamm-posthero-theme.faq-section,
main > .zamm-posthero-theme.local-seo-section,
main > .zamm-posthero-theme.projects-section,
main > .zamm-posthero-theme.website-showcase,
main > .zamm-posthero-theme.moving-reviews-section{
  color:var(--zamm-text)!important;
}

/* Headings, descriptions, labels and links */
.zamm-posthero-theme h1,
.zamm-posthero-theme h2,
.zamm-posthero-theme h3,
.zamm-posthero-theme h4,
.zamm-posthero-theme h5,
.zamm-posthero-theme h6,
.zamm-posthero-theme .section-title,
.zamm-posthero-theme .section-heading,.zamm-posthero-theme .mobile-h1{
  color:#fff!important;
  text-shadow:0 3px 18px rgba(0,0,0,.24)!important;
}

.zamm-posthero-theme p,
.zamm-posthero-theme li,
.zamm-posthero-theme dd,
.zamm-posthero-theme address,
.zamm-posthero-theme .muted,
.zamm-posthero-theme .section-subtitle,
.zamm-posthero-theme .section-copy{
  color:var(--zamm-muted)!important;
}

.zamm-posthero-theme .eyebrow,
.zamm-posthero-theme .section-kicker,
.zamm-posthero-theme .overline,
.zamm-posthero-theme .label{
  color:var(--zamm-gold-bright)!important;
}

.zamm-posthero-theme a:not(.btn){
  color:var(--zamm-gold-bright)!important;
  text-decoration-color:rgba(244,197,80,.45)!important;
}

.zamm-posthero-theme a:not(.btn):hover{
  color:#ffe09a!important;
}

/* Gold section rules and decorative accents */
.zamm-posthero-theme .eyebrow::before,
.zamm-posthero-theme .section-kicker::before,
.zamm-posthero-theme .section-heading::before,
.zamm-posthero-theme .accent-line,
.zamm-posthero-theme .gold-line{
  background:var(--zamm-gold)!important;
}

/* Core card system */
.zamm-posthero-theme :is(
  .service-card,
  .process-card,
  .project-feature,
  .showcase-card,
  .industry-card,
  .value-card,
  .deliverable,
  .moving-review-card,
  .about-depth-card,
  .founder-card,
  .contact-card,
  .local-seo-card,
  .blog-card,
  .sidebar-card,
  .sticky-card,
  .article-callout,
  .article-faq-block,
  .faq,
  .contact-form,
  .map-frame,
  .mission-card,
  .vision-card,
  .serve-card,
  .stat-card,
  .feature-card,
  .content-card
){
  color:var(--zamm-text)!important;
  border:1px solid rgba(233,177,47,.28)!important;
  background:
    linear-gradient(145deg,rgba(17,26,37,.98),rgba(8,12,18,.98))!important;
  box-shadow:
    inset 4px 0 0 var(--zamm-gold),
    inset 0 1px 0 rgba(255,255,255,.035),
    0 14px 30px rgba(0,0,0,.27),
    0 30px 68px rgba(0,0,0,.20)!important;
}

/* Generic boxed elements that do not have one of the named classes */
.zamm-posthero-theme :is(
  article,
  details,
  .panel,
  .box
){
  border-color:rgba(233,177,47,.23)!important;
}

/* Text inside cards */
.zamm-posthero-theme :is(
  .service-card,
  .process-card,
  .project-feature,
  .showcase-card,
  .industry-card,
  .value-card,
  .deliverable,
  .moving-review-card,
  .about-depth-card,
  .founder-card,
  .contact-card,
  .local-seo-card,
  .blog-card,
  .sidebar-card,
  .sticky-card,
  .article-callout,
  .article-faq-block,
  .faq,
  .contact-form
) h3,
.zamm-posthero-theme .faq summary{
  color:#fff!important;
}

.zamm-posthero-theme :is(
  .service-card,
  .process-card,
  .project-feature,
  .showcase-card,
  .industry-card,
  .value-card,
  .deliverable,
  .moving-review-card,
  .about-depth-card,
  .founder-card,
  .contact-card,
  .local-seo-card,
  .blog-card,
  .sidebar-card,
  .sticky-card,
  .article-callout,
  .article-faq-block,
  .faq,
  .contact-form
) p{
  color:#c9c5bc!important;
}

/* FAQ styling */
.zamm-posthero-theme .faq{
  overflow:hidden!important;
}

.zamm-posthero-theme .faq summary{
  background:transparent!important;
}

.zamm-posthero-theme .faq[open]{
  border-color:rgba(233,177,47,.52)!important;
  box-shadow:
    inset 4px 0 0 var(--zamm-gold),
    0 18px 38px rgba(0,0,0,.31)!important;
}

/* Buttons */
.zamm-posthero-theme .btn-primary,
.zamm-posthero-theme .btn-gold,
.zamm-posthero-theme .btn:not(.btn-light):not(.btn-outline){
  color:#080a0d!important;
  border-color:var(--zamm-gold)!important;
  background:
    linear-gradient(180deg,#f5c954 0%,#e9b12f 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.48),
    0 12px 28px rgba(233,177,47,.21)!important;
}

.zamm-posthero-theme .btn-light{
  color:#0a0d12!important;
  background:#fff!important;
  border-color:#fff!important;
}

.zamm-posthero-theme .btn-outline{
  color:var(--zamm-gold-bright)!important;
  border-color:rgba(233,177,47,.48)!important;
  background:rgba(233,177,47,.06)!important;
}

.zamm-posthero-theme .btn-outline:hover{
  color:#090b0e!important;
  background:var(--zamm-gold)!important;
}

/* Forms */
.zamm-posthero-theme :is(input,textarea,select){
  color:#f8f5ee!important;
  caret-color:var(--zamm-gold)!important;
  border:1px solid rgba(233,177,47,.27)!important;
  background:#080d14!important;
  box-shadow:
    inset 0 2px 7px rgba(0,0,0,.32),
    0 7px 18px rgba(0,0,0,.12)!important;
}

.zamm-posthero-theme :is(input,textarea,select)::placeholder{
  color:#918d84!important;
}

.zamm-posthero-theme :is(input,textarea,select):focus{
  border-color:var(--zamm-gold)!important;
  box-shadow:
    inset 0 2px 7px rgba(0,0,0,.26),
    0 0 0 4px rgba(233,177,47,.13)!important;
}

.zamm-posthero-theme label{
  color:#f4f0e8!important;
}

/* Lists, ticks and small icon circles */
.zamm-posthero-theme :is(
  .check-list li::before,
  .service-hero-points li::before,
  .icon,
  .value-icon,
  .process-number
){
  color:#090b0e!important;
  background:var(--zamm-gold)!important;
  box-shadow:0 8px 22px rgba(233,177,47,.20)!important;
}

/* Review stars and ratings */
.zamm-posthero-theme .moving-review-stars,
.zamm-posthero-theme .stars,
.zamm-posthero-theme .rating{
  color:var(--zamm-gold-bright)!important;
}

/* Tables and dividers */
.zamm-posthero-theme table{
  color:var(--zamm-text)!important;
  border-color:rgba(233,177,47,.20)!important;
  background:rgba(10,14,20,.76)!important;
}

.zamm-posthero-theme th{
  color:#fff!important;
  background:rgba(233,177,47,.12)!important;
}

.zamm-posthero-theme td,
.zamm-posthero-theme th{
  border-color:rgba(233,177,47,.16)!important;
}

.zamm-posthero-theme hr{
  border-color:rgba(233,177,47,.20)!important;
}

/* Image frames */
.zamm-posthero-theme :is(
  .service-image,
  .process-card-image,
  .project-feature-visual,
  .showcase-media,
  .industry-card-image,
  .value-card-image,
  .deliverable-media,
  .blog-thumb,
  .founder-photo,
  .map-frame
){
  border-color:rgba(233,177,47,.28)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 18px 38px rgba(0,0,0,.28)!important;
}

/* Marquee stays black but receives cleaner gold separators */
.zamm-posthero-theme.service-marquee{
  background:#030609!important;
  border-color:rgba(233,177,47,.20)!important;
}

.zamm-posthero-theme.service-marquee .marquee-track i{
  color:var(--zamm-gold-bright)!important;
}

/* Dark CTA sections receive a stronger Zamm-gold frame */
.zamm-posthero-theme .cta-band-inner{
  border:1px solid rgba(233,177,47,.35)!important;
  background:
    radial-gradient(circle at 92% 10%,rgba(233,177,47,.14),transparent 30%),
    linear-gradient(145deg,#08111d,#04070b)!important;
  box-shadow:
    inset 5px 0 0 var(--zamm-gold),
    0 24px 54px rgba(0,0,0,.33)!important;
}

/* Ensure no accidental white strip appears between themed sections */
main > .zamm-posthero-theme + .zamm-posthero-theme{
  margin-top:0!important;
}

/* Mobile/tablet spacing and readability */
@media(max-width:1050px){
  main > .zamm-posthero-theme{
    border-top-color:rgba(233,177,47,.09)!important;
    border-bottom-color:rgba(233,177,47,.07)!important;
  }

  main > .zamm-posthero-theme::before{
    background-size:28px 28px!important;
    opacity:.14!important;
  }

  .zamm-posthero-theme :is(
    .service-card,
    .process-card,
    .project-feature,
    .showcase-card,
    .industry-card,
    .value-card,
    .deliverable,
    .moving-review-card,
    .about-depth-card,
    .founder-card,
    .contact-card,
    .local-seo-card,
    .blog-card,
    .sidebar-card,
    .sticky-card,
    .article-callout,
    .article-faq-block,
    .faq,
    .contact-form,
    .map-frame
  ){
    border-color:rgba(233,177,47,.24)!important;
    background:
      linear-gradient(150deg,#101720 0%,#080c12 100%)!important;
    box-shadow:
      inset 3px 0 0 var(--zamm-gold),
      0 14px 31px rgba(0,0,0,.25)!important;
  }
}

@media(max-width:560px){
  main > .zamm-posthero-theme{
    background:
      radial-gradient(circle at 90% 8%,rgba(233,177,47,.10),transparent 25%),
      linear-gradient(150deg,#05070a 0%,#090d13 100%)!important;
  }

  .zamm-posthero-theme p,
  .zamm-posthero-theme li,
  .zamm-posthero-theme dd{
    color:#c8c3b9!important;
  }
}