/*
 Theme Name:   RetroRebellen24
 Theme URI:    https://retrorebellen.de
 Description:  Kadence Child-Theme für RetroRebellen24
 Author:       RetroRebellen24
 Template:     kadence
 Version:      1.2.0
 Text Domain:  retrorebellen
*/

:root {
    --rr-navy: #1a1a2e;
    --rr-gold: #FFD700;
    --rr-gold-dark: #e6c200;
    --rr-text: #1a1a2e;
    --rr-text-light: #4a4a5a;
}


/* Mobile Header sichtbar machen (< 1025px) */
@media screen and (max-width: 1024px) {
    #mobile-header {
        display: block !important;
    }
    #main-header {
        display: none !important;
    }
}

/* ============================================
   HEADER - Dunkler Navy-Header mit Gold-Akzenten
   ============================================ */

#masthead .site-header-wrap {
    background: var(--rr-navy) !important;
}

#masthead .site-title,
#masthead .site-title a,
#masthead .brand .site-title {
    color: #fff !important;
    font-weight: 800 !important;
    font-size: 1.6rem !important;
}

/* Desktop-Navigation */
#masthead .header-menu-container .menu > li > a,
#masthead .main-navigation .menu > li > a {
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    padding: 8px 16px !important;
    transition: all 0.2s ease !important;
}
#masthead .header-menu-container .menu > li > a:hover,
#masthead .main-navigation .menu > li > a:hover {
    color: var(--rr-gold) !important;
}
#masthead .header-menu-container .menu > li.current-menu-item > a {
    color: var(--rr-gold) !important;
}

/* Mobile Header */
#mobile-header .site-header-wrap,
#mobile-header .site-main-header-wrap {
    background: var(--rr-navy) !important;
}
#mobile-header .site-title,
#mobile-header .site-title a {
    color: #fff !important;
}
#mobile-header .menu-toggle-open {
    color: #fff !important;
}

.popup-drawer .drawer-inner {
    background: var(--rr-navy) !important;
}
.popup-drawer .menu > li > a {
    color: #fff !important;
}
.popup-drawer .menu > li > a:hover {
    color: var(--rr-gold) !important;
}
.popup-drawer .drawer-header .menu-toggle-close {
    color: #fff !important;
}


/* ============================================
   SEITENTITEL auf Startseite ausblenden
   ============================================ */

.home .entry-hero,
.home .page-hero-section,
.home .entry-header {
    display: none !important;
}


/* ============================================
   USP-LEISTE
   ============================================ */

.rr-usp-bar {
    background: linear-gradient(135deg, #111128 0%, var(--rr-navy) 100%);
    padding: 12px 0;
    border-bottom: 2px solid var(--rr-gold);
    border-top: 1px solid #333;
}
.rr-usp-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    max-width: 1290px;
    margin: 0 auto;
    padding: 0 20px;
}
.rr-usp-item {
    display: flex;
    align-items: center;
    gap: 6px;
    color: rgba(255,255,255,0.9);
    font-size: 0.82rem;
    font-weight: 500;
    white-space: nowrap;
}
@media (max-width: 768px) {
    .rr-usp-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px 12px;
        justify-items: center;
    }
    .rr-usp-item { font-size: 0.75rem; }
}


/* ============================================
   GLOBALE TEXTFARBEN-FIX
   Gold/Gelb auf Weiß → Navy auf Weiß
   ============================================ */

/* Alle Links und Texte auf hellem Hintergrund: Navy statt Gold */
/* Textfarben nur im Content-Bereich, nicht global */
#inner-wrap, #inner-wrap p, #inner-wrap span, #inner-wrap div,
.entry-content, .entry-content p, .entry-content span {
    color: var(--rr-text);
}

#inner-wrap a {
    color: var(--rr-navy);
}
#inner-wrap a:hover {
    color: var(--rr-gold-dark);
}

/* Überschriften immer Navy */
h1, h2, h3, h4, h5, h6 {
    color: var(--rr-navy) !important;
}

/* Kadence spezifisch: Entry-Titel */
.entry-title,
.entry-title a,
.product_title {
    color: var(--rr-navy) !important;
}


/* ============================================
   WOOCOMMERCE - SHOP-SEITE
   ============================================ */

