/* ==========================================================================
   CUSTOM.CSS - Per-Company Customization
   ==========================================================================
   Loaded AFTER style.css. Overrides the default theme for this company.
   DO NOT edit style.css - it is shared across all installations.

   PALETTE
     YELLOW   #ffd409  -> header & footer bg, badges, nav underline (dark on it),
                          selected day / card, card hover, top-bar hover
     YELLOW-D #e0ba00  -> input focus, footer top line
     YELLOW-L #fff7cc  -> calendar hover, selected-card tint
     DARK     #323131  -> top bar, buttons (Book Now, submit, CTA), prices,
                          icons, header/footer text, calendar header, link hover
     BLACK    #000000  -> button hover, header/footer link hover
     GRAY-L   #e6e6e6  -> borders, inputs
     WHITE    #ffffff  -> text on dark

   LANGUAGE SWITCHER: untouched. Links / icons whose class or id contains
   "lang" or "flag" (or live inside such an element) keep style.css colors.
   If your switcher uses another class, add it to the :not(...) lists in
   sections 2, 3, 4 and 7.

   NO GREEN ANYWHERE - see section 12.
   ========================================================================== */


/* ==========================================================================
   1. COLOR VARIABLES
   ========================================================================== */
:root {
    --accent-color: #323131;
    --accent-color-dark: #323131;
    --accent-color-light: #e6e6e6;
    --accent-color-mid: #ffd409;
    --accent-color-text: #323131;

    --cta-color: #ffd409;
    --cta-color-dark: #e0ba00;
    --cta-color-light: #fff7cc;
    --cta-text: #ffffff;

    --highlight-color: #ffd409;
    --highlight-color-dark: #e0ba00;
    --highlight-color-light: #fff7cc;

    --header-bg: #323131;
    --footer-bg: #323131;
    --header-text: #323131;
    --topbar-bg: #323131;
    --topbar-text: #ffffff;

    --accent-glow-strong: rgba(50, 49, 49, 1);
    --accent-glow: rgba(0, 0, 0, 0.7);
    --accent-glow-soft: rgba(0, 0, 0, 0.45);
    --accent-glow-dim: rgba(0, 0, 0, 0.35);
    --accent-glow-faint: rgba(0, 0, 0, 0.10);
    --accent-bg-subtle: rgba(0, 0, 0, 0.06);
    --accent-bg-glass: rgba(0, 0, 0, 0.10);
    --accent-bg-radial: rgba(0, 0, 0, 0.12);
    --accent-border-subtle: rgba(0, 0, 0, 0.25);
    --accent-border-medium: rgba(0, 0, 0, 0.50);
    --accent-text-85: rgba(0, 0, 0, 0.85);
    --accent-text-70: rgba(0, 0, 0, 0.70);

    --cta-glow: rgba(255, 212, 9, 0.45);
    --cta-glow-soft: rgba(255, 212, 9, 0.30);
    --cta-bg-subtle: rgba(255, 212, 9, 0.08);
    --cta-border-medium: rgba(255, 212, 9, 0.40);

    /* status: no green */
    --warning: #ffd409;
    --error: #ffd409;
    --success: #323131;
    --success-dark: #323131;
    --green: #323131;
    --success-color: #323131;
    --bs-success: #323131;

    --text-color: #333;
    --text-muted: #6c757d;

    --light-bg: #f4f4f4;
    --white: #ffffff;
    --dark-bg: #2b2b2b;

    --border-color: #e6e6e6;

    --flatpickr-hover-bg: #fff7cc;
    --flatpickr-hover-text: #323131;

    --red: #ffd409;
    --danger: #ffd409;
    --danger-dark: #e0ba00;
    --secondary-color: #ffd409;
    --secondary-color-dark: #e0ba00;
    --custom-cta: #ffd409;
    --custom-accent: #ffd409;
    --brand-red: #ffd409;
}


/* ==========================================================================
   2. TOP BAR  --  DARK #323131, white text, yellow hover
   ========================================================================== */
