/*
 Theme Name:   Kadence Child
 Description:  Child Theme für German-Patriots
 Author:       German-Patriots
 Template:     kadence
 Version:      1.0.0
*/

/* ============================================================
   TEIL 1: ALTE BESTANDSTEILE (Funktionen & Layouts)
   ============================================================ */

/* Germanized: Steuer & Versand im Raster ausblenden */
.woocommerce ul.products li.product .wc-gzd-additional-info,
.woocommerce ul.products li.product .small-business-info,
.woocommerce ul.products li.product .shipping-costs-info,
.woocommerce ul.products li.product:hover .wc-gzd-additional-info {
    display: none !important;
}

/* Tribe Events Breite */
.single-tribe_events .tribe-events-single .tribe-events-event-meta {
    width: 100%;
}

/* Woo-Gallery: Bilder skalieren */
.single-product .woocommerce-product-gallery__image,
.single-product .woocommerce-product-gallery__image a { 
    display: block;
}
.single-product .woocommerce-product-gallery__image img {
    display: block;
    width: 90% !important;
    max-width: 90% !important;
    height: auto !important;
    object-fit: contain;
    margin: 0 auto;
    transform: none !important;
}
.single-product .zoomImg { display: none !important; }

/* Titel auf 4 Zeilen begrenzen */
.hf-4lines .wc-block-product .wp-block-post-title {
    line-height: 1.5 !important;
    min-height: calc(1.5em * 4) !important;
    max-height: calc(1.5em * 4) !important;
    overflow: hidden !important;
}
.hf-4lines .wc-block-product .wp-block-post-title a[data-wp-on--click*="viewProduct"] {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: normal !important;
}

/* Mobile Anpassungen (Badges, Padding) */
@media (max-width: 768px) {
    body.woocommerce ul.products.content-wrap,
    body.woocommerce-page ul.products.content-wrap {
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box;
    }
    .kadence-shop-top-row {
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-top: 10px !important;
    }
    .woocommerce ul.products li.product .product-details {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }
    .kadence-breadcrumb-container {
        display: none !important;
    }
    body.single-product .product {
        margin-top: 50px;
    }
    body.post-type-archive-product .hf-shop-custom-top .site-container {
        padding-left: 2px !important;
        padding-right: 2px !important;
        box-sizing: border-box;
    }
}

/* Desktop Layout & Abstände */
@media (min-width: 1025px) {
    body.post-type-archive-product .kadence-shop-top-row,
    body.post-type-archive-product .woocommerce-notices-wrapper,
    body.post-type-archive-product ul.products.content-wrap,
    body.tax-product_cat .kadence-shop-top-row,
    body.tax-product_cat .woocommerce-notices-wrapper,
    body.tax-product_cat ul.products.content-wrap,
    body.tax-product_tag .kadence-shop-top-row,
    body.tax-product_tag .woocommerce-notices-wrapper,
    body.tax-product_tag ul.products.content-wrap {
        max-width: var(--global-content-width, 1200px);
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: var(--global-content-edge-padding, 20px);
        padding-right: var(--global-content-edge-padding, 20px);
        box-sizing: border-box;
    }
    /* HF Shop Titel */
    body.post-type-archive-product .hf-shop-custom-top > .site-container > h2 {
        color: #fff !important;
        text-align: center !important;
        margin-bottom: 50px !important;
    }
    body.post-type-archive-product .hf-shop-custom-top ~ .kadence-shop-top-row {
        margin-top: 0px !important;
    }
}

/* WhatsApp & Sonstiges Ausblenden */
.ht-ctc-cta { display: none !important; }
.ctc-analytics.ht_ctc_padding { transition: transform 0.25s ease, box-shadow 0.25s ease; }
.ctc-analytics.ht_ctc_padding:hover {
    transform: scale(1.08);
    box-shadow: 0 8px 16px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.25);
}
#hf-news-bubble { display: none !important; }



/* ============================================================
   TEIL 2: NEUE FIXES (Korrigierte Reihenfolge)
   ============================================================ */

/* 1. ADMIN-LEISTE (Muss IMMER ganz oben sein, Level 2 Mrd.) */
#wpadminbar {
    z-index: 2147483647 !important; 
    position: fixed !important;
}

/* 2. HEADER (Level 2 Mrd minus 1 -> unter Admin, aber über PayPal) */
#masthead,
.site-header,
.kadence-sticky-header,
.kadence-sticky-header.item-is-fixed {
    z-index: 2147483000 !important; 
}