/* Produktnamen: Navy, nicht Gold! */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.wc-block-grid__product-title,
.wp-block-post-title,
.woocommerce-loop-product__title {
    color: var(--rr-navy) !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin-top: 8px !important;
    margin-bottom: 4px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

/* Produktnamen-Link */
.woocommerce ul.products li.product a {
    color: var(--rr-navy) !important;
    text-decoration: none !important;
}
.woocommerce ul.products li.product a:hover {
    color: var(--rr-gold-dark) !important;
}

/* Preise: Navy */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price span,
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce .price,
.woocommerce .price span.amount,
.woocommerce .price ins .amount,
.price .woocommerce-Price-amount {
    color: var(--rr-navy) !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
}

/* Durchgestrichener Preis grau */
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price del span,
.woocommerce div.product .price del {
    color: #999 !important;
    font-weight: 400 !important;
}

/* Kategorietext auf Produktkarten */
.woocommerce ul.products li.product .ast-woo-product-category,
.woocommerce ul.products li.product .product-category {
    color: var(--rr-text-light) !important;
    font-size: 0.78rem !important;
}

/* Ergebnis-Zähler und Sortierung */
.woocommerce-result-count,
.woocommerce-ordering select {
    color: var(--rr-text-light) !important;
    font-size: 0.85rem !important;
}

/* "Neue Artikel" Gutenberg-Block Produkttitel */
.wp-block-woocommerce-product-new .wc-block-grid__product-title a,
.wc-block-grid__product-title a {
    color: var(--rr-navy) !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
}

/* WC Block Preise */
.wc-block-grid__product-price,
.wc-block-grid__product-price .woocommerce-Price-amount {
    color: var(--rr-navy) !important;
    font-weight: 700 !important;
}

/* Breadcrumbs */
.woocommerce-breadcrumb,
.woocommerce-breadcrumb a {
    color: var(--rr-text-light) !important;
    font-size: 0.82rem !important;
}
.woocommerce-breadcrumb a:hover {
    color: var(--rr-gold-dark) !important;
}

/* Shop-Seitentitel */
.woocommerce-products-header__title,
.archive .page-title,
.archive .entry-title {
    color: var(--rr-navy) !important;
    font-size: 1.5rem !important;
}


/* ============================================
   WOOCOMMERCE BUTTONS - Gold (auf dunklem BG OK)
   ============================================ */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.single_add_to_cart_button {
    background: linear-gradient(135deg, var(--rr-gold), var(--rr-gold-dark)) !important;
    color: var(--rr-navy) !important;
    border: none !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-size: 0.85rem !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(255, 215, 0, 0.25) !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.single_add_to_cart_button:hover {
    opacity: 0.9 !important;
}

/* Sale Badge */
.woocommerce span.onsale {
    background: #e74c3c !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 0.75rem !important;
}

/* Neu Badge */
.rr-badge-new {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    padding: 4px 10px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: var(--rr-gold);
    color: var(--rr-navy);
    border-radius: 3px;
}


/* ============================================
   PRODUKTKARTEN - Sauber und lesbar
   ============================================ */

.woocommerce ul.products li.product {
    background: #ffffff !important;
    border-radius: 8px;
    overflow: hidden;
    padding-bottom: 10px !important;
}
.woocommerce ul.products li.product:hover {
    transform: none !important;
    box-shadow: none !important;
}

/* Kadence Hover-Overlay komplett deaktivieren */
.woocommerce ul.products .product-action-wrap,
.woocommerce ul.products .product-details .product-action-wrap {
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
}
.woocommerce ul.products li.product .product-details {
    background: #ffffff !important;
    padding: 8px 10px !important;
    overflow: visible !important;
    transform: none !important;
    transition: none !important;
}
.woocommerce ul.products li.product:hover .product-action-wrap {
    transform: none !important;
    opacity: 1 !important;
}
/* Kein Slide-Up Effekt */
.woocommerce ul.products .product-details .product-action-wrap.action-on-hover,
.action-on-hover .product-action-wrap {
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Produktbild-Container */
.woocommerce ul.products li.product a img {
    border-radius: 8px 8px 0 0;
}


/* ============================================
   EINZELPRODUKT-SEITE
   ============================================ */

.woocommerce div.product .product_title {
    color: var(--rr-navy) !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
}

.woocommerce div.product .product_meta,
.woocommerce div.product .product_meta span,
.woocommerce div.product .product_meta a {
    color: var(--rr-text-light) !important;
}
.woocommerce div.product .product_meta a:hover {
    color: var(--rr-gold-dark) !important;
}

/* Tabs auf Produktseite */
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: var(--rr-navy) !important;
    font-weight: 600 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--rr-gold-dark) !important;
}

/* Kurzbeschreibung & Beschreibung */
.woocommerce div.product .woocommerce-product-details__short-description,
.woocommerce div.product .woocommerce-Tabs-panel p {
    color: var(--rr-text) !important;
    line-height: 1.6 !important;
}

/* Ähnliche Produkte */
.woocommerce .related.products h2,
.woocommerce .upsells.products h2 {
    color: var(--rr-navy) !important;
    font-size: 1.3rem !important;
}


/* ============================================
   TRUST-BAR
   ============================================ */

.rr-trust-bar {
    background: #f8fafc;
    padding: 30px 0;
    border-top: 1px solid #e2e8f0;
}
.rr-trust-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 1290px;
    margin: 0 auto;
    padding: 0 20px;
}
.rr-trust-item {
    display: flex;
    align-items: center;
    gap: 12px;
}
.rr-trust-icon { font-size: 1.8rem; }
.rr-trust-item strong { display: block; color: var(--rr-navy) !important; font-size: 0.9rem; }
.rr-trust-item span { color: #64748b; font-size: 0.8rem; }
@media (max-width: 768px) {
    .rr-trust-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }
}


