/* ================================================================
   footer-styles.css
   ================================================================
   VERSION: 6
   ABLAGEORT: /site/templates/styles/footer-styles.css
   ================================================================ */

footer{background:var(--navy-3);color:#9AA0AE;}

.f-inner{
  max-width:1180px;margin:0 auto;padding:60px 40px 32px;
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;
}

.f-brand{font-family:'Caveat',cursive;font-weight:600;font-size:32px;color:#fff;}
.f-about p{font-size:14.5px;line-height:1.7;margin-top:12px;max-width:260px;font-weight:300;}

.f-col h4{font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-weight:600;}
.f-col a{display:block;font-size:14.5px;margin-bottom:10px;transition:color .25s var(--ease);font-weight:300;color:inherit;text-decoration:none;}
.f-col a:hover{color:var(--accent);}

/* ---------- Neues 4-Spalten-Layout (Badge / Adresse / Oeffnungszeiten / Kuechenzeiten) ---------- */
.f-inner-4col{align-items:start;}

.f-badge-col{display:flex;align-items:flex-start;}
.f-badge-img{max-width:150px;width:100%;height:auto;border-radius:4px;}

.f-address-name{color:#fff;font-weight:600;font-size:15.5px;margin-bottom:6px;}
.f-address-text{white-space:pre-line;font-size:14.5px;font-weight:300;line-height:1.65;margin-bottom:14px;}
.f-address-text a{display:inline;color:var(--accent);text-decoration:underline;}
.f-contact-links a{margin-bottom:6px;}

.f-hours-row{display:flex;justify-content:space-between;gap:14px;font-size:14.5px;font-weight:300;line-height:1.9;}
.f-hours-day{opacity:.75;white-space:nowrap;}
.f-hours-time{color:#fff;text-align:right;}

.f-bottom{
  border-top:1px solid rgba(255,255,255,.08);
  text-align:center;padding:18px;
  font-size:14px;letter-spacing:.02em;color:#8B90A0;
}

@media(max-width:980px){
  .f-inner{grid-template-columns:1fr 1fr;padding:44px 30px 26px;}
}
@media(max-width:560px){
  .f-inner{grid-template-columns:1fr;}
  .f-badge-col{justify-content:center;}
}

/* ================================================================
   SCHMALE LEISTE UNTER DEM FOOTER (_footer.php)
   ================================================================
   Gehoert bewusst HIER (nicht in riva-styles.css) - _footer.php ist
   global auf JEDER Seite eingebunden, footer-styles.css laedt daher
   ueberall. riva-styles.css laedt dagegen NUR auf der Startseite
   ($rivaNeedsHomeSections) - dort waren diese Regeln vorher
   faelschlich einsortiert, wodurch die Leiste auf allen anderen
   Seiten (Impressum etc.) ungestylt blieb.
   ================================================================ */
.footer-bottom-bar{background:var(--navy-3);padding:14px 0;}
.footer-bottom-inner{
  max-width:1180px;margin:0 auto;padding:0 40px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
}
.fbb-links{display:flex;gap:22px;flex-wrap:wrap;}
.fbb-links ul{display:flex;gap:22px;flex-wrap:wrap;list-style:none;margin:0;padding:0;}
.fbb-links li{display:inline-block;margin:0;}
.fbb-links a{font-size:14px;color:#9AA0AE;transition:color .25s var(--ease);}
.fbb-links a:hover{color:var(--accent);}
.fbb-logo{display:block;flex:0 0 auto;line-height:0;}
.fbb-logo img{height:28px;width:auto;display:block;}

@media(max-width:640px){
  .footer-bottom-inner{padding:0 30px;flex-direction:column;align-items:flex-start;gap:12px;}
}