/* ===== Feuerwehr Otzberg-Lengfeld – Look & Feel (Child Overrides) ===== */
:root{
  --ff-red: #D61A22;
  --ff-red-dark:#A31016;
  --ff-ember:#FF7A18;
  --ff-charcoal:#0B0F14;
  --ff-steel:#141B24;
  --ff-off:#F5F7FA;
  --ff-ash:#A7B0BE;
  --ff-radius: 14px;
}

/* Base */
body{
  background:
    radial-gradient(1100px 520px at 70% 10%, rgba(255,122,24,.14), rgba(11,15,20,0) 60%),
    radial-gradient(820px 520px at 20% 0%, rgba(214,26,34,.18), rgba(11,15,20,0) 65%),
    linear-gradient(180deg, var(--ff-charcoal) 0%, var(--ff-charcoal) 100%) !important;
  color: var(--ff-off);
}

/* Links + accents */
a, a:visited{ color: var(--ff-off); }
a:hover{ color: var(--ff-ember); }

/* Top header area */
.at-navbar-wrapper,
.at-sticky {
  background: rgba(11,15,20,.72) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(245,247,250,.10);
}
.at-navbar-wrapper .site-title a{
  letter-spacing: .02em;
  text-transform: uppercase;
}
#at-site-navigation a{
  font-weight: 650;
}
#at-site-navigation a:hover{
  color: var(--ff-ember) !important;
}

/* Add a “hose stripe” under nav */
.at-navbar-wrapper:after{
  content:"";
  display:block;
  height: 4px;
  background: linear-gradient(90deg, var(--ff-red) 0%, var(--ff-ember) 60%, #FFB020 100%);
}

/* Buttons */
button, input[type="button"], input[type="submit"], .read-more, .wpcf7-submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
  border-radius: var(--ff-radius) !important;
  background: linear-gradient(90deg, var(--ff-red), var(--ff-ember)) !important;
  color: #0B0F14 !important;
  border: 0 !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.28);
}
button:hover, input[type="submit"]:hover, .read-more:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
  filter: brightness(1.05);
}

/* Cards / boxes */
.widget, .at-widgets, .at-content-area, .single-post-wrap, .woocommerce div.product, .woocommerce ul.products li.product{
  border-radius: 18px;
}
.widget, .at-widgets .widget, .woocommerce ul.products li.product, .at-default-margin{
  background: rgba(245,247,250,.04);
  border: 1px solid rgba(245,247,250,.10);
}

/* Slider overlay for “Einsatzfoto”-Look */
.at-slider-wrapper .at-slider-overlay{
  background: linear-gradient(90deg, rgba(11,15,20,.80) 0%, rgba(11,15,20,.48) 48%, rgba(11,15,20,.78) 100%) !important;
}
.at-slider-wrapper .slides li .slider-title{
  font-weight: 900;
  letter-spacing: -0.02em;
  text-transform: none;
}
.at-slider-wrapper .slides li .slider-desc{
  color: rgba(245,247,250,.88) !important;
}

/* “Notruf 112” badge (use in menu/custom HTML widget) */
.ff-badge{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.35rem .7rem;
  border-radius:999px;
  background: rgba(245,247,250,.06);
  border: 1px solid rgba(245,247,250,.14);
  color: var(--ff-off);
  font-weight: 750;
}
.ff-badge strong{ color: var(--ff-ember); }

/* Footer */
#colophon{
  background: rgba(11,15,20,.84) !important;
  border-top: 1px solid rgba(245,247,250,.10);
}
#colophon a:hover{ color: var(--ff-ember) !important; }

/* Forms */
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea, select{
  border-radius: 12px !important;
  background: rgba(245,247,250,.08) !important;
  border: 1px solid rgba(245,247,250,.14) !important;
  color: var(--ff-off) !important;
}
input::placeholder, textarea::placeholder{ color: rgba(245,247,250,.65) !important; }

/* Woo price accent */
.woocommerce div.product p.price, .woocommerce div.product span.price,
.woocommerce ul.products li.product .price{
  color: var(--ff-ember) !important;
  font-weight: 800;
}

/* Mobile spacing */
@media (max-width: 782px){
  .at-navbar-wrapper:after{ height:3px; }
}