/* ============================================
   ZAHLUNGSICONS
   ============================================ */

.rr-footer-payments {
    background: var(--rr-navy);
    padding: 15px 0;
    text-align: center;
    border-bottom: 1px solid #333;
}
.rr-payment-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}
.rr-payment-label { color: #888; font-size: 0.85rem; }
.rr-pay-icon {
    background: #2a2a4a;
    color: #ccc;
    padding: 5px 12px;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 600;
    border: 1px solid #444;
}


/* ============================================
   CUSTOM FOOTER
   ============================================ */

.rr-custom-footer {
    background: var(--rr-navy) !important;
    padding: 40px 0 20px;
    color: #ccc;
}
.rr-footer-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    gap: 40px;
    max-width: 1290px;
    margin: 0 auto;
    padding: 0 20px;
}
@media (max-width: 768px) {
    .rr-footer-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

.rr-footer-col h3 {
    color: var(--rr-gold) !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.rr-footer-col p,
.rr-footer-col li,
.rr-footer-col span {
    color: #bbb !important;
    font-size: 0.85rem !important;
    line-height: 1.8 !important;
}
.rr-footer-col a {
    color: #bbb !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}
.rr-footer-col a:hover {
    color: var(--rr-gold) !important;
}
.rr-footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.rr-footer-col ul li {
    padding: 3px 0;
}

.rr-footer-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
}
.rr-footer-contact-item .rr-fc-icon {
    font-size: 1rem;
    flex-shrink: 0;
    margin-top: 2px;
}

.rr-footer-bottom {
    border-top: 1px solid #333;
    margin-top: 25px;
    padding-top: 15px;
    text-align: center;
    max-width: 1290px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}
.rr-footer-bottom p {
    color: #777 !important;
    font-size: 0.8rem !important;
    margin: 0 !important;
}

/* Kadence Standard-Footer verstecken, wir nutzen unseren eigenen */
.site-footer .footer-widget-area,
.site-footer .site-footer-wrap,
.site-footer .site-footer-top-wrap,
.site-footer .site-footer-middle-wrap {
    display: none !important;
}
.site-footer .site-footer-bottom-wrap {
    display: none !important;
}
.site-footer {
    background: var(--rr-navy) !important;
    padding: 0 !important;
    margin: 0 !important;
}


/* ============================================
   ALLGEMEINES
   ============================================ */

body {
    background: #f8fafc !important;
}

/* Sidebar/Widget Titel */
.widget-title,
.wp-block-heading {
    color: var(--rr-navy) !important;
}

/* Star Ratings */
.woocommerce .star-rating span::before {
    color: var(--rr-gold) !important;
}


/* ============================================
   SHOP-ARCHIV: Karten aufräumen
   ============================================ */

/* MwSt und Versandkosten-Text auf Produktkarten ausblenden */
.woocommerce ul.products li.product .tax_label,
.woocommerce ul.products li.product .price .tax_label,
.woocommerce ul.products li.product .woocommerce-price-suffix,
.woocommerce ul.products li.product .price + .tax_label,
.archive .product .tax_label,
.wc-block-grid__product .tax_label {
    display: none !important;
}

/* "zzgl. Versandkosten" auf Produktkarten ausblenden */
.woocommerce ul.products li.product .woo-variation-price-extra,
.woocommerce ul.products li.product .shipping-info,
.woocommerce ul.products li.product .woocommerce-variation-price {
    display: none !important;
}

/* Generisches: Alle kleinen Steuer/Versand-Texte auf Archivseiten */
.woocommerce ul.products .wgm-info,
.woocommerce ul.products .wgm-info *,
.woocommerce ul.products .price ~ small,
.woocommerce ul.products .price ~ .wc-gzd-additional-info,
.woocommerce ul.products li.product .wc-gzd-additional-info,
.woocommerce ul.products li.product .product-details > small,
.woocommerce ul.products li.product .price-details {
    display: none !important;
}

/* German Market / Germanized Zusatzinfos auf Karten verstecken */
.woocommerce ul.products li.product .product-units,
.woocommerce ul.products li.product .product-tax-info,
.woocommerce ul.products li.product .product-shipping-info,
.woocommerce ul.products li.product .product-delivery-time-info,
.woocommerce ul.products li.product .footer-info {
    display: none !important;
}

/* Germanized Zusatzinfos (MwSt, Versandkosten) auf Produktkarten verstecken */
.woocommerce ul.products .wc-gzd-additional-info,
.woocommerce ul.products .wc-gzd-additional-info-loop,
.woocommerce ul.products .tax-info,
.woocommerce ul.products .shipping-costs-info,
.woocommerce ul.products .delivery-time-info,
.woocommerce ul.products .unit-price-info,
.product-action-wrap .wc-gzd-additional-info {
    display: none !important;
}


/* ============================================
   MOBILE: Hamburger-Menü + Icons sichtbar (WEISS)
   ============================================ */

/* Kadence global-palette5 überschreiben für mobilen Header */
.mobile-toggle-open-container .menu-toggle-open,
.mobile-toggle-open-container .menu-toggle-open:focus,
.mobile-toggle-open-container .menu-toggle-open:hover,
.mobile-toggle-open-container .menu-toggle-open:focus-visible,
#mobile-toggle,
#mobile-toggle svg,
#mobile-toggle .kadence-svg-iconset,
#mobile-header .menu-toggle-open,
#mobile-header .menu-toggle-open .menu-toggle-icon,
#mobile-header .drawer-toggle {
    color: #fff !important;
    fill: #fff !important;
}

/* Alle SVG Icons im mobilen Header */
#mobile-header svg,
#mobile-header .kadence-svg-iconset svg {
    color: #fff !important;
    fill: #fff !important;
}