/* 4. KLICKBARKEIT WIEDERHERSTELLEN (Dropdowns, Bilder) - Level 100 */
.single-product .flex-control-thumbs,
.single-product .summary form,
.single-product .summary select,
.single-product .summary button,
.single-product .woocommerce-product-gallery {
    pointer-events: auto !important;
    position: relative;
    z-index: 100 !important; 
}

/* 5. PAYPAL (Ganz nach unten - Level 0) */
#ppc-button,
.wc-ppcp-product-payments,
.paypal-buttons-context-iframe,
iframe[name^="__zoid__"] {
    z-index: 0 !important;
    position: relative !important; 
}


/* ============================================================
   TEIL 2: FINALER FIX (Alles rechts klickbar machen)
   ============================================================ */

/* 1. ADMIN-LEISTE */
#wpadminbar {
    z-index: 2147483647 !important; 
    position: fixed !important;
}

/* 2. HEADER (Ganz oben) */
#masthead,
.site-header,
.kadence-sticky-header,
.kadence-sticky-header.item-is-fixed {
    z-index: 2000000000 !important; 
}

/* 3. PRODUKT-INFO-BEREICH (Rechts) KOMPLETT FREISCHALTEN 
   Damit gehen GPay, PayPal, Links und Textauswahl sofort wieder. */
.single-product .entry-summary,
.single-product .summary {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 20 !important;
}

/* 4. PAYPAL & GPAY (Sicherstellen, dass sie nicht "abhauen") */
#ppc-button,
.wc-ppcp-product-payments,
.paypal-buttons-context-iframe,
iframe[name^="__zoid__"],
#wc-stripe-payment-request-wrapper,
.wc-stripe-payment-request-button {
    z-index: 21 !important;
    position: relative !important;
    pointer-events: auto !important;
}


/* Schriftgröße für Versandfrei-Hinweis */
.brief-shipping-details {
    font-size: 16px !important;
}

/* FIX: Anzahl der Produkte in Kategorien ausblenden */
.woocommerce-loop-category__title .count {
    display: none !important;
}

/* FIX: Angebot-Badge (Sale) nach ganz vorne holen */
.product .onsale,
.woocommerce span.onsale,
.single-product span.onsale {
    z-index: 1001 !important;
    position: absolute !important;
    transform: translateZ(0);
}

/* Textauswahl und Rechtsklick auf Bilder blockieren */
body.single-product {
    -webkit-user-select: none !important;
    user-select: none !important;
}
body.single-product .woocommerce-product-gallery__image img {
    pointer-events: none !important;
}



/* Zentrierung von Mengenfeld und Button auf der Produktseite */
.woocommerce-variation-add-to-cart {
  display: flex !important;
  align-items: center !important; /* Richtet beide an der horizontalen Mittelachse aus */
  flex-wrap: wrap; /* Verhindert das Zerquetschen auf Mobilgeräten */
  gap: 15px; /* Sorgt für einen sauberen Abstand zwischen Feld und Button */
  margin-top: 20px;
}

/* Optional: Damit das Mengenfeld die gleiche Höhe wie der Button anstrebt */
.quantity.spinners-added {
  margin: 0 !important;
  display: flex !important;
  align-items: center;
}

.quantity input.qty {
  min-height: 50px !important; /* Gleiche Höhe wie dein Patriot-Button */
  border-radius: 8px 0 0 8px !important; /* Passt die Ecken an das Button-Design an */
}



/* 1. PATRIOT-LOOK FÜR HEADER, PRODUKT-BUTTONS & MANUELLE AUSWAHL */
.header-button, 
.single_add_to_cart_button,
.gp-patriot-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  text-align: center !important;
  box-sizing: border-box !important;
  padding: 15px 40px !important;
  min-height: 50px; 
  font-size: 18px !important;
  font-weight: bold !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  background: linear-gradient(175deg, #000 25%, #ff0000 50%, #ffcc00 72%) !important;
  background-size: 100% 130% !important;
  background-position: 50% 20% !important;
  /* Glow verstärkt */
  box-shadow: 0 0 25px 5px rgba(255, 255, 255, 0.4) !important;
  transition: all 0.25s ease-out !important;
  text-decoration: none !important;
  cursor: pointer;
}

