/* ============================================================
   Getränkestodl – Custom CSS für FrachtPilot  (v3)
   Farben:
     #aa2711  → Dunkelrot (Hauptfarbe)
     #bdbe97  → Olivgrün/Khaki (Akzent)
     #f6f1da  → Creme (Hintergrund)
   ============================================================ */


/* ----------------------------------------------------------
   1. NAVIGATION / HEADER
   ---------------------------------------------------------- */

.s-header,
nav.navbar {
    background-color: #aa2711 !important;
    border-bottom: none !important;
}

.s-header a,
.s-header .navbar-brand,
nav.navbar a,
nav.navbar .navbar-brand {
    color: #f6f1da !important;
}

.s-header .btn,
nav.navbar .btn {
    color: #f6f1da !important;
    border-color: rgba(246, 241, 218, 0.4) !important;
}

.s-header .s-cart-btn,
nav.navbar .s-cart-btn {
    background-color: #f6f1da !important;
    color: #aa2711 !important;
    border-color: #f6f1da !important;
    font-weight: 600;
}

/* ----------------------------------------------------------
   2. SUCHFELD — Kontrast fix
   ---------------------------------------------------------- */

/* Suchfeld Hintergrund und Textfarbe */
.s-header input.form-control,
.s-header input[type="search"],
nav.navbar input.form-control,
nav.navbar input[type="search"],
.inline-search-form input,
input.form-control.text-left {
    background-color: #ffffff !important;
    color: #2a1a10 !important;
    border-color: rgba(246, 241, 218, 0.6) !important;
}

/* Placeholder-Text im Suchfeld */
.s-header input.form-control::placeholder,
nav.navbar input.form-control::placeholder,
input.form-control.text-left::placeholder {
    color: #888 !important;
    opacity: 1 !important;
}

/* Fokus-Zustand */
.s-header input.form-control:focus,
nav.navbar input.form-control:focus,
input.form-control.text-left:focus {
    background-color: #ffffff !important;
    color: #2a1a10 !important;
    border-color: #f6f1da !important;
    box-shadow: 0 0 0 2px rgba(246, 241, 218, 0.4) !important;
}


/* ----------------------------------------------------------
   3. SEITENHINTERGRUND
   ---------------------------------------------------------- */

body,
.shop,
.s-shop-wrapper {
    background-color: #f6f1da !important;
}


/* ----------------------------------------------------------
   4. BUTTONS
   ---------------------------------------------------------- */

.btn-primary,
.s-quantity-selector .btn-primary,
.s-product-cart-controls .btn-primary {
    background-color: #aa2711 !important;
    border-color: #aa2711 !important;
    color: #f6f1da !important;
}

.btn-primary:hover,
.s-quantity-selector .btn-primary:hover,
.s-product-cart-controls .btn-primary:hover {
    background-color: #8f200e !important;
    border-color: #8f200e !important;
}

.btn-outline-primary {
    color: #aa2711 !important;
    border-color: #aa2711 !important;
    background-color: transparent !important;
}

.btn-outline-primary:hover {
    background-color: #aa2711 !important;
    color: #f6f1da !important;
}

/* Sekundäre Buttons (z.B. "Weiter einkaufen") */
.btn-secondary {
    background-color: #bdbe97 !important;
    border-color: #a5a67f !important;
    color: #2a1a10 !important;
}

.btn-secondary:hover {
    background-color: #a5a67f !important;
    border-color: #8e8f6a !important;
}


/* ----------------------------------------------------------
   5. PRODUKTKARTEN
   ---------------------------------------------------------- */

.s-item-card,
.card {
    border: 1px solid #bdbe97 !important;
    background-color: #ffffff !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 4px rgba(170, 39, 17, 0.06) !important;
}

.s-product-name,
.s-product-name a {
    color: #2a1a10 !important;
}

.s-item-total .price-tag,
.s-product-price .price-tag {
    color: #aa2711 !important;
    font-weight: 600;
}


/* ----------------------------------------------------------
   6. FILTER-SIDEBAR
   ---------------------------------------------------------- */