/* Mobile Cart/Search Icons */
#mobile-header .header-mobile-cart-wrap a,
#mobile-header .header-mobile-cart-wrap svg,
#mobile-header .search-toggle-open,
#mobile-header .search-toggle-open svg {
    color: #fff !important;
    fill: #fff !important;
}

/* Mobile Site Title */
#mobile-header .site-branding .site-title,
#mobile-header .site-branding .site-title a {
    color: #fff !important;
}


/* ============================================
   SEITENTITEL-HERO auf Shop/Archiv entfernen
   ============================================ */

/* Shop-Seite und Archiv: Titel-Hero komplett weg */
.woocommerce .entry-hero,
.woocommerce .page-hero-section,
.woocommerce .entry-header,
.archive .entry-hero,
.archive .page-hero-section,
.post-type-archive-product .entry-hero,
.post-type-archive-product .page-hero-section,
.tax-product_cat .entry-hero,
.tax-product_cat .page-hero-section {
    display: none !important;
}

/* "Shop" Überschrift im Hero-Bereich auch weg */
.woocommerce-products-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Content direkt unter Header - kein Extra-Padding */
.woocommerce #inner-wrap .content-area,
.archive #inner-wrap .content-area {
    padding-top: 0 !important;
}
.woocommerce .entry-hero-container-inner,
.archive .entry-hero-container-inner {
    display: none !important;
}


/* ============================================
   WEISSER STREIFEN ZWISCHEN HEADER UND CONTENT WEG
   ============================================ */

/* Content-Area Margin-Top auf Startseite und Shop entfernen */
.home .content-area,
.woocommerce .content-area,
.archive .content-area,
.post-type-archive-product .content-area {
    margin-top: 0 !important;
}

/* Entry-Content-Wrap auf Startseite: Kein oberes Padding */
.home .entry-content-wrap {
    padding-top: 0 !important;
}

