@import url('/assets/css/pv-brand-refresh.css?v=20260926-1');

/* ParkenVergleich – öffentlicher Markenauftritt */
:root {
  --pv-navy: #0b2e63;
  --pv-blue: #1677f2;
  --pv-orange: #f58220;
  --pv-surface: #f5f8fc;
}

/* Die Wortmarke bleibt Text und damit auf allen Bildschirmgrößen gestochen scharf.
   Das vorhandene PV-Signet wird als eigenständiges Markenzeichen vorangestellt. */
.pv-public-navbar {
  background: #fff !important;
  border-bottom: 1px solid rgba(11,46,99,.10) !important;
  box-shadow: 0 2px 14px rgba(11,46,99,.07) !important;
}
.pv-public-navbar .pv-public-brand-text {
  position: relative;
  padding-left: 58px;
}
.pv-public-navbar .pv-public-brand-text::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 46px;
  height: 46px;
  transform: translateY(-50%);
  border-radius: 12px;
  background: #0b2e63 url('/images/pv-icon-logo.png') center / contain no-repeat;
  box-shadow: 0 3px 8px rgba(11,46,99,.18);
}
.pv-public-navbar .pv-public-brand-main { letter-spacing: -.045em; }
.pv-public-navbar .pv-public-brand-tagline { color: #5d6b7d !important; }
.pv-public-navbar .nav-link { color: #0b2e63 !important; }
.pv-public-navbar .nav-link:hover,
.pv-public-navbar .nav-link:focus { color: #1677f2 !important; }

/* Das vorhandene Flughafenmotiv bleibt unverändert, erhält jedoch eine klare,
   kühle Kontrast- und Farbebene für bessere Lesbarkeit. */
body.pv-home-public .hero-home::before {
  background: linear-gradient(115deg, rgba(4,34,81,.22), rgba(22,119,242,.08) 52%, rgba(4,34,81,.15)) !important;
  opacity: 1 !important;
}
body.pv-home-public .hero-copy h1 {
  color: #082c60 !important;
  text-shadow: 0 2px 18px rgba(255,255,255,.88) !important;
}
body.pv-home-public .hero-subtitle-v11 {
  color: #153d70 !important;
  font-weight: 600;
}

/* Helle, klar gegliederte Suchkarte. Die Feldnamen und die Buchungslogik
   werden bewusst nicht verändert. */
body.pv-home-public .pv-booking-search-card {
  border: 1px solid rgba(11,46,99,.17) !important;
  border-radius: 18px !important;
  background: rgba(248,251,255,.98) !important;
  box-shadow: 0 18px 42px rgba(4,34,81,.22) !important;
}
body.pv-home-public .pv-booking-search-field label { color: #0b2e63 !important; }
body.pv-home-public .pv-booking-search-card .pv-picker-trigger,
body.pv-home-public .pv-booking-search-card .form-select {
  border-color: #c7d5e7 !important;
  background: #fff !important;
}
body.pv-home-public .pv-booking-search-card .pv-picker-trigger:hover,
body.pv-home-public .pv-booking-search-card .form-select:hover {
  border-color: #1677f2 !important;
}
body.pv-home-public .pv-booking-search-card .pv-picker-trigger:focus-visible,
body.pv-home-public .pv-booking-search-card .form-select:focus {
  border-color: #1677f2 !important;
  box-shadow: 0 0 0 .18rem rgba(22,119,242,.16) !important;
}
/* Orange bleibt ausschließlich dem primären Such-CTA vorbehalten. */
body.pv-home-public .pv-booking-search-submit {
  background: #f58220 !important;
  border-color: #f58220 !important;
  box-shadow: 0 5px 12px rgba(245,130,32,.28) !important;
}
body.pv-home-public .pv-booking-search-submit:hover,
body.pv-home-public .pv-booking-search-submit:focus {
  background: #df6f10 !important;
  border-color: #df6f10 !important;
}

.home-intro-v11 { border-top-color: rgba(11,46,99,.10) !important; }
.pv-home-content h2,
.pv-home-content h3 { color: #0b2e63 !important; }
.pv-home-content .border.rounded-4 { border-color: rgba(11,46,99,.13) !important; }

@media (max-width: 767.98px) {
  .pv-public-navbar .pv-public-brand-text { padding-left: 43px; }
  .pv-public-navbar .pv-public-brand-text::before {
    width: 35px;
    height: 35px;
    border-radius: 9px;
  }
  body.pv-home-public .pv-booking-search-card {
    border-radius: 14px !important;
    box-shadow: 0 12px 28px rgba(4,34,81,.20) !important;
  }
}