.topbar,
.top-bar,
.ez-topbar,
.ez-top-bar,
.top-nav-bar {
    background-color: #323131 !important;
    background-image: none !important;
    color: #ffffff !important;
    border-bottom: 2px solid #ffd409;
}
.topbar a:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
.top-bar a:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
.ez-topbar a:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
.ez-top-bar a:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
.top-nav-bar a:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
.topbar i:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
.top-bar i:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
.ez-topbar i:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
.ez-top-bar i:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
.top-nav-bar i:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *) {
    color: #ffffff !important;
}
.topbar a:hover:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
.top-bar a:hover:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
.ez-topbar a:hover:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
.ez-top-bar a:hover:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
.top-nav-bar a:hover:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *) {
    color: #ffd409 !important;
}


/* ==========================================================================
   3. HEADER  --  BLUE #323131, white text, yellow hover & underline
   ========================================================================== */
header,
header.bg-gray-950,
header.bg-gray-950.text-gray-300.shadow-sm.sticky.top-0.z-50,
.header, .ez-header, .site-header, #header,
header .bg-gray-950, header .bg-gray-900, header .bg-gray-800, header .bg-black,
#nav-menu {
    background-color: #ffd409 !important;
    background-image: none !important;
    color: #323131 !important;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
}
header a:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
header .text-gray-300:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
header .text-gray-400:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
header .text-gray-200:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
header .text-white:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
#nav-menu a:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
button#nav-toggle {
    color: #323131;
}
.ez-nav-link:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *) {
    position: relative;
    color: #323131 !important;
}
.ez-nav-link:hover:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *) {
    color: #000000 !important;
}
.ez-nav-link::after:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *) {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0;
    height: 3px;
    border-radius: 2px;
    background-color: #323131;
    transition: width .25s ease;
}
.ez-nav-link:hover::after:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *) {
    width: 100%;
}
@media (max-width: 1024px) {
    #nav-menu.nav-menu--open {
        background-color: #ffd409 !important;
    }
}


/* ==========================================================================
   4. FOOTER  --  BLUE #323131, white text, yellow icons, hover & lines
   ========================================================================== */
footer,
footer.bg-gray-950,
footer.bg-gray-950.text-gray-300.py-12.relative.overflow-hidden.font-sans,
.footer, .ez-footer, .site-footer, #footer,
footer .bg-gray-950, footer .bg-gray-900, footer .bg-gray-800, footer .bg-black {
    background-color: #ffd409 !important;
    background-image: none !important;
    color: #323131 !important;
}
footer.bg-gray-950.text-gray-300.py-12.relative.overflow-hidden.font-sans:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
footer,
.footer,
.site-footer,
#footer {
    border-top: 3px solid #e0ba00;
}
footer .text-custom-accent:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *) {
    color: #323131;
}
footer .border-custom-accent\/30:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *) {
    border-color: #323131;
}
footer a:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
footer .footer-link-item:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
footer .hover\:text-custom-accent:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
footer .text-gray-400:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
footer .text-gray-300:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
footer .text-gray-500:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
footer .text-gray-200:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
footer .text-white:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
p.flex.items-center.text-gray-400.hover\:text-custom-accent.transition:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
p.text-gray-400.text-base.max-w-sm.leading-relaxed.hover\:text-custom-accent:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
.text-center.md\:text-center.space-y-0\.5.w-full.mt-4 {
    color: #323131;
}
footer a:hover:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
footer .footer-link-item:hover:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
footer .hover\:text-custom-accent:hover:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
p.flex.items-center.text-gray-400.hover\:text-custom-accent.transition:hover:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *) {
    color: #000000;
}
footer .footer-link-item::before:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *) {
    background-color: #323131;
}
h5.font-bold.text-white.mb-4.uppercase.tracking-widest.text-sm.border-b.border-custom-accent\/30.pb-2:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
h5.font-bold.text-white.mb-5.uppercase.tracking-widest.text-sm.border-b.border-custom-accent\/30.pb-2:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
footer h5,
footer h4,
footer h3 {
    color: #323131;
    border-color: #323131;
}
footer i:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *),
footer svg:not([class*="lang"], [class*="lang"] *, [id*="lang"], [id*="lang"] *, [class*="flag"], [class*="flag"] *) {
    color: #323131;
    fill: #323131;
}


/* ==========================================================================
   5. BUTTONS  --  DARK, white text
   ========================================================================== */
