:root {
  --section-red: #68312e;
  --section-red-soft: #7a3b36;
  --section-red-deep: #4f2422;
  --section-red-darkest: #3f1918;
}

/* Large public-facing dark surfaces */
.cta-band,
.services-cta,
.guide-cta,
.tariffs-calculator,
.tariffs-cta,
.about-benefits-section,
.about-benefits,
.about-practical-column,
.why-section,
.home-page .hero-info,
.home-page .service-card.accent,
.home-page .booking-card .booking-cta,
.booking-aside {
  background:
    linear-gradient(180deg, rgba(63, 25, 24, .02), rgba(63, 25, 24, .24)),
    radial-gradient(circle at 88% 18%, rgba(217, 170, 88, .07), transparent 30%),
    linear-gradient(180deg, #60302c 0%, #562724 45%, #4b211f 100%) !important;
}

.site-footer {
  background:
    radial-gradient(circle at 9% 16%, rgba(217, 170, 88, .07), transparent 24%),
    linear-gradient(180deg, #4b211f 0%, var(--section-red-darkest) 100%) !important;
  border-top: 1px solid rgba(217, 170, 88, .3);
}

/* Image-led interior heroes retain photography with a warm red overlay */
.about-page-header,
.about-page-redesign .about-page-header,
.services-hero,
.acts-hero,
.tariffs-hero,
.guide-hero,
.booking-hero {
  background-color: var(--section-red-deep) !important;
}

.about-page-redesign .about-page-header {
  background-image:
    linear-gradient(90deg, rgba(63, 25, 24, .95), rgba(79, 36, 34, .84) 48%, rgba(104, 49, 46, .6)),
    linear-gradient(180deg, rgba(63, 25, 24, .12), rgba(63, 25, 24, .42)),
    url("../images/conclude-sediu-exterior.jpeg") !important;
}

.services-hero {
  background-image:
    linear-gradient(90deg, rgba(63, 25, 24, .97), rgba(79, 36, 34, .88) 48%, rgba(104, 49, 46, .68)),
    linear-gradient(180deg, rgba(63, 25, 24, .18), rgba(63, 25, 24, .48)),
    url("../images/conclude-birou-interior.jpeg") !important;
}

.acts-hero {
  background-image:
    linear-gradient(90deg, rgba(63, 25, 24, .96), rgba(79, 36, 34, .87) 46%, rgba(104, 49, 46, .68)),
    linear-gradient(180deg, rgba(63, 25, 24, .18), rgba(63, 25, 24, .48)),
    url("../images/conclude-spatiu-consultatii.jpeg") !important;
}

.tariffs-hero {
  background-image:
    linear-gradient(90deg, rgba(63, 25, 24, .97), rgba(79, 36, 34, .88) 48%, rgba(104, 49, 46, .68)),
    linear-gradient(180deg, rgba(63, 25, 24, .18), rgba(63, 25, 24, .48)),
    url("../images/conclude-intrare-sediu.jpeg") !important;
}

.guide-hero {
  background-image:
    linear-gradient(90deg, rgba(63, 25, 24, .97), rgba(79, 36, 34, .88) 48%, rgba(104, 49, 46, .68)),
    linear-gradient(180deg, rgba(63, 25, 24, .18), rgba(63, 25, 24, .48)),
    url("../images/conclude-birou-interior.jpeg") !important;
}

.booking-hero::before {
  background: linear-gradient(90deg, rgba(63, 25, 24, .97), rgba(79, 36, 34, .87) 50%, rgba(104, 49, 46, .58)) !important;
}

/* Dark controls and selected states */
.button-navy,
.service-pills a:first-child,
.services-filter.is-active,
.service-action--primary,
.acts-filter.is-active,
.acts-page .procedure-card--no-preview > .procedure-card-actions .procedure-card-view,
.booking-progress li.is-active,
.calendar-day.is-selected,
.calendar-legend span:last-child i,
.success-mark {
  background: var(--section-red) !important;
  border-color: var(--section-red) !important;
}

.button-navy:hover,
.button-navy:focus-visible,
.service-action--primary:hover,
.service-action--primary:focus-visible,
.acts-page .procedure-card--no-preview > .procedure-card-actions .procedure-card-view:hover,
.acts-page .procedure-card--no-preview > .procedure-card-actions .procedure-card-view:focus-visible {
  background: var(--section-red-soft) !important;
  border-color: var(--section-red-soft) !important;
}

/* On red surfaces, actions use gold or ivory instead of disappearing into the background */
.cta-band .button-navy,
.services-cta .button-navy,
.guide-cta .button-navy,
.tariffs-cta .button-navy,
.about-practical-column .button-navy,
.home-page .booking-card .booking-cta .button,
.booking-aside .button-navy {
  color: #2c1b13 !important;
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  box-shadow: 0 10px 24px rgba(30, 14, 12, .18);
}

.cta-band .button-navy:hover,
.cta-band .button-navy:focus-visible,
.services-cta .button-navy:hover,
.services-cta .button-navy:focus-visible,
.guide-cta .button-navy:hover,
.guide-cta .button-navy:focus-visible,
.tariffs-cta .button-navy:hover,
.tariffs-cta .button-navy:focus-visible,
.about-practical-column .button-navy:hover,
.about-practical-column .button-navy:focus-visible,
.home-page .booking-card .booking-cta .button:hover,
.home-page .booking-card .booking-cta .button:focus-visible,
.booking-aside .button-navy:hover,
.booking-aside .button-navy:focus-visible {
  color: #fff !important;
  background: var(--gold-dark) !important;
  border-color: var(--gold-dark) !important;
}

.cta-band .button-outline,
.services-cta .button-outline,
.guide-cta .button-outline,
.tariffs-cta .button-outline,
.about-practical-column .button-outline,
.about-practical-column .button-outline-navy {
  color: #fffaf2 !important;
  background: rgba(255, 250, 242, .07) !important;
  border-color: rgba(255, 250, 242, .46) !important;
}
/* Mobile navigation and map image overlays */
@media (max-width: 860px) {
  .site-header.nav-open nav,
  .home-page .home-hero-header.nav-open nav,
  .site-header.nav-open .header-actions {
    background: linear-gradient(145deg, var(--section-red-deep), var(--section-red)) !important;
  }
}

.static-map-frame,
.static-location-card {
  background: var(--section-red-deep) !important;
}

.static-location-card::after {
  background: linear-gradient(180deg, rgba(79, 36, 34, .04) 32%, rgba(63, 25, 24, .9) 100%) !important;
}

.static-location-card.is-map::after {
  background: linear-gradient(180deg, rgba(79, 36, 34, .02) 48%, rgba(63, 25, 24, .86) 100%) !important;
}