/* ==========================================================================
   Relaunch 2026 – Landmaschinen Neuhaus
   ========================================================================== */

:root {
    --nr-green: #3d8b37;        /* Primärgrün */
    --nr-green-dark: #2c6a28;
    --nr-green-light: #8fc77f;
    --nr-black: #1c1e1b;        /* fast schwarz */
    --nr-anthracite: #262924;
    --nr-grey-light: #f2f3f1;
    --nr-text-on-dark: #d8dbd5;
}

/* Startseiten-Kacheln: ganze Kachel klickbar (echter Link, funktioniert ohne JavaScript) */
.nr-tile {
    position: relative;
}
.nr-tile .et_pb_module,
.nr-tile .et_pb_text_inner {
    position: static;
}
.nr-tile .nr-tile-link {
    color: inherit;
}
.nr-tile .nr-tile-link::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
}
/* Vollbreite Kachel (Grünlandtechnik): quadratisches Bild – Ausschnitt auf Maschine/Schriftzug legen */
.nr-tile-wide.et_pb_column {
    background-position: center 84% !important;
}
.nr-tile .nr-tile-link:focus-visible::after {
    outline: 3px solid #fff;
    outline-offset: -6px;
}

/* Freitext-Bereich (Startseite): ausgeblendet, solange der Kunde keinen Text eingetragen hat */
.nr-freitext:not(:has(.et_pb_text_inner > *)) {
    display: none !important;
}
.nr-freitext.et_pb_section {
    background: var(--nr-grey-light);
    padding: 60px 0;
}
.nr-freitext .et_pb_row {
    max-width: 960px;
}
.nr-freitext .et_pb_text_inner {
    font-size: 17px;
    line-height: 1.7;
    color: var(--nr-anthracite);
}
.nr-freitext h2,
.nr-freitext h3 {
    font-weight: 800;
    color: var(--nr-black);
    line-height: 1.2;
    padding-bottom: 14px;
}
.nr-freitext a {
    color: var(--nr-green);
    text-decoration: underline;
}

/* „mehr über uns“ (Startseite) */
.nr-about.et_pb_section {
    background-color: var(--nr-anthracite) !important;
    padding: 0 !important;
}
.nr-about .et_pb_column:first-child {
    background-size: cover;
    background-position: center;
    min-height: 420px;
}
.nr-about .et_pb_row {
    background: none !important;
}
.nr-about .et_pb_column:last-child {
    display: flex;
    align-items: center;
}
.nr-about .et_pb_text {
    background: none !important;
    max-width: 680px;
}
.nr-about .et_pb_text_inner {
    color: var(--nr-text-on-dark);
    font-size: 16px;
    line-height: 1.75;
}
.nr-about .et_pb_text_inner p {
    padding-bottom: 1em;
}
.nr-about h2 {
    color: #fff !important;
    font-size: 44px !important;
    line-height: 1.1 !important;
    font-weight: 800;
    padding-bottom: 24px;
}
.nr-about h2::before {
    content: "";
    display: block;
    width: 56px;
    height: 4px;
    margin-bottom: 18px;
    background: var(--nr-green);
}
.nr-about a {
    color: var(--nr-green-light);
}
.nr-about img {
    margin: 6px 24px 8px 0 !important;
}
@media (max-width: 980px) {
    .nr-about h2 {
        font-size: 34px !important;
    }
    /* mobil zeigt Divi ein eigenes Bildmodul – Spaltenhintergrund nicht doppelt anzeigen */
    .nr-about .et_pb_column:first-child {
        background-image: none !important;
        min-height: 0;
    }
}

/* ==========================================================================
   Farbschema grün/grau/schwarz
   (Farbwerte in Inhalten/Optionen ersetzt das Plugin „Neuhaus Relaunch“, Schritt „colors“)
   ========================================================================== */

/* Logo: gelbe Linie im Logo-Bild grün einfärben (weiße Schrift bleibt weiß) */
.et-l--header .et_pb_image img {
    filter: hue-rotate(68deg) saturate(.75) brightness(.95);
}

/* Laufschrift oben */
.pjnt-box {
    background-color: var(--nr-black) !important;
}
.pjnt-box,
.pjnt-box a,
.pjnt-content {
    color: var(--nr-text-on-dark) !important;
}

/* Menüleiste: aktiver Punkt / Hover */
.header_menu .et-menu > li > a:hover,
.header_menu .et-menu > li.current-menu-item > a {
    opacity: 1;
    color: #fff !important;
    box-shadow: inset 0 -3px 0 var(--nr-green-light);
}

/* Mobilmenü (Plugin schreibt eine statische CSS-Datei – hier sicher überschreiben) */
.mobmenu-left-panel {
    background-color: var(--nr-anthracite) !important;
}

/* WooCommerce */
.woocommerce span.onsale,
.woocommerce-page span.onsale {
    background: var(--nr-green) !important;
    border-radius: 2px !important;
    font-size: 15px !important;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: var(--nr-black) !important;
}

/* Divi-Standardblau an übrigen Stellen */
.et_pb_bg_layout_light .et_pb_more_button,
.posted_in a,
.nav-single a {
    color: var(--nr-green);
}
.et_mobile_menu,
.nav li ul,
.et_pb_fullwidth_menu .et-menu-nav > ul li ul {
    border-top-color: var(--nr-green) !important;
}
.et_overlay:before {
    color: var(--nr-green) !important;
}
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-message,
.woocommerce-page .woocommerce-info {
    background: var(--nr-green) !important;
}
.woocommerce .woocommerce-error,
.woocommerce-page .woocommerce-error {
    background: #b3261e !important;
}
.woocommerce a.button.alt,
.woocommerce-page a.button.alt {
    border-color: var(--nr-green);
}