.btn-primary, .btn-cta, .ez-btn-primary, button[type="submit"],
.btn-success, .ez-btn-success, .btn-secondary,
a[href*="book"].btn, a[href*="booking"].btn,
.ez-book-btn, .ez-btn-book-now, .card .btn-primary, .model-card .btn-primary,
.ez-fleet-card a, .fleet .btn, .fleet a.btn, .fleet button, .fleet-card .btn,
.ez-fleet-card .btn, .model-card .btn, .book-now, .btn-book, .btn-book-now,
.ez-book-now, .ez-btn-book, a.book-now,
.booking-form button,
[class*="btn"][style*="rgb(237"], [class*="btn"][style*="#ed2426"], [class*="cta"] {
    background-color: #323131 !important;
    background-image: none !important;
    border-color: #323131 !important;
    color: #ffffff !important;
}
.btn-primary:hover, .btn-cta:hover, .ez-btn-primary:hover, button[type="submit"]:hover,
.btn-success:hover, .ez-btn-success:hover, .btn-secondary:hover,
a[href*="book"].btn:hover, a[href*="booking"].btn:hover,
.ez-book-btn:hover, .ez-btn-book-now:hover, .card .btn-primary:hover, .model-card .btn-primary:hover,
.ez-fleet-card a:hover, .fleet .btn:hover, .fleet a.btn:hover, .fleet button:hover, .fleet-card .btn:hover,
.ez-fleet-card .btn:hover, .model-card .btn:hover, .book-now:hover, .btn-book:hover, .btn-book-now:hover,
.ez-book-now:hover, .ez-btn-book:hover, a.book-now:hover,
.booking-form button:hover,
[class*="btn"][style*="rgb(237"]:hover, [class*="btn"][style*="#ed2426"]:hover, [class*="cta"]:hover {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
}
.fleet .btn i, .fleet-card .btn i, .ez-fleet-card .btn i, .model-card .btn i,
.book-now i, .btn-book i, .btn-book-now i, .ez-book-now i, .ez-btn-book i,
.fleet .btn:hover i, .fleet-card .btn:hover i, .ez-fleet-card .btn:hover i, .model-card .btn:hover i,
.book-now:hover i, .btn-book:hover i, .btn-book-now:hover i, .ez-book-now:hover i, .ez-btn-book:hover i,
.model-card a:hover {
    color: #ffffff !important;
}

/* outline / ghost */
.btn-outline, .ez-btn-outline {
    background-color: transparent;
    border-color: #323131;
    color: #323131;
}
.btn-outline:hover, .ez-btn-outline:hover {
    background-color: #323131;
    border-color: #323131;
    color: #ffffff;
}

/* fleet page book button */
.ez-fleet-book-btn {
    background: #323131 !important;
    background-image: linear-gradient(135deg, #323131 0%, #000000 100%) !important;
    border-color: #323131 !important;
}
.ez-fleet-book-btn:hover {
    background: #000000 !important;
    background-image: linear-gradient(135deg, #000000 0%, #000000 100%) !important;
    border-color: #000000 !important;
}
.ez-fleet-book-btn, .ez-fleet-book-btn *, .ez-fleet-book-btn:visited,
.ez-fleet-book-btn:focus, .ez-fleet-book-btn:active,
.ez-fleet-book-btn:hover, .ez-fleet-book-btn:hover * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* shadows / focus / motion */
.booking-form button,
.btn-primary, .btn-cta, .ez-btn-primary, button[type="submit"] {
    box-shadow: 0 2px 8px rgba(50, 49, 49, 0.25);
}
.booking-form button:hover,
.btn-primary:hover, .btn-cta:hover, .ez-btn-primary:hover, .ez-fleet-book-btn:hover,
button[type="submit"]:hover {
    box-shadow: 0 6px 16px rgba(50, 49, 49, 0.35);
    transform: translateY(-2px);
}
.booking-form button:focus, .booking-form button:focus-visible,
.btn-primary:focus-visible, .btn-cta:focus-visible, button[type="submit"]:focus-visible {
    box-shadow: 0 0 0 3px rgba(255, 212, 9, 0.9) !important;
    outline: none !important;
}
.booking-form button:active,
.btn-primary:active, .btn-cta:active, .ez-fleet-book-btn:active {
    transform: translateY(0);
    box-shadow: 0 1px 4px rgba(50, 49, 49, 0.30);
}
.btn:hover, .btn-secondary:hover, .btn-success:hover, .btn-outline:hover,
.ez-btn-success:hover, .ez-btn-outline:hover {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.14);
}
.affiliateNextBtn {
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25);
}
.affiliateNextBtn:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0) !important;
}