.s-filter-manager,
.s-filter-sidebar,
.s-filter-panel {
    background-color: #f6f1da !important;
}

/* Filterkarten */
.s-filter-manager .card,
.s-filter-sidebar .card,
.s-filter-panel .card {
    background-color: #ffffff !important;
    border-color: #bdbe97 !important;
    border-radius: 8px !important;
    margin-bottom: 8px;
}

/* Filterkopf (Kategorie, Sorte, Marke...) */
.s-filter-manager .card-header,
.s-filter-sidebar .card-header,
.s-filter-panel .card-header,
.filter-attribute > .card-header {
    background-color: #bdbe97 !important;
    color: #2a1a10 !important;
    border-bottom: 1px solid #a5a67f !important;
    font-weight: 500;
    border-radius: 8px 8px 0 0 !important;
}

/* Checkboxen aktiv */
.s-filter-manager .form-check-input:checked,
.s-filter-sidebar .form-check-input:checked {
    background-color: #aa2711 !important;
    border-color: #aa2711 !important;
}

/* Filter-Links */
.s-filter-manager a,
.s-filter-sidebar a {
    color: #2a1a10 !important;
}

.s-filter-manager a:hover,
.s-filter-sidebar a:hover {
    color: #aa2711 !important;
}


/* ----------------------------------------------------------
   7. ALERTS, WILLKOMMENSNACHRICHT & ABWESENHEITSBOX
   ---------------------------------------------------------- */

/* Willkommensnachricht */
.s-alert,
.s-alert .alert,
.s-alert .alert-info,
.alert.alert-info {
    background-color: #bdbe97 !important;
    color: #2a1a10 !important;
    border-color: #a5a67f !important;
    border-left: 4px solid #aa2711 !important;
}

/* Abwesenheitsbox und andere Infokästen */
.alert:not(.alert-info):not(.alert-danger):not(.alert-success) {
    background-color: #f6f1da !important;
    color: #2a1a10 !important;
    border-color: #bdbe97 !important;
    border-left: 4px solid #aa2711 !important;
}

.alert a,
.alert-info a {
    color: #aa2711 !important;
    font-weight: 500;
}


/* ----------------------------------------------------------
   8. LIEFERLEISTE (Versandart / Lieferdatum / Ändern)
   ---------------------------------------------------------- */

.s-shipping-preset-bar,
.s-delivery-info,
.s-presets-bar {
    background-color: #ffffff !important;
    border: 1px solid #bdbe97 !important;
    border-radius: 8px !important;
    color: #2a1a10 !important;
}

.s-shipping-preset-bar a,
.s-delivery-info a,
.s-presets-bar a {
    color: #aa2711 !important;
    font-weight: 500;
}

.s-shipping-preset-bar .btn,
.s-delivery-info .btn,
.s-presets-bar .btn {
    background-color: #aa2711 !important;
    border-color: #aa2711 !important;
    color: #f6f1da !important;
}


/* ----------------------------------------------------------
   9. KASSE / CHECKOUT + FORTSCHRITTSLEISTE
   ---------------------------------------------------------- */

/* Fortschrittsschritte (Warenkorb → Kundendaten → ...) */
.s-checkout-steps .active,
.s-checkout-progress .active,
.nav-pills .nav-link.active,
.progress-bar {
    background-color: #aa2711 !important;
    border-color: #aa2711 !important;
    color: #f6f1da !important;
}

.s-checkout-steps a,
.s-checkout-progress a {
    color: #bdbe97 !important;
}

/* Kartenkopf in der Kasse */
.s-checkout-card .card-header {
    background-color: #aa2711 !important;
    color: #f6f1da !important;
    border-bottom: none !important;
}

.s-checkout-card .card-header a {
    color: #f6f1da !important;
}

.s-checkout-card .card {
    border-color: #bdbe97 !important;
}


/* ----------------------------------------------------------
   10. TABELLEN
   ---------------------------------------------------------- */

.table thead th {
    background-color: #bdbe97 !important;
    color: #2a1a10 !important;
    border-color: #a5a67f !important;
}