/* Cookie-Banner (Borlabs): Farben über die Borlabs-Variablen */
html:root {
    --dialog-background-color: #ffffff;
    --dialog-footer-background-color: var(--nr-grey-light);
    --dialog-search-bar-input-background-color: #ffffff;
    --dialog-tab-bar-tab-background-color-inactive: var(--nr-grey-light);
    --dialog-tab-bar-tab-border-color-left-inactive: var(--nr-grey-light);
    --dialog-tab-bar-tab-border-color-right-inactive: var(--nr-grey-light);
    --dialog-tab-bar-tab-border-color-top-inactive: var(--nr-grey-light);
    --dialog-tab-bar-tab-text-color-active: var(--nr-black);
    --dialog-button-accept-all-color: var(--nr-green);
    --dialog-button-accept-all-text-color: #ffffff;
    --dialog-button-accept-all-color-hover: var(--nr-green-dark);
    --dialog-button-accept-only-essential-color: var(--nr-grey-light);
    --dialog-button-accept-only-essential-text-color: var(--nr-black);
    --dialog-button-accept-only-essential-color-hover: var(--nr-anthracite);
    --dialog-button-save-consent-color: var(--nr-grey-light);
    --dialog-button-save-consent-color-hover: var(--nr-anthracite);
    --dialog-button-selection-color: var(--nr-grey-light);
    --dialog-button-selection-color-hover: var(--nr-anthracite);
    --dialog-button-close-color: var(--nr-grey-light);
    --dialog-button-close-color-hover: var(--nr-anthracite);
    --dialog-checkbox-background-color-active: var(--nr-green);
    --dialog-checkbox-border-color-active: var(--nr-green);
    --dialog-checkbox-border-color-inactive: var(--nr-anthracite);
    --dialog-switch-button-background-color-active: var(--nr-green);
    --dialog-card-control-element-color: var(--nr-green);
    --dialog-card-control-element-color-hover: var(--nr-green-dark);
    --dialog-card-separator-color: #d6d9d3;
    --dialog-control-element-color: var(--nr-green);
    --dialog-control-element-color-hover: var(--nr-green-dark);
    --dialog-link-primary-color: var(--nr-green-dark);
    --dialog-link-primary-color-hover: var(--nr-green);
    --dialog-link-secondary-color: var(--nr-green-dark);
    --dialog-link-secondary-color-hover: var(--nr-green);
    --dialog-list-item-control-element-color: var(--nr-green);
    --dialog-list-item-control-element-color-hover: var(--nr-green-dark);
    --dialog-list-item-separator-color: #d6d9d3;
    --dialog-search-bar-input-border-color-default: #c9ccc6;
    --dialog-search-bar-input-border-color-focus: var(--nr-green);
    --dialog-separator-color: #d6d9d3;
}

/* „Jetzt bestellen“ / In den Warenkorb: Hauptaktion in Grün */
body #page-container .et_pb_module .cart .single_add_to_cart_button.button,
body #page-container .single_add_to_cart_button.button.alt {
    background-color: var(--nr-green) !important;
    border-color: var(--nr-green) !important;
    color: #fff !important;
    font-weight: 600;
}
body #page-container .et_pb_module .cart .single_add_to_cart_button.button:hover,
body #page-container .single_add_to_cart_button.button.alt:hover {
    background-color: var(--nr-green-dark) !important;
    border-color: var(--nr-green-dark) !important;
    color: #fff !important;
}

/* Produktfilter Grünlandtechnik (Desktop): Oberkategorie-Zeile ausblenden, Unterkategorien direkt anzeigen */
.wpf_form_nr_gruenlandtechnik li.wpf_product_cat_340 > input,
.wpf_form_nr_gruenlandtechnik li.wpf_product_cat_340 > label,
.wpf_form_nr_gruenlandtechnik li.wpf_product_cat_340 > .wpf_item_count {
    display: none !important;
}
.wpf_form_nr_gruenlandtechnik li.wpf_product_cat_340 > ul.wpf_submenu {
    margin-left: 0 !important;
    padding-left: 0 !important;
    border-left: 0 !important;
}

/* Mobilmenü: Plugin verlangt „Roboto Condensed“/„Dosis“, die nicht geladen werden (Fallback auf Serifenschrift).
   Die Website lädt Roboto Condensed lokal unter dem Namen „Roboto“ (style.css) – diese verwenden. */
#mobmenuleft li a,
#mobmenuleft li a:visited,
#mobmenuright li a,
.mobmenu-content h2,
.mobmenu-content h3,
.mobmenu-panel,
.mobmenu-left-panel .mobmenu-display-name,
.mobmenu-content .mobmenu-tabs-header li,
.mob-menu-logo-holder > .headertext span,
.mobmenu input.mob-menu-search-field,
.left-menu-icon-text,
.right-menu-icon-text {
    font-family: Roboto, "Roboto Condensed", "Arial Narrow", sans-serif !important;
}
#mobmenuleft li a {
    font-size: 17px;
    letter-spacing: .02em;
}