.header-button:hover, 
.single_add_to_cart_button:hover,
.gp-patriot-button:hover {
  color: #ffffff !important;
  background-position: 50% 80% !important;
  transform: scale(0.97) !important; /* Sauberes Schrumpfen ist zurück */
  /* Hover-Glow dominant */
  box-shadow: 0 0 35px 8px rgba(255, 255, 255, 0.6) !important;
}

.header-button:active, 
.single_add_to_cart_button:active,
.gp-patriot-button:active {
  transform: scale(0.94) !important;
}



/* 2. PATRIOTISCHES ANGEBOT-BADGE (Website-wide Fix) */
.onsale, 
.wc-block-components-product-sale-badge,
.wc-block-grid__product-onsale,
.wc-block-components-product-badge,
.wc-block-grid__product-badge {
  background: linear-gradient(175deg, #000 25%, #ff0000 50%, #ffcc00 72%) !important;
  color: #fff !important;
  font-weight: bold !important;
  border-radius: 4px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
  padding: 5px 12px !important;
  z-index: 10 !important;
  text-transform: uppercase !important;
  display: inline-block !important;
  border: none !important;
}


/* 3. ZENTRIERUNG AUF PRODUKTSEITE (MENGENFELD & BUTTON SAUBER IN EINER ZEILE) */
form.cart:not(.variations_form),
.woocommerce-variation-add-to-cart {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important; /* Zwingt Menge und Button in eine Zeile */
  gap: 10px !important;
  margin-top: 20px;
}

form.cart:not(.variations_form) .quantity,
.woocommerce-variation-add-to-cart .quantity {
  flex: 0 0 auto !important; /* Mengenfeld behält stur seine Größe */
  margin: 0 !important;
}

form.cart:not(.variations_form) button.single_add_to_cart_button,
.woocommerce-variation-add-to-cart button.single_add_to_cart_button {
  flex: 1 1 auto !important; /* Button nimmt den gesamten Restplatz ein */
  min-width: 0 !important; /* Verhindert das unsichtbare Ausbrechen nach rechts */
  width: 100% !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}



/* Inverses Text-Wachstum beim Hover */
.gp-btn-text {
  display: inline-block !important;
  transition: transform 0.25s ease-out !important;
}

.header-button:hover .gp-btn-text, 
.single_add_to_cart_button:hover .gp-btn-text,
.gp-patriot-button:hover .gp-btn-text {
  transform: scale(1.08) !important; /* Text wächst, während Button schrumpft */
}



/* Side-Cart auf absolutes Maximum setzen, um auch die Admin-Bar zu überlagern */
.xoo-wsc-container, 
.xoo-wsc-modal, 
.xoo-wsc-basket {
    z-index: 2147483647 !important;
}




/* ============================================================
   PATRIOT-MASTER-BLOCK: ALLE BUTTONS & HOVER-FIX
   ============================================================ */

/* 1. CONTAINER-FIX & STICKY-DEAKTIVIERUNG (MOBILE) */
.wc-block-cart__submit,
.wc-block-cart__submit-container,
.wc-block-checkout__add-note,
.wc-block-cart__payment-options {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
    transform: none !important;
}

/* 2. DER PATRIOT-LOOK FÜR ALLE BUTTON-TYPEN */
.header-button, 
.single_add_to_cart_button,
.gp-patriot-button,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    padding: 10px 20px !important;
    box-sizing: border-box !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    background: linear-gradient(175deg, #000 25%, #ff0000 50%, #ffcc00 72%) !important;
    background-size: 100% 130% !important;
    background-position: 50% 20% !important;
    box-shadow: 0 0 25px 5px rgba(255, 255, 255, 0.4) !important;
    transition: all 0.25s ease-out !important;
    text-decoration: none !important;
    cursor: pointer;
    text-transform: uppercase;
}

/* 3. HOVER-EFFEKTE (FIX FÜR INTERNEN KASTEN & FARBE) */
.header-button:hover, 
.single_add_to_cart_button:hover,
.gp-patriot-button:hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover {
    color: #ffffff !important;
    background-position: 50% 80% !important;
    transform: scale(0.98) !important;
    box-shadow: 0 0 35px 8px rgba(255, 255, 255, 0.6) !important;
}

/* Killt den hässlichen Schatten/Kasten im Button-Block */
.wc-block-cart__submit-button:hover .wc-block-components-button__text,
.wc-block-components-checkout-place-order-button:hover .wc-block-components-button__text,
.wc-block-cart__submit-button .wc-block-components-button__text,
.wc-block-components-checkout-place-order-button .wc-block-components-button__text {
    background: transparent !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

.header-button:active, 
.single_add_to_cart_button:active,
.gp-patriot-button:active,
.wc-block-cart__submit-button:active,
.wc-block-components-checkout-place-order-button:active {
    transform: scale(0.95) !important;
}

/* 4. TEXT-ANIMATION */
.gp-btn-text,
.wc-block-components-button__text {
    display: inline-block !important;
    transition: transform 0.25s ease-out !important;
}
.header-button:hover .gp-btn-text, 
.single_add_to_cart_button:hover .gp-btn-text,
.wc-block-cart__submit-button:hover .wc-block-components-button__text {
    transform: scale(1.05) !important;
}



/* Fix: Mobiles Menü über den Header legen */
#mobile-drawer,
.popup-drawer,
.popup-mobile-menu,
.kadence-mobile-menu {
    z-index: 2000000005 !important; 
}




/* Patriot-Style für den Warenkorb-Plugin-Button */
.xoo-wsc-ft-btn-checkout {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 48px !important;
    padding: 10px 20px !important;
    box-sizing: border-box !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    background: linear-gradient(175deg, #000 25%, #ff0000 50%, #ffcc00 72%) !important;
    background-size: 100% 130% !important;
    background-position: 50% 20% !important;
    box-shadow: 0 0 25px 5px rgba(255, 255, 255, 0.4) !important;
    transition: all 0.25s ease-out !important;
    text-decoration: none !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
}

.xoo-wsc-ft-btn-checkout:hover {
    color: #ffffff !important;
    background-position: 50% 80% !important;
    transform: scale(0.98) !important;
    box-shadow: 0 0 35px 8px rgba(255, 255, 255, 0.6) !important;
}

.xoo-wsc-ft-btn-checkout:active {
    transform: scale(0.95) !important;
}




/* Sale-Badge auf Mobile brutal erzwingen */
@media (max-width: 767px) {
    .woocommerce ul.products li.product .onsale,
    .woocommerce span.onsale,
    .product .onsale,
    span.onsale {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 1001 !important;
    }
}

/* Schriftgröße für das Angebot-Badge anpassen */
.product .onsale,
.woocommerce span.onsale,
.single-product span.onsale {
    font-size: 12px !important; 
}



/* Patriot-Style für das Plugin-Warenkorb-Icon */
.xoo-wsc-basket {
    background: linear-gradient(175deg, #000 25%, #ff0000 50%, #ffcc00 72%) !important;
    background-size: 100% 130% !important;
    background-position: 50% 20% !important;
    box-shadow: 0 0 25px 5px rgba(255, 255, 255, 0.4) !important;
    border-radius: 8px !important; 
    transition: all 0.25s ease-out !important;
    border: none !important;
}

.xoo-wsc-basket:hover {
    background-position: 50% 80% !important;
    transform: scale(0.95) !important;
    box-shadow: 0 0 35px 8px rgba(255, 255, 255, 0.6) !important;
}

/* Icon und Zahl im Warenkorb zwingend auf Weiß setzen */
.xoo-wsc-basket .xoo-wsc-items-count,
.xoo-wsc-basket .xoo-wsc-bki {
    color: #ffffff !important;
}



/* Blendet den Verified-Button komplett aus */
.wcpr-filter-container a[data-filter="verified"],
.wcpr-filter-button.wcpr-filter-verified,
.wcpr-filter-button-verified {
    display: none !important;
}

/* Gibt den Bewertungen nach unten Luft */
#reviews {
    margin-bottom: 60px !important;
}


/* Abstand zwischen Bewertungen (inkl. Hinweistext) und Ähnlichen Produkten */
#reviews {
    margin-bottom: 60px !important;
}













/* Rechtsklick- und Kopierschutz für Bewertungsbilder */
.wcpr-grid-item img,
.wcpr-review-image img,
.reviews-images-container img {
    pointer-events: none !important;
    -webkit-user-drag: none !important;
}



/* Killt den Klick und die Lupe im großen Bewertungsbild komplett */
#reviews-content-left-main,
#reviews-content-left-main img.reviews-images {
    pointer-events: none !important;
    cursor: default !important;
    -webkit-user-drag: none !important;
}



/* FINALER REVIEW-FIX: ALLES IN EINEM */
ol.commentlist, #reviews, #comments {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.hf-legal-clear-wrapper {
    clear: both !important;
    display: block !important;
    width: 100% !important;
    margin-top: -30px !important; 
}