/* Hero-Section (Seitentitel "Home" / "Shop") komplett weg */
.entry-hero,
.entry-hero.page-hero-section,
.entry-hero.product-archive-hero-section,
.page-hero-section,
.product-archive-hero-section {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

/* Main wrap: kein oberer Abstand */
#inner-wrap {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* Mobil + Desktop: Streifen zwischen Header und Content eliminieren */
.home .content-area,
.woocommerce .content-area,
.archive .content-area {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.home .entry-content-wrap,
.home .content-container,
.woocommerce .content-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.home .content-bg {
    margin-top: 0 !important;
}
#inner-wrap {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
/* Entry-hero auch physisch keinen Platz einnehmen */
.entry-hero {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}


/* Nahtloser Übergang Header → Content */
.home #inner-wrap,
.home .content-area,
.home .content-container,
.home .content-wrap,
.home .content-bg,
.home .entry-content-wrap {
    background: transparent !important;
}
/* Body-Hintergrund im Header-Bereich navy machen */
.home #wrapper {
    background: var(--rr-navy) !important;
}
/* Aber der Content-Bereich ab den Produkten wieder hell */
.home .entry-content .wp-block-cover ~ * {
    position: relative;
    z-index: 1;
}
.home .entry-content {
    background: #f8fafc;
}
/* WooCommerce Notices Wrapper eliminieren */
.home .woocommerce-notices-wrapper:empty,
.woocommerce .woocommerce-notices-wrapper:empty {
    display: none !important;
}


/* ============================================
   Startseite: Weißer Hintergrund
   ============================================ */
body.home,
body.home #wrapper,
body.home #inner-wrap,
body.home .content-area,
body.home .content-container,
body.home .site-main,
body.home .content-wrap,
body.home .content-bg,
body.home .entry-content-wrap {
    background: #ffffff !important;
}

body.home .entry-content > .wp-block-cover + * {
    padding-top: 2rem;
}

/* Shop-Seite: Auch Navy-BG im Gap-Bereich */
body.archive.woocommerce,
body.archive.woocommerce #wrapper,
body.archive.woocommerce #inner-wrap {
    background: var(--rr-navy) !important;
}
body.archive.woocommerce .content-area {
    background: #f8fafc !important;
}

/* Mein Konto Login - Labels in schwarzer Schrift */
.woocommerce-form-login label,
.woocommerce-form-login label[for="username"],
.woocommerce-form-login label[for="password"],
.woocommerce-form-login .form-row label,
.woocommerce-form-register label,
.woocommerce-form-register .form-row label {
    color: #000000 !important;
}

/* ============================================
   FIX: Produktkarten auf Startseite (WC Blocks)
   ============================================ */
.wc-block-grid__product,
.wc-block-grid__product.content-bg {
    background: #ffffff !important;
    border-radius: 8px !important;
    overflow: hidden;
}
.wc-block-grid__product-title,
.wc-block-grid__product-title-link,
.wc-block-grid__product-title a {
    color: var(--rr-navy) !important;
}
.wc-block-grid__product-price,
.wc-block-grid__product-price .woocommerce-Price-amount,
.wc-block-grid__product-price .price {
    color: var(--rr-navy) !important;
}
.wc-block-grid__product-add-to-cart .wp-block-button__link {
    font-size: 0.75rem !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    padding: 6px 8px !important;
    background: var(--rr-navy) !important;
    color: #ffffff !important;
    border-radius: 4px !important;
}
.wc-block-grid__product-add-to-cart .wp-block-button__link:hover {
    background: var(--rr-gold-dark) !important;
    color: var(--rr-navy) !important;
}

/* ============================================
   FIX: Produktkarten-Details auf Startseite
   Navy-BG betrifft fälschlicherweise auch
   die .entry-content-wrap in Produktkarten
   ============================================ */
body.home .wc-block-grid__product .product-details.entry-content-wrap,
body.home .wc-block-grid__product .entry-content-wrap,
body.home .wc-block-grid .product-details,
body .wc-block-grid__product .product-details.content-bg.entry-content-wrap,
.wc-block-grid__product .product-details {
    background: #ffffff !important;
    padding: 10px 12px !important;
    border-radius: 0 0 8px 8px !important;
}
body.home .wc-block-grid__product .wc-block-grid__product-title,
body.home .wc-block-grid__product .wc-block-grid__product-title-link {
    color: var(--rr-navy) !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
}
body.home .wc-block-grid__product .wc-block-grid__product-price,
body.home .wc-block-grid__product .wc-block-grid__product-price .woocommerce-Price-amount {
    color: var(--rr-navy) !important;
    font-weight: 700 !important;
}

/* Warenkorb-Button zentriert und kleiner */
.wc-block-grid__product-add-to-cart {
    text-align: center !important;
}
.wc-block-grid__product-add-to-cart .wp-block-button__link .kadence-svg-iconset {
    display: none !important;
}