/* ============================================================================
   ORMADO GASTRO · custom.css für JTL-Shop 5 / NOVA (Theme "clear")
   Bootstrap-4-kompatibel: explizite Farbwerte, keine --bs-btn-* Variablen.
   Einsatzort: templates/NOVA/themes/clear/custom.css
   Master-Kopie: templates/ormado/themes/clear/custom.css
   Nur Optik – keine Funktionslogik. Staffelpreise etc. bleiben JTL-Standard.
   ============================================================================ */

:root {
    --ormado-espresso: #4A3024;
    --ormado-espresso-dark: #502D1E;
    --ormado-gold: #E3B142;
    --ormado-gold-dark: #D59729;
    --ormado-cream: #F7F2E8;
    --ormado-cream-soft: #FBF7F0;
    --ormado-highlight: #FFE7B2;
    --ormado-brown-text: #6B4A3C;
    --ormado-ink: #2B211B;
}

/* ---------------------------------------------------------------- 1. Basis */
body {
    background-color: var(--ormado-cream);
    color: var(--ormado-ink);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--ormado-espresso);
}

a {
    color: var(--ormado-espresso-dark);
}
a:hover, a:focus {
    color: var(--ormado-gold-dark);
}

/* ------------------------------------------------------------- 2. Buttons */
/* Primär: Espresso-Braun (statt NOVA-Gelb #F8BF00) */
.btn-primary {
    background-color: var(--ormado-espresso) !important;
    border-color: var(--ormado-espresso) !important;
    color: #fff !important;
    border-radius: 50rem;
    font-weight: 600;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
    background-color: var(--ormado-espresso-dark) !important;
    border-color: var(--ormado-espresso-dark) !important;
    color: #fff !important;
}

/* Sekundär: Gold */
.btn-secondary,
.btn-warning {
    background-color: var(--ormado-gold) !important;
    border-color: var(--ormado-gold) !important;
    color: var(--ormado-espresso) !important;
    border-radius: 50rem;
    font-weight: 600;
}
.btn-secondary:hover, .btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-warning:hover, .btn-warning:focus,
.btn-warning:not(:disabled):not(.disabled):active {
    background-color: var(--ormado-gold-dark) !important;
    border-color: var(--ormado-gold-dark) !important;
    color: var(--ormado-espresso) !important;
}

.btn-outline-primary {
    border-color: var(--ormado-espresso) !important;
    color: var(--ormado-espresso) !important;
    background-color: transparent !important;
    border-radius: 50rem;
}
.btn-outline-primary:hover, .btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active {
    background-color: var(--ormado-espresso) !important;
    color: #fff !important;
}

/* Warenkorb-Buttons: Gold, damit sie sofort ins Auge fallen */
#add-to-cart .btn-primary,
.btn-add-to-cart,
.add-to-cart,
.productbox .btn-primary {
    background-color: var(--ormado-gold) !important;
    border-color: var(--ormado-gold) !important;
    color: var(--ormado-espresso) !important;
}
#add-to-cart .btn-primary:hover, #add-to-cart .btn-primary:focus,
.btn-add-to-cart:hover, .btn-add-to-cart:focus,
.add-to-cart:hover, .add-to-cart:focus,
.productbox .btn-primary:hover, .productbox .btn-primary:focus {
    background-color: var(--ormado-gold-dark) !important;
    border-color: var(--ormado-gold-dark) !important;
    color: var(--ormado-espresso) !important;
}

/* --------------------------------------------------- 3. Header/Navigation */
#header, .header, header .navbar {
    background-color: #fff;
}
/* Goldene Akzentlinie unter dem Header */
#header, header {
    border-bottom: 3px solid var(--ormado-gold);
}

.navbar .nav-link,
header .nav-link,
.mainnav .nav-link {
    color: var(--ormado-espresso) !important;
    font-weight: 600;
}
.navbar .nav-link:hover, .navbar .nav-link:focus, .navbar .nav-link.active,
header .nav-link:hover, header .nav-link:focus, header .nav-link.active,
.mainnav .nav-link:hover, .mainnav .nav-link:focus, .mainnav .nav-link.active {
    color: var(--ormado-gold-dark) !important;
}

/* Suchfeld: Pill-Form, Creme */
#header .form-control,
.search .form-control,
.navbar .form-control {
    background-color: var(--ormado-cream-soft);
    border-color: rgba(74, 48, 36, .25);
    border-radius: 50rem 0 0 50rem;
}
#header .btn-search, #header .search-button,
.search .btn {
    background-color: var(--ormado-espresso) !important;
    border-color: var(--ormado-espresso) !important;
    color: #fff !important;
    border-radius: 0 50rem 50rem 0;
}

/* Header-Icons (Konto, Wunschliste, Warenkorb) */
#header a, .header a {
    color: var(--ormado-espresso);
}
#header a:hover, .header a:hover {
    color: var(--ormado-gold-dark);
}

/* Warenkorb-Badge (Artikelanzahl) */
#header .badge,
.cart-count, .badge-cart {
    background-color: var(--ormado-gold) !important;
    color: var(--ormado-espresso) !important;
}

/* -------------------------------------------------------- 4. Produktboxen */
.productbox,
.product-wrapper {
    background: #fff;
    border: 1px solid rgba(74, 48, 36, .10);
    border-radius: .75rem;
    box-shadow: 0 4px 14px rgba(74, 48, 36, .06);
}
.productbox:hover {
    box-shadow: 0 10px 26px rgba(74, 48, 36, .16);
}

.productbox .productbox-title a,
.productbox .title a,
.product-title a {
    color: var(--ormado-espresso);
    font-weight: 600;
}

/* Preise */
.price,
.price_wrapper,
.product-price,
span[itemprop="price"] {
    color: var(--ormado-espresso-dark) !important;
    font-weight: 700;
}

/* Rabatt-/Aktions-Badges */
.badge-danger, .badge.bg-danger,
.badge-sale, .label-sale, .ribbon {
    background-color: var(--ormado-gold) !important;
    color: var(--ormado-espresso) !important;
}

/* --------------------------------------- 5. Staffelpreise (nur Optik!) */
.table-bulk-prices th,
.bulk-prices th,
table.tierprices th,
.product-tierprices th {
    background-color: var(--ormado-espresso);
    color: #fff;
}
.table-bulk-prices tr:nth-child(even) td,
.bulk-prices tr:nth-child(even) td,
table.tierprices tr:nth-child(even) td {
    background-color: var(--ormado-cream-soft);
}

/* ------------------------------------------------------------- 6. Footer */
#footer, footer, .footer {
    background-color: var(--ormado-espresso) !important;
    color: var(--ormado-cream) !important;
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6,
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
#footer .h5, footer .h5 {
    color: var(--ormado-gold) !important;
}
#footer a, footer a, .footer a {
    color: var(--ormado-cream) !important;
}
#footer a:hover, footer a:hover, .footer a:hover {
    color: var(--ormado-gold) !important;
}

/* ------------------------------------------------- 7. Sonstige Akzente */
.breadcrumb a { color: var(--ormado-brown-text); }
.breadcrumb .active { color: var(--ormado-espresso); }

.form-control:focus {
    border-color: var(--ormado-gold);
    box-shadow: 0 0 0 .2rem rgba(227, 177, 66, .25);
}

.page-link { color: var(--ormado-espresso); }
.page-item.active .page-link {
    background-color: var(--ormado-espresso) !important;
    border-color: var(--ormado-espresso) !important;
    color: #fff !important;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--ormado-gold) !important;
    color: var(--ormado-espresso) !important;
}

::selection {
    background: var(--ormado-highlight);
    color: var(--ormado-ink);
}