/* ==========================================================================
   6. PRICES  --  DARK
   ========================================================================== */
.price, .model-price, .ez-price,
.ez-fleet-price-value, .ez-price-value--large {
    color: #323131 !important;
}
.ez-offer-title {
    color: #323131;
}


/* ==========================================================================
   7. LINKS,
ICONS,
ACCENTS
   ========================================================================== */
a:hover,
.ez-accent-link:hover {
    color: #323131;
}
a:hover i,
.icon:hover,
.ez-icon:hover {
    color: #323131;
}
.model-includes-title i,
.model-spec-icon,
.ez-feature-icon,
.mf-field label i {
    color: #323131 !important;
}
.ez-sf-field label {
    font-weight: 600 !important;
    font-size: 0.73rem !important;
}

/* badges / tags -> YELLOW, dark text */
.badge, .tag, .badge-success, .tag-success, .badge-danger, .tag-danger {
    background-color: #ffd409 !important;
    color: #323131 !important;
    border-radius: 999px;
    padding: .25em .75em;
    font-weight: 600;
    box-shadow: none;
}


/* ==========================================================================
   8. CARDS, SPECS, INSURANCE
   ========================================================================== */
.card, .model-card, .ez-card, .ez-ins-card, .panel {
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.card:hover, .model-card:hover, .ez-card:hover, .panel:hover, .ez-ins-card:hover {
    border-color: #ffd409 !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14) !important;
}
.ez-ins-card:hover i, .ez-ins-card:hover .ez-ins-title, .ez-ins-card:hover a {
    color: #ffd409 !important;
}
.model-spec-item {
    border-color: #e6e6e6;
    background-color: rgba(0, 0, 0, 0.03);
}
.model-spec-item:hover {
    border-color: #ffd409;
    background-color: rgba(255, 212, 9, 0.12);
}
.ez-price-card--selected {
    background-color: #fffcdd !important;
    border-color: #ffd409 !important;
}
.selected, .is-active, .active {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0) !important;
}


/* ==========================================================================
   9. FORMS
   ========================================================================== */
.form-group input[type="text"], .form-group input[type="date"],
.form-group input[type="time"], .form-group select,
input, textarea, select {
    border: 1px solid #e6e6e6;
    border-radius: 8px;
}
.form-group input[type="text"]:focus, .form-group input[type="date"]:focus,
.form-group input[type="time"]:focus, .form-group select:focus,
input:focus, textarea:focus, select:focus {
    border-color: #e0ba00;
    outline: none;
    box-shadow: 0 0 0 3px rgba(255, 212, 9, 0.45);
}
option:checked, option:hover, .select-option:hover {
    background-color: #fff7cc;
    color: #323131;
}
input[type="checkbox"], input[type="radio"], progress {
    accent-color: #323131;
}


/* ==========================================================================
   10. FLATPICKR  --  dark header, light-yellow hover, yellow selected
   ========================================================================== */
.flatpickr-calendar {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.flatpickr-months {
    background-color: #323131;
}
.flatpickr-months .flatpickr-month, .flatpickr-current-month,
.flatpickr-current-month input.cur-year,
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}
.flatpickr-weekdays, span.flatpickr-weekday {
    background-color: transparent;
    color: #5a5a5a;
}
.flatpickr-day:hover {
    background: #fff7cc;
    border-color: #fff7cc;
    color: #323131;
    box-shadow: none;
}
.flatpickr-day.selected, .flatpickr-day.selected:hover,
.flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.inRange {
    background: #ffd409;
    border-color: #ffd409;
    color: #323131;
    box-shadow: none;
}
.flatpickr-day.today {
    border-color: #323131;
}


/* ==========================================================================
   11. POLISH  --  transitions, radius, reduced motion
   ========================================================================== */