.hf-review-legal-notice {
    font-size: 12px !important;
    color: #777 !important;
    text-align: left !important;
    opacity: 0.7;
    margin-bottom: 80px !important;
}

@media (max-width: 768px) {
    .hf-desktop-only { display: none !important; }
    .hf-review-legal-notice { margin-bottom: 40px !important; margin-top: 10px !important; }
}




/* ============================================================
   WPC LINKED VARIATION: CLEANER FARBKREIS-LOOK
   ============================================================ */

/* 1. Überschrift "Farbe" fett machen */
.wpclv-attribute-pa_farbe .wpclv-attribute-label {
    font-weight: bold !important;
}

/* 2. Nervige Hover-Tooltips (Hint) komplett abschießen */
.wpclv-term.hint--top::before,
.wpclv-term.hint--top::after {
    display: none !important;
}

/* 3. Grundstruktur: Text verstecken & runden Button bauen */
.wpclv-attribute-pa_farbe .wpclv-term-button {
    padding: 0 !important;
    margin-right: 15px !important;
    border: none !important;
    background: transparent !important;
}

.wpclv-attribute-pa_farbe .wpclv-term-button a,
.wpclv-attribute-pa_farbe .wpclv-term-button span {
    display: block !important;
    width: 35px !important;
    height: 35px !important;
    border-radius: 50% !important;
    text-indent: -9999px !important; /* Macht den Text unsichtbar */
    white-space: nowrap !important;
    overflow: hidden !important;
    padding: 0 !important;
    transition: transform 0.2s ease !important;
}