.table td,
.table th {
    border-color: #e8e4ce !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(189, 190, 151, 0.15) !important;
}


/* ----------------------------------------------------------
   11. FOOTER
   ---------------------------------------------------------- */

.s-footer,
footer {
    background-color: #aa2711 !important;
    color: #f6f1da !important;
    border-top: none !important;
}

.s-footer a,
footer a {
    color: rgba(246, 241, 218, 0.85) !important;
}

.s-footer a:hover,
footer a:hover {
    color: #f6f1da !important;
}


/* ----------------------------------------------------------
   12. LINKS (allgemein)
   ---------------------------------------------------------- */

a {
    color: #aa2711 !important;
}

a:hover {
    color: #8f200e !important;
}


/* ----------------------------------------------------------
   13. PAGINATION
   ---------------------------------------------------------- */

.page-item.active .page-link {
    background-color: #aa2711 !important;
    border-color: #aa2711 !important;
    color: #f6f1da !important;
}

.page-link {
    color: #aa2711 !important;
    border-color: #bdbe97 !important;
    background-color: #ffffff !important;
}

.page-link:hover {
    background-color: #f6f1da !important;
    color: #8f200e !important;
}


/* ----------------------------------------------------------
   14. BADGES
   ---------------------------------------------------------- */

.badge-primary,
.badge.bg-primary {
    background-color: #aa2711 !important;
    color: #f6f1da !important;
}

.badge-secondary,
.badge.bg-secondary {
    background-color: #bdbe97 !important;
    color: #2a1a10 !important;
}


/* ----------------------------------------------------------
   FIXES v3.1
   ---------------------------------------------------------- */

/* Suchfeld — Kontrast fix (sehr spezifisch) */
.s-inline-search-form input,
.s-inline-search-form input.form-control,
.s-inline-search-form input[type="search"],
.s-inline-search-form input[type="text"],
form.s-inline-search-form input,
.navbar .s-inline-search-form input,
input.form-control[placeholder="Suche"],
input.form-control[placeholder="Search"] {
    background-color: #ffffff !important;
    color: #2a1a10 !important;
    -webkit-text-fill-color: #2a1a10 !important;
    opacity: 1 !important;
}

.s-inline-search-form input::placeholder,
.s-inline-search-form input.form-control::placeholder {
    color: #777 !important;
    -webkit-text-fill-color: #777 !important;
    opacity: 1 !important;
}

/* Checkout Fortschrittsleiste — blau → rot */
.s-checkout-nav,
.s-checkout-steps,
.checkout-steps,
.nav.nav-pills,
ol.checkout-steps,
ul.checkout-steps {
    background-color: transparent !important;
}

.s-checkout-nav .nav-link,
.s-checkout-steps .nav-link,
.checkout-steps li a,
.nav-pills .nav-link {
    color: #2a1a10 !important;
    background-color: transparent !important;
}

.s-checkout-nav .nav-link.active,
.s-checkout-steps .nav-link.active,
.checkout-steps li.active a,
.nav-pills .nav-link.active {
    background-color: #aa2711 !important;
    color: #f6f1da !important;
    border-color: #aa2711 !important;
}

/* Fortschrittsbalken (blauer Strich zwischen Schritten) */
.progress-bar,
.s-progress-bar {
    background-color: #aa2711 !important;
}

.progress {
    background-color: #bdbe97 !important;
}


/* ----------------------------------------------------------
   FIXES v3.2 — Suchfeld Kontrast (maximale Spezifität)
   ---------------------------------------------------------- */

html body nav input.form-control.text-left,
html body nav input.form-control,
html body .s-header input.form-control,
html body form.s-inline-search-form div input,
html body .navbar input {
    color: #2a1a10 !important;
    -webkit-text-fill-color: #2a1a10 !important;
    background-color: #ffffff !important;
    opacity: 1 !important;
}

html body nav input.form-control.text-left::placeholder,
html body form.s-inline-search-form div input::placeholder {
    color: #999999 !important;
    -webkit-text-fill-color: #999999 !important;
    opacity: 1 !important;
}