/*
  lescerneux.ch – Corporate-Identity-Overrides
  Basis: www.lescerneux.ch (Font: Lato, Gold #fab914, Anthrazit #3d3d3d,
  Button-Text Dunkelbraun #322401, Pill-Buttons, Uppercase-Akzente)
  Diese Datei wird in core/header*.tpl.php als letztes Stylesheet geladen
  und uebersteuert style.css / color.css.
*/


/* ---------- Header: dunkel wie die Topbar der Hauptseite ---------- */

.main-header .header-lower {
  background: #3d3d3d;
}

.main-header .logo img {
  height: 88px;
  width: auto;
}

.header-style-one .header-lower .logo-box {
  top: 18px;
}

.main-menu .navigation > li > a {
  color: #fff;
}

.main-header .menu-right-content .support-box {
  border-right-color: rgba(255, 255, 255, 0.20);
}

/* Icon liegt auf Gold: dunkel statt weiss (weiss auf #fab914 ist zu kontrastarm) */
.main-header .menu-right-content .support-box .icon {
  color: #322401;
}

.main-header .menu-right-content .support-box span {
  color: rgba(255, 255, 255, 0.70);
}

.main-header .menu-right-content .support-box h5 a {
  color: #fff;
}

.main-header .menu-right-content .cart-box a,
.main-header .search-box-btn {
  color: #fff;
}

.main-header .mobile-nav-toggler .icon-bar {
  background: #fff;
}

/* Sprachwahl-Dropdown (Hintergrund Gold aus color.css) */
.main-header .search-panel .form-group ul li a {
  color: #322401;
}


/* ---------- Buttons: Pill-Form wie auf der Hauptseite ---------- */

.theme-btn {
  border-radius: 50rem;
  overflow: hidden;
  letter-spacing: 1px;
}

/* Gruene Success-Buttons brauchen helle Schrift */
.theme-btn.btn-success {
  color: #fff !important;
}

.scroll-top {
  color: #322401;
}


/* ---------- Titel & Akzente ---------- */

/* Ex-Amatic-Subtitles: klein, uppercase, gold (Farbe aus color.css) */
.sec-title .sub-title {
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.sec-title h2,
.booking-title {
  font-weight: 700;
}


/* ---------- Buchungs-Datumsfelder auf Gold-Container ---------- */

.booking-date-section label > span {
  color: #322401;
}

.booking-date-section label > input {
  color: #322401;
  border-bottom-color: rgba(50, 36, 1, 0.45);
}

.booking-date-section label > input:valid {
  border-bottom-color: #322401;
}

.booking-date-section label > input:focus + span {
  color: #322401;
}


/* ---------- Footer (Anthrazit) ---------- */

/* Brauner Pinselstrich-Uebergang (shape-13.png) auf Anthrazit trimmen */
.main-footer .pattern-layer {
  filter: grayscale(1) brightness(1.45);
}

.main-footer .widget-section .newsletter-widget .widget-content .newsletter-form .form-group button {
  color: #322401;
}

.main-footer .widget-section .contact-widget .social-links li a:hover {
  color: #322401;
}


/* ---------- Diverses ---------- */

.pre-header {
  color: #322401;
}


/* ---------- Mobile ---------- */

@media only screen and (max-width: 767px) {
  .main-header .logo img {
    height: 60px;
  }
}