a, button, .btn, .card, .model-card, .ez-card, .ez-ins-card,
.ez-fleet-book-btn, input, select, textarea, .badge, .tag {
    transition: background-color .22s ease, border-color .22s ease,
                color .22s ease, box-shadow .22s ease, transform .22s ease;
}
.btn, button, .ez-fleet-book-btn, .booking-form button {
    border-radius: 8px;
}
@media (prefers-reduced-motion: reduce) {
    a, button, .btn, .card, .model-card, .ez-card, .ez-ins-card,
    .ez-fleet-book-btn, input, select, textarea, .badge, .tag,
    .ez-nav-link::after {
        transition: none !important;
    }
    .btn-primary:hover, .btn-cta:hover, .ez-btn-primary:hover,
    .ez-fleet-book-btn:hover, .booking-form button:hover,
    button[type="submit"]:hover {
        transform: none !important;
    }
}


/* ==========================================================================
   12. GREEN KILLER  --  τίποτα πράσινο από το style.css / Tailwind / Bootstrap
   ========================================================================== */

/* Tailwind green / emerald / lime / teal backgrounds -> BLACK */
[class*="bg-green-"], [class*="bg-emerald-"], [class*="bg-lime-"], [class*="bg-teal-"],
[class*="hover:bg-green-"]:hover, [class*="hover:bg-emerald-"]:hover,
[class*="hover:bg-lime-"]:hover, [class*="hover:bg-teal-"]:hover {
    background-color: #323131 !important;
    color: #ffffff !important;
}
/* very light green tints (green-50/100/200) -> light gray, dark text */
.bg-green-50, .bg-green-100, .bg-green-200,
.bg-emerald-50, .bg-emerald-100, .bg-emerald-200,
.bg-lime-50, .bg-lime-100, .bg-teal-50, .bg-teal-100 {
    background-color: #f4f4f4 !important;
    color: #323131 !important;
}
/* green text -> BLACK */
[class*="text-green-"], [class*="text-emerald-"], [class*="text-lime-"], [class*="text-teal-"],
[class*="hover:text-green-"]:hover, [class*="hover:text-emerald-"]:hover {
    color: #323131 !important;
}
/* green borders -> RED */
[class*="border-green-"], [class*="border-emerald-"], [class*="border-lime-"], [class*="border-teal-"],
[class*="ring-green-"], [class*="ring-emerald-"] {
    border-color: #323131 !important;
    --tw-ring-color: #323131 !important;
}
/* green gradients -> RED */
[class*="from-green-"], [class*="from-emerald-"] { --tw-gradient-from: #323131 !important; }
[class*="to-green-"], [class*="to-emerald-"]     { --tw-gradient-to: #323131 !important; }
[class*="via-green-"], [class*="via-emerald-"]   { --tw-gradient-stops: #323131, #323131 !important; }

/* Bootstrap-style semantic "success" -> DARK / YELLOW */
.text-success, .link-success { color: #323131 !important; }
.bg-success { background-color: #323131 !important; color: #ffffff !important; }
.border-success { border-color: #323131 !important; }
.alert-success {
    background-color: #f4f4f4 !important;
    border-color: #323131 !important;
    color: #323131 !important;
}
.btn-success, .btn-outline-success {
    background-color: #323131 !important;
    border-color: #323131 !important;
    color: #ffffff !important;
}
.btn-success:hover, .btn-outline-success:hover {
    background-color: #000000 !important;
    border-color: #000000 !important;
}
.badge-success, .badge.bg-success, .tag-success {
    background-color: #ffd409 !important;
    color: #323131 !important;
}
/* checkmarks / "included" icons */
.fa-check, .fa-check-circle, .fa-circle-check, .fa-check-square, .fa-square-check,
.bi-check, .bi-check-circle, .bi-check-circle-fill, .bi-check2,
.icon-check, .check-icon, .ez-check, .text-check {
    color: #323131 !important;
}
/* status dots / availability */
.available, .status-available, .in-stock, .status-ok, .dot-green, .status-green {
    color: #323131 !important;
    background-color: transparent !important;
}
.status-dot.available, .status-dot.green {
    background-color: #ffd409 !important;
}

/* Tailwind red utilities -> our red */
[class*="bg-red-"], [class*="hover:bg-red-"]:hover {
    background-color: #323131 !important;
    color: #ffffff !important;
}
.bg-red-50, .bg-red-100 { background-color: #e6e6e6 !important; }
[class*="text-red-"], [class*="hover:text-red-"]:hover { color: #323131 !important; }
[class*="border-red-"] { border-color: #323131 !important; }
[class*="from-red-"] { --tw-gradient-from: #323131 !important; }
[class*="to-red-"]   { --tw-gradient-to: #000000 !important; }