.wpclv-attribute-pa_farbe .wpclv-term-button a:hover {
    transform: scale(1.1) !important;
}

/* 4. Die spezifischen Farben zuweisen (anhand deiner Bezeichnungen) */

/* Weiß & Arctic White */
.wpclv-attribute-pa_farbe .wpclv-term-button[aria-label="Arctic White"] a,
.wpclv-attribute-pa_farbe .wpclv-term-button[aria-label="Arctic White"] span,
.wpclv-attribute-pa_farbe .wpclv-term-button[aria-label="White"] a,
.wpclv-attribute-pa_farbe .wpclv-term-button[aria-label="White"] span {
    background-color: #ffffff !important;
    border: 2px solid #000000 !important;
}

/* Black & Deep Black */
.wpclv-attribute-pa_farbe .wpclv-term-button[aria-label="Black"] a,
.wpclv-attribute-pa_farbe .wpclv-term-button[aria-label="Black"] span,
.wpclv-attribute-pa_farbe .wpclv-term-button[aria-label="Deep Black"] a,
.wpclv-attribute-pa_farbe .wpclv-term-button[aria-label="Deep Black"] span {
    background-color: #000000 !important;
    border: 2px solid #000000 !important;
}

/* 5. Aktive Auswahl markieren (Integriertes Häkchen) */
.wpclv-attribute-pa_farbe .wpclv-term-button.active a,
.wpclv-attribute-pa_farbe .wpclv-term-button.active span {
    box-shadow: none !important;
    position: relative !important;
}

.wpclv-attribute-pa_farbe .wpclv-term-button.active a::after,
.wpclv-attribute-pa_farbe .wpclv-term-button.active span::after {
    content: "\2714" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    text-indent: 0 !important; 
    font-size: 20px !important;
    line-height: 1 !important;
}

/* Häkchen Schwarz auf hellen Kreisen */
.wpclv-attribute-pa_farbe .wpclv-term-button[aria-label="Arctic White"].active a::after,
.wpclv-attribute-pa_farbe .wpclv-term-button[aria-label="White"].active a::after,
.wpclv-attribute-pa_farbe .wpclv-term-button[aria-label="Arctic White"].active span::after,
.wpclv-attribute-pa_farbe .wpclv-term-button[aria-label="White"].active span::after {
    color: #000000 !important;
}

/* Häkchen Weiß auf dunklen Kreisen */
.wpclv-attribute-pa_farbe .wpclv-term-button[aria-label="Black"].active a::after,
.wpclv-attribute-pa_farbe .wpclv-term-button[aria-label="Deep Black"].active a::after,
.wpclv-attribute-pa_farbe .wpclv-term-button[aria-label="Black"].active span::after,
.wpclv-attribute-pa_farbe .wpclv-term-button[aria-label="Deep Black"].active span::after {
    color: #ffffff !important;
}

/* Bewertungs-Hinweis entfernen, wenn "Rezensionen können nur von „Verifizierten Käufern“ hinterlassen werden" aktiv ist.*/
.woocommerce-verification-required { display: none !important; }


/* Schriftgröße für Kleinunternehmer-Hinweis & Versandkosten */
.legal-price-info, 
.legal-price-info .wc-gzd-additional-info {
    font-size: 12px !important;
}


/* Abstand nach unten entfernen und nach oben setzen */
.wpclv-attribute-pa_farbe {
    margin-bottom: 0 !important;
    margin-top: 20px !important;
}


/* Killt alle Abstände um den Steuer-Hinweis und unterm Preis */
p.wc-gzd-additional-info {
    margin-top: 5px !important;
    padding-top: 0 !important;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    margin-bottom: 0 !important;
}


/* WooCommerce Paginierung (Seitenanzahl) zentrieren */
nav.woocommerce-pagination ul.page-numbers,
ul.page-numbers {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    padding: 0 !important;
    margin-top: 40px !important;
}


/* Abstand über der Sortierung (Nur Mobile) */
@media (max-width: 768px) {
    .kadence-shop-top-row {
        margin-top: 30px !important;
    }
}


/* WPC Linked Variation: Kleinere Kreise & Schrift NUR im Produktkatalog */
.woocommerce ul.products li.product .wpclv-attribute-label {
    font-size: 14px !important;
}

.woocommerce ul.products li.product .wpclv-attribute-pa_farbe .wpclv-term-button a,
.woocommerce ul.products li.product .wpclv-attribute-pa_farbe .wpclv-term-button span {
    width: 30px !important;
    height: 30px !important;
}

/* Häkchen im Katalog ebenfalls verkleinern */
.woocommerce ul.products li.product .wpclv-attribute-pa_farbe .wpclv-term-button.active a::after,
.woocommerce ul.products li.product .wpclv-attribute-pa_farbe .wpclv-term-button.active span::after {
    font-size: 12px !important;
}


/* Styling für den "Zurück zum Shop" Button-Wrapper */
.hf-category-bottom-button-wrap {
    text-align: center;
    margin: 40px auto;
    clear: both;
    width: 100%;
    max-width: 1200px; /* Gleiche max-Breite wie dein Content */
    display: flex;
    justify-content: center;
    box-sizing: border-box;
}

.hf-category-bottom-button-wrap .gp-patriot-button {
    max-width: 500px;
    width: 100%;
}

/* Mobile Fix: 10px Abstand zum Rand (wie bei den Produkten) */
@media (max-width: 768px) {
    .hf-category-bottom-button-wrap {
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin: 30px auto;
    }
}



/* FINALER BANNER-FIX: SCHMALE HÖHE & KLEINE SCHRIFT MOBILE */
.site-top-header-wrap {
    background: linear-gradient(175deg, #000 25%, #ff0000 50%, #ffcc00 72%) !important;
    background-size: 100% 130% !important;
    background-position: 50% 20% !important;
    border: none !important;
}


/* 1. DESKTOP BEREICH: Hier die Zahlen manuell anpassen */
.site-top-header-wrap .header-html,
.site-top-header-wrap .header-html-inner p {
    padding: 5px 0 !important; /* Balkenhöhe oben/unten */
    margin: 0 !important;
}

.gp-banner-text {
    color: #ffffff !important; /* Zwingt die Schrift auf Weiß */
    font-size: 16px !important; /* Textgröße */
    line-height: 1.2 !important;
    display: block;
    text-align: center;
}

/* 2. MOBILE BEREICH: Deine manuellen Einstellungen */
@media (max-width: 768px) {
    .site-top-header-wrap .mobile-html,
    .site-top-header-wrap .mobile-html-inner,
    .site-top-header-wrap .mobile-html-inner p {
        padding: 0 !important;
        margin: 0 !important;
        min-height: 0 !important;
        height: auto !important;
    }
    .gp-banner-text {
        font-size: 14px !important;
        line-height: 1.4 !important;
        display: block;
        padding: 7px 0 !important; 
    }
}


/* Zwingt den Preis auf der Produktseite und im Shop auf FETT */
.woocommerce div.product p.price .amount, 
.woocommerce div.product span.price .amount,
ul.products li.product .price .amount {
    font-weight: 800 !important;
}



/* 1. Versandkosten-Link beim Hovern zwingend schwarz machen */
p.wc-gzd-additional-info a:hover {
    color: #000000 !important;
}



/* 1. START: Oben beim Preis unsichtbar und nimmt NULL Platz weg (Verhindert das Ruckeln oben) */
#payment-method-message:not(.klarna-moved):not(.klarna-ready) {
    opacity: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    pointer-events: none !important;
}

/* 2. MITTE: Nach unten verschoben, aber noch unsichtbar (Der Platzhalter für den Rabatt) */
#payment-method-message.klarna-moved:not(.klarna-ready) {
    opacity: 0 !important;
    position: relative !important;
    left: 0 !important;
    min-height: 32px !important; /* Reserviert die Höhe */
    margin-top: 25px !important;
    margin-bottom: 0 !important;
    pointer-events: none !important;
}

/* 3. ENDE: Fertig geladen und sichtbar */
#payment-method-message.klarna-ready {
    opacity: 1 !important;
    position: relative !important;
    left: 0 !important;
    margin-top: 25px !important;
    margin-bottom: 0 !important;
    transition: opacity 0.6s ease-in-out !important;
}

/* 3. Zwingt den Abstand unter dem Warenkorb-Formular auf null */
form.cart,
form.variations_form {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 4. Tötet den fest einprogrammierten Abstand der Rabatt-Überschrift nach oben */
.tiered-pricing-wrapper h3 {
    margin-top: 0 !important;
}

/* 5. Zieht den gesamten Kameraden-Rabatt-Block nach oben an die Klarna-Meldung heran */
.tiered-pricing-wrapper {
    margin-top: 10px !important; /* Dein perfekter Wert */
}



/* Macht aus der USP-Liste moderne, cleane Badges (Minimalistisches Grau) */
.single-product-extras ul {
    display: grid !important;
    grid-template-columns: 1fr 1fr; /* 2 Spalten Desktop */
    gap: 10px !important;
    padding: 0 !important;
    margin: 25px 0 !important;
    list-style: none !important;
}

.single-product-extras li {
    background: #f7f7f7 !important; /* Extrem dezentes, edles Hellgrau */
    border: 1px solid #eaeaea !important; /* Ganz zarter Rahmen für die Struktur */
    border-radius: 8px !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
    font-weight: 700 !important; /* Schön fett */
    color: #000000 !important; /* Schwarzer Text */
    text-transform: uppercase !important; /* Alles in GROSSBUCHSTABEN */
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    cursor: default !important; /* Verhindert den "Klick-Mauszeiger" */
    pointer-events: none !important; /* Kein Hover, keine Reaktion */
}

/* Icons zentriert und schwarz */
.single-product-extras li svg {
    width: 20px !important;
    height: 20px !important;
    color: #000000 !important; 
    flex-shrink: 0 !important;
}

/* Auf dem Handy alles schön untereinander */
@media (max-width: 768px) {
    .single-product-extras ul {
        grid-template-columns: 1fr;
    }
}



/* ============================================================
   PATRIOTEN-RABATT BOX (TRANSPARENT + GRADIENT RAHMEN & SCHATTEN)
   ============================================================ */
.gp-patriot-discount-wrapper {
    position: relative;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
    padding: 20px !important; /* Abstand vom Text zum Rahmen */
    clear: both;
    width: 100%;
    box-sizing: border-box;
    background: transparent !important; /* Komplett durchsichtig innen */
    border-radius: 8px;
    z-index: 1; /* Wichtig, damit der Text über dem Hintergrund liegt */
}

/* 1. Der schwarz-rot-goldene Rahmen */
.gp-patriot-discount-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 8px;
    padding: 2px; /* Dicke des Rahmens */
    background: linear-gradient(175deg, #000 25%, #ff0000 50%, #ffcc00 72%) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

/* Text-Anpassungen innerhalb der Box */
.gp-patriot-discount-wrapper h3 {
    margin: 0 0 10px 0 !important; /* Sauberer Abstand zwischen Überschrift und Text */
    font-size: 22px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    color: inherit !important;
    display: block !important;
}

.gp-discount-highlight {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    color: inherit !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}