/**
Theme Name: piemont-haselnuss
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: piemont-haselnuss
Template: astra
*/


/* Footer-Inhalt mobil zentrieren */
@media (max-width: 768px) {

    .site-footer-above-section-1 img {
        width: 200px;
    }
    .site-footer, #nav_menu-3, .footer-widget-area, .site-footer-above-section-3  {
        text-align: center !important;
    }
}
/* Elementor-Container per Variablen korrekt auf Row ausrichten */
.meta-row{
    /* Elementor Container Vars */
    --display: flex;
    --flex-direction: row;
    --justify-content: space-between;
    --align-items: center;
    --row-gap: 0;
    --column-gap: 8px;

    /* Fallbacks, falls ein Theme-Rule drüberbügelt */
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 8px !important;

    width: 100%;
    flex-wrap: nowrap;
}

/* Widgets in der Meta-Zeile dürfen NICHT 100% Breite einnehmen */
.meta-row > .elementor-widget{
    width: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
}
.meta-row .elementor-widget-container{ padding: 0 !important; }
.meta-row p{ margin: 0 !important; }

/* Mobil kein Umbruch (falls knapp), sonst optional wrap */
@media (max-width: 767px){
    .meta-row{ flex-wrap: nowrap !important; }
    .meta-row .elementor-widget-text-editor{ white-space: nowrap; }
}

.unit-price {
    font-size: 11px !important;
}


@media (max-width: 767px){

    .mobile-peek-slider{
        --card-width: 90%;   /* Kartenbreite */
        --card-gap: 12px;    /* Abstand zwischen Karten */
        --peek-pad: 16px;    /* nur rechts sichtbar */
    }

    .mobile-peek-slider .elementor-loop-container.elementor-grid{
        display:flex !important;
        flex-wrap:nowrap;
        gap:0 !important;
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        scroll-snap-type:x mandatory;

        /* nur rechts Polster */
        scroll-padding-left:0px;
        padding-left: 0;
        padding-right: var(--peek-pad);
    }

    .mobile-peek-slider .e-loop-item{
        flex:0 0 var(--card-width) !important;
        max-width:var(--card-width) !important;
        margin-right: var(--card-gap);
        scroll-snap-align:start;
        scroll-snap-stop:always;
    }

    /* letzte Karte bündig abschließen */
    .mobile-peek-slider .e-loop-item:last-child{
        margin-right:0;
    }

    .mobile-peek-slider > .elementor-loop-container.elementor-grid{ scrollbar-width:none; }
    .mobile-peek-slider > .elementor-loop-container.elementor-grid::-webkit-scrollbar{ display:none; }
}

/* Loop-Karten: Produkttitel mobil kleiner */
@media (max-width: 767px){
    .elementor-271 .product_title.entry-title{
        font-size: 18px !important;
        line-height: 1.25 !important;
        margin: 0 0 4px 0 !important;
    }
}

/* (optional) Single-Produktseite mobil */
@media (max-width: 767px){
    .single-product .product_title.entry-title{
        font-size: 20px !important;
        line-height: 1.25 !important;
    }
}

/* Zeigt an, dass die Karte klickbar ist */
.loop-card { cursor: pointer; }

/* Breadcrumbs sehr klein und weiß */
.ast-breadcrumbs-wrapper,
.ast-breadcrumbs-wrapper a,
.ast-breadcrumbs-wrapper span {
    font-size: 10px;        /* kleiner Text, ggf. 8px wenn’s noch dezenter sein soll */
    line-height: 1.3;
    color: #fff !important; /* weiß */
    opacity: 0.8;           /* etwas dezenter */
}


/* Produkttitel: Alef – etwas kleiner am Desktop */
.single-product .product_title.entry-title {
    font-family:'Alef', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
    font-weight:700;
    font-size:clamp(20px, 2.2vw, 32px);  /* vorher max 40px → jetzt 32px */
    line-height:1.25;
}

/* Preis (nur auf Produkt-Einzelseite) */
.single-product .summary .price .woocommerce-Price-amount {
    color:#92C57A !important;
    font-size:clamp(32px, 3.4vw, 40px); /* schön groß auf Desktop */
    font-weight:700;
    line-height:1.2;
}

/* Einheitspreis direkt darunter */
.single-product .unit-price {
    font-size: 14px;
    line-height: 1.4;
    color:#ddd;  /* dezent grau/weißlich */
    margin-top: 4px;
}

/* Einheitspreis darunter: klein und dezent */
.single-product .unit-price-single {
    font-size:12px;
    line-height:1.3;
    opacity:.9;
    margin-top:4px;
}

/* Sichere Zahlungsmethoden-Heading hell */
.ast-single-product-payments legend { color:#fff !important; }



/* WooCommerce Tabs Styling */
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #e1933c !important;   /* Textfarbe */
    font-weight: 600;            /* etwas stärker */
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #e1933c !important;   /* aktive Tab-Farbe */
    border-color: #e1933c !important; /* unterstrichene Linie (bei Astra evtl. nötig) */
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: #e1933c !important;   /* auch Hover in Orange */
}

/* Basis Styling für Nährwerte-Tabelle */
.woocommerce table.shop_attributes.wcbr-nutrition {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px; /* etwas kompakter */
}

/* Jede Tabellenzeile flacher machen */
.woocommerce table.shop_attributes.wcbr-nutrition tr {
    border-bottom: 1px solid #442a1d; /* feine Linie in dunklem Braun */
}

.woocommerce table.shop_attributes.wcbr-nutrition th,
.woocommerce table.shop_attributes.wcbr-nutrition td {
    padding: 6px 10px; /* kompaktere Höhe */
    line-height: 1.3;
    border: none !important;
}

/* Label-Spalte */
.woocommerce table.shop_attributes.wcbr-nutrition th {
    background-color: #e1933c; /* Orange */
    color: #fff;               /* weiße Schrift */
    font-weight: 600;
    text-align: left;
    width: 45%; /* sorgt für klare Spaltenbreite */
}

/* Werte-Spalte */
.woocommerce table.shop_attributes.wcbr-nutrition td {
    background-color: #fff;    /* weißer Hintergrund */
    color: #2c2c2c;            /* dunkle Schrift */
    font-weight: 500;
}
/* === Breadcrumbs – Single Product ohne Abschneiden === */
.single-product .entry-header {
    margin: 8px 0 6px;
    padding: 0;
}

.single-product .ast-breadcrumbs-wrapper {
    margin: 6px auto 10px;
    padding: 0;
    max-width: var(--ast-container-width, 1200px);
}

.single-product .ast-breadcrumbs-wrapper,
.single-product .ast-breadcrumbs-wrapper a,
.single-product .ast-breadcrumbs-wrapper span {
    font-size: 10px;
    line-height: 1.4;
    color: #fff !important;
    opacity: .85;
}

/* Breadcrumbs kompakt mit Trennzeichen */
.single-product .ast-breadcrumbs .trail-items {
    display: flex;
    flex-wrap: wrap;        /* erlaubt Umbruch */
    gap: 6px;
    align-items: center;
}

.single-product .ast-breadcrumbs .trail-item {
    display: inline-flex;
    align-items: center;
}

.single-product .ast-breadcrumbs .trail-item:not(.trail-begin)::before {
    content: "›";
    margin: 0 6px 0 0;
    opacity: .6;
}

/* Hover-Effekt */
.single-product .ast-breadcrumbs-wrapper a:hover {
    opacity: 1;
    text-decoration: none;
}

/* ========== Grundfarben (Marke) ========== */
:root{
    --ph-brown:#43260f;       /* Seitenhintergrund */
    --ph-brown-2:#2f1b11;     /* Karten/Inputs */
    --ph-brown-3:#5c3b28;     /* Rahmen */
    --ph-orange:#e1933c;      /* Akzent */
    --ph-green:#92C57A;       /* CTA */
    --ph-text:#ffffff;        /* Text hell */
    --ph-text-dim:#e7e0d8;    /* dezenter Text */
}

/* Seite & Headings */
.woocommerce-checkout,
.wc-block-checkout,
.ast-article-single { background:var(--ph-brown) !important; }
.wc-block-components-title,
.wc-block-components-checkout-step__title,
.wc-block-components-checkout-order-summary__title-text{
    color:var(--ph-orange) !important;
    font-weight:700;
}

/* Zweispalten-Layout: Karten/Panele auf dunklem Braun */
.wc-block-components-main,
.wc-block-components-sidebar{
    color:var(--ph-text);
}
.wc-block-components-panel,
.wc-block-components-order-summary,
.wc-block-components-totals-wrapper,
.wc-blocks-components-select__container,
.wc-block-components-radio-control-accordion-option,
.wc-block-components-card{
    background:var(--ph-brown-2) !important;
    border:1px solid var(--ph-brown-3) !important;
    border-radius:10px;
}

/* Order-Summary (rechte Spalte) klarer machen */
.wp-block-woocommerce-checkout-order-summary-block
.wc-block-components-order-summary__content{
    background:transparent !important;
}
.wc-block-components-order-summary-item{
    background:transparent !important;
    border-bottom:1px solid var(--ph-brown-3);
}
.wc-block-components-product-name,
.wc-block-components-order-summary-item__individual-price,
.wc-block-components-totals-item__label,
.wc-block-components-totals-item__value{
    color:var(--ph-text) !important;
}
.wc-block-components-totals-item__description p{
    color:var(--ph-text-dim) !important;
}

/* Form: Inputs/Selects/Labels */
.wc-block-components-text-input input,
.wc-blocks-components-select__select,
.wc-block-components-address-form input,
.wc-block-components-text-input textarea{
    background:var(--ph-brown-2) !important;
    color:var(--ph-text) !important;
    border:1px solid var(--ph-brown-3) !important;
    border-radius:10px;
}
.wc-block-components-text-input input:focus,
.wc-blocks-components-select__select:focus{
    outline:none;
    border-color:var(--ph-orange) !important;
    box-shadow:0 0 0 2px color-mix(in srgb, var(--ph-orange), transparent 70%);
}
.wc-block-components-text-input label{
    color:var(--ph-text-dim) !important;
}

/* Radio/Checkboxen */
.wc-block-components-radio-control__label,
.wc-block-components-checkbox__label{
    color:var(--ph-text) !important;
}
.wc-block-components-checkbox__mark path{
    fill:var(--ph-green);
}

/* Coupon Toggle & „Gutschein hinzufügen“ */
.wc-block-components-panel__button{
    color:var(--ph-text) !important;
    background:var(--ph-brown-2) !important;
    border:1px solid var(--ph-brown-3) !important;
    border-radius:10px;
}

/* CTA Buttons */
.wc-block-components-button.contained{
    background:var(--ph-green) !important;
    color:#1c2a15 !important;
    border-radius:999px;
    padding:.9rem 1.25rem;
    font-weight:700;
}
.wc-block-components-button.contained:hover{
    filter:brightness(0.95);
}
.wc-block-components-checkout-return-to-cart-button{
    color:var(--ph-text) !important;
}

/* Express-Zahlung Titel & Container */
.wc-block-components-express-payment__title{ color:var(--ph-orange) !important; }
.wc-block-components-express-payment{ background:var(--ph-brown-2); border:1px solid var(--ph-brown-3); border-radius:10px; }

/* Germanized-Checkbox (AGB/Widerruf) */
.wc-gzd-checkbox span,
.wc-gzd-checkbox a{
    color:var(--ph-text) !important;
}
.wc-gzd-checkbox a{ color:var(--ph-orange) !important; }

/* Kleiner Feinschliff */
.wc-block-components-checkout-step__description,
.wc-block-components-product-metadata__description p{
    color:var(--ph-text-dim) !important;
}

/* Mobile Abstände */
@media (max-width: 782px){
    .wc-block-components-sidebar-layout{ gap:16px; }
    .wc-block-components-main,
    .wc-block-components-sidebar{ padding:6px 0; }
}

.page-id-8 .entry-header {
    text-align: center;
    margin-bottom: 1.5rem;
}

.page-id-8 .entry-title {
    font-size: clamp(36px, 6vw, 72px) !important;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    margin: 0;
}

/* Checkout – doppelte Border bei Bestellübersicht entfernen */
.wc-block-components-order-summary,
.wc-block-components-totals-wrapper {
    border: none !important;         /* äußere Ränder entfernen */
    background: var(--ph-brown-2) !important;
    border-radius: 10px;
}

/* Nur noch eine klare Linie zwischen den Zeilen */
.wc-block-components-order-summary-item,
.wc-block-components-totals-item {
    border-bottom: 1px solid var(--ph-brown-3);
}

/* Die letzte Zeile (z.B. Gesamtsumme) ohne Linie */
.wc-block-components-totals-item:last-child {
    border-bottom: none !important;
}

/* Abstand zwischen den Blöcken in der Bestellübersicht */
.wc-block-components-order-summary,
.wc-block-components-totals-wrapper,
.wc-block-components-panel,
.wc-block-components-totals-item {
    margin-bottom: 12px;   /* etwas Luft dazwischen */
}

/* Gutschein hinzufügen ohne Außen-Border */
.wc-block-components-panel__button {
    border: none !important;     /* Rahmen weg */
    background: var(--ph-brown-2) !important;
    padding: 10px 12px;
    border-radius: 8px;
    margin-bottom: 12px;
}

/* Zwischensumme etwas betonen */
.wc-block-components-totals-item {
    padding: 8px 0;
    border-bottom: 1px solid var(--ph-brown-3);
}
.wc-block-components-totals-item:last-child {
    border-bottom: none !important;
}

/* Gutschein hinzufügen – linksbündig ohne Rahmen */
.wc-block-components-panel__button {
    border: none !important;
    background: transparent !important;
    padding: 10px 0;
    margin: 0 0 8px 0;
    font-weight: 600;
    text-align: left;
    color: var(--ph-text) !important;
    display: block;
}

/* Icon (Pfeil rechts) dezenter */
.wc-block-components-panel__button svg {
    opacity: .6;
    transform: scale(.9);
}

/* Zwischensumme Block */
.wc-block-components-totals-item {
    background: var(--ph-brown-2) !important;
    border: none !important;
    border-radius: 8px;
    padding: 12px 16px;
    margin: 0 0 12px 0;

    display: flex;
    justify-content: space-between; /* links/rechts */
    align-items: center;            /* vertikal mittig */
}

/* Texte im Zwischensumme-Block */
.wc-block-components-totals-item__label,
.wc-block-components-totals-item__value {
    color: var(--ph-text) !important;
    font-weight: 600;
}

/* Gutschein-Bereich komplett ohne Rahmen/Hintergrund */
.wp-block-woocommerce-checkout-order-summary-coupon-form-block.wc-block-components-totals-wrapper {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Das Panel (Container) im Gutschein-Block */
.wp-block-woocommerce-checkout-order-summary-coupon-form-block
.wc-block-components-panel {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Der eigentliche "Gutschein hinzufügen" Button/Text */
.wp-block-woocommerce-checkout-order-summary-coupon-form-block
.wc-block-components-panel__button {
    background: transparent !important;
    border: 0 !important;
    padding: 10px 0 !important;
    margin: 0 0 8px 0 !important;
    text-align: left !important;
    color: var(--ph-text) !important;
    display: block !important;
}
/* Volle Breite + wenig Seiten-Padding */
.ast-desktop .ast-primary-header-bar .ast-builder-grid-row-container,
.ast-desktop .ast-primary-header-bar .ast-container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Kleine Innenabstände der Reihe */
.ast-desktop .ast-primary-header-bar .ast-builder-grid-row {
    padding-left: 12px !important;
    padding-right: 12px !important;
    column-gap: 16px; /* Abstand zwischen den 3 Zellen (links/mitte/rechts) */
}

/* Mittlere Zelle (Menü) soll den Platz bekommen und nicht umbrechen */
.ast-desktop .ast-primary-header-bar .site-header-section.center,
.ast-desktop .ast-primary-header-bar .site-header-section-middle {
    flex: 1 1 auto !important;
    min-width: 0 !important; /* verhindert, dass die mittlere Spalte „zu breit“ bleibt */
}

/* Menü selbst nicht umbrechen */
.ast-desktop .main-header-menu {
    flex-wrap: nowrap !important;
}

/* Item-Abstände etwas reduzieren */
.ast-desktop .main-header-menu > li {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.ast-desktop .main-header-menu > li > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
/* Header-Icons (rechts) in eine Zeile */
.ast-desktop .ast-primary-header-bar .site-header-section.right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important; /* statt ganz rechts kleben */
    gap: 12px; /* Abstand zwischen den Icons */
}

/* Abstand nach links verkleinern */
.ast-desktop .ast-primary-header-bar .site-header-section.right .ast-builder-layout-element {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Icons selbst etwas angleichen (Größe & Position) */
.ast-desktop .ast-header-custom-item,
.ast-desktop .ast-builder-layout-element a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px; /* gleiche Größe */
}

/* Rechte Header-Sektion näher ans Menü */
.ast-desktop .ast-primary-header-bar .site-header-section.right {
    margin-right: 0 !important;     /* Rand ganz re
chts weg */
    padding-right: 0 !important;    /* Innenabstand weg */
    gap: 12px;                      /* Abstand zwischen den Icons */
    justify-content: flex-start !important;
}

/* Gesamten Header-Inhalt enger machen */
.ast-desktop .ast-primary-header-bar .main-header-bar-navigation {
    margin-right: 20px !important;  /* Sicherheitsabstand Menü → Icons */
}

/* Rechte Header-Sektion enger machen */
.site-header-primary-section-right {
    justify-content: flex-start !important; /* alles nach links */
    margin-right: 0 !important;             /* Standard-Rand rechts entfernen */
    padding-right: 0 !important;            /* Innenabstand rechts entfernen */
    gap: 12px;                              /* Abstand zwischen Icons */
    flex: 0 0 auto !important;              /* Breite nur so groß wie die Icons */
}

/* Alle drei Icons schön in einer Reihe */
.site-header-primary-section-right .ast-builder-layout-element {
    margin: 0 !important;
    padding: 0 6px !important;              /* kleiner Zwischenabstand */
}

/** Product Group Loop Item Alignment */
.woocommerce .elementor-loop-container .elementor-element.loop-card .e-con-inner {
    .elementor-element:last-child {
        margin-top: 0;
    }

    .elementor-product-price-block-yes {
        margin-top: auto;
    }
}

/** Preisanzeige - Cards */
.woocommerce .elementor-loop-container .elementor-element.loop-card .e-con-inner {
    .price {
        bdi {
            font-size: 2em;
        }
        del {
            color: white;
            padding-bottom: 2px;
            font-size: 0.5em !important;
        }
    }
}

/** Mengen-Buttons */
.quantity.buttons_added {
    .input-text.qty {
        border: none;
        z-index: 1;
    }

    .plus, .minus {
        background-color: rgba(255, 255, 255, 0.7);
        color: rgba(0, 0, 0, 0.7);
        height: 32px;
        margin-top: 5px;
        z-index: 0;
        transition: background-color 0.3s;

        &:hover {
            background-color: rgba(255, 255, 255, 0.8);
        }
    }

    .plus {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        margin-left: -4px;
        padding-left: 4px;
    }

    .minus {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        margin-right: -42px;
        padding-right: 4px;
    }
}

/** Cart drawer */
.wc-block-components-drawer__screen-overlay {
    z-index: 999999999 !important;
    .wc-block-mini-cart__drawer {
        background-color: rgba(46, 26, 17, 0.3) !important;
        backdrop-filter: blur(5px) brightness(95%);

        .wc-block-mini-cart__title {
            font-size: 1.2em;
        }
    }
}

#astra-mobile-cart-drawer {
    background-color: rgba(46, 26, 17, 0.3) !important;
    backdrop-filter: blur(5px) brightness(95%);
    .astra-cart-drawer-header .astra-cart-drawer-title {
        color: var(--ph-text);
    }
    .woocommerce-mini-cart__total {
        color: var(--ph-text);
        strong {
            color: var(--ph-text);
        }
    }

    .total-cart-tax {
        padding: 0.7em 1.34em;
        color: var(--ph-text);
    }

    img.attachment-woocommerce_thumbnail {
        border-radius: 8px;
    }
}
.ast-mobile-cart-active .astra-mobile-cart-overlay {
    opacity: 0.5;
}

/* ===========================
   Mein Konto – Adressen
   =========================== */

/* Hintergrund der Adress-Boxen */
.woocommerce-Address {
    background: var(--ph-brown-2) !important;
    border: 1px solid var(--ph-brown-3) !important;
    border-radius: 10px;
    padding: 16px;
    margin-bottom: 20px;
    color: var(--ph-text);
}

/* Überschrift + Link */
.woocommerce-Address-title h2 {
    color: var(--ph-orange) !important;
    font-weight: 700;
    margin: 0 0 10px 0;
}
.woocommerce-Address-title a {
    font-size: 14px;
    font-weight: 600;
    color: var(--ph-green) !important;
}
.woocommerce-Address address {
    color: var(--ph-text-dim) !important;
    font-style: normal;
    line-height: 1.4;
}

/* Formularfelder (Inputs/Selects/Textareas) */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
    background: var(--ph-brown-2) !important;
    color: var(--ph-text) !important;
    border: 1px solid var(--ph-brown-3) !important;
    border-radius: 10px;
    padding: 10px;
}

.woocommerce form .form-row input:focus,
.woocommerce form .form-row select:focus,
.woocommerce form .form-row textarea:focus {
    outline: none;
    border-color: var(--ph-orange) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--ph-orange), transparent 70%);
}

/* Labels */
.woocommerce form .form-row label {
    color: var(--ph-text-dim) !important;
    font-weight: 500;
    margin-bottom: 4px;
    display: block;
}

/* Buttons (Adresse speichern etc.) */
.woocommerce button.button {
    background: var(--ph-green) !important;
    color: #1c2a15 !important;
    border-radius: 999px;
    padding: .8rem 1.4rem;
    font-weight: 700;
    border: none !important;
    transition: filter 0.2s;
}
.woocommerce button.button:hover {
    filter: brightness(0.95);
}

/* Hinweis-Text */
.woocommerce-MyAccount-content p {
    color: var(--ph-text) !important;
}

/* Navigationsmenü links (Mein Konto) */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
    background: var(--ph-brown-2);
    border: 1px solid var(--ph-brown-3);
    border-radius: 10px;
}
.woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid var(--ph-brown-3);
}
.woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none;
}
.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 12px 16px;
    color: var(--ph-text);
    text-decoration: none;
}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
    background: var(--ph-orange);
    color: #fff !important;
    border-radius: 10px;
}

/* 1) Seite/Container generell braun (auch auf Suchergebnisseiten) */
:root{
    --ph-brown:#43260f;
}

body.search,
.ast-separate-container .site-content,
.ast-separate-container .site-main {
    background: var(--ph-brown) !important;
}

/* 2) „Karten“-Weiß von Astra-Archivartikeln entfernen */
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-archive-description {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

/* 3) Der konkrete Loop-Grid-Wrapper (deine ID) darf nicht weiß sein */
.elementor-element-51b6f5e7 {
    background: transparent !important;
}

/* 4) Sicherheitsnetz: alle Elementor-Container im Grid transparent lassen */
.elementor-element-51b6f5e7 .e-con,
.elementor-element-51b6f5e7 .elementor-container {
    background: transparent !important;
}

/* 5) Optional: Außenabstände angleichen, damit brauner Hintergrund sichtbar ist */
.ast-separate-container .site-main > .ast-archive-post,
.ast-separate-container .site-main > article,
.ast-separate-container .site-main > .ast-pagination {
    padding: 0 !important;
    margin: 0 !important;
}

/* 6) Falls dein Theme „Content Background Color“ setzt: komplett killen */
.site,
.site-content,
.content-area {
    background: transparent !important;
}

/* ===========================
   Mein Konto – Adressen
   =========================== */

/* Hintergrund der Adress-Boxen */
.woocommerce-Address {
    background: var(--ph-brown-2) !important;
    border: 1px solid var(--ph-brown-3) !important;
    border-radius: 10px;
    padding: 16px;
    margin-bottom: 20px;
    color: var(--ph-text);
}

/* Überschrift + Link */
.woocommerce-Address-title h2 {
    color: var(--ph-orange) !important;
    font-weight: 700;
    margin: 0 0 10px 0;
}
.woocommerce-Address-title a {
    font-size: 14px;
    font-weight: 600;
    color: var(--ph-green) !important;
}
.woocommerce-Address address {
    color: var(--ph-text-dim) !important;
    font-style: normal;
    line-height: 1.4;
}

/* Formularfelder (Inputs/Selects/Textareas) */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
    background: var(--ph-brown-2) !important;
    color: var(--ph-text) !important;
    border: 1px solid var(--ph-brown-3) !important;
    border-radius: 10px;
    padding: 10px;
}

.woocommerce form .form-row input:focus,
.woocommerce form .form-row select:focus,
.woocommerce form .form-row textarea:focus {
    outline: none;
    border-color: var(--ph-orange) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--ph-orange), transparent 70%);
}

/* Labels */
.woocommerce form .form-row label {
    color: var(--ph-text-dim) !important;
    font-weight: 500;
    margin-bottom: 4px;
    display: block;
}

/* Buttons (Adresse speichern etc.) */
.woocommerce button.button {
    background: var(--ph-green) !important;
    color: #1c2a15 !important;
    border-radius: 999px;
    padding: .8rem 1.4rem;
    font-weight: 700;
    border: none !important;
    transition: filter 0.2s;
}
.woocommerce button.button:hover {
    filter: brightness(0.95);
}

/* Hinweis-Text */
.woocommerce-MyAccount-content p {
    color: var(--ph-text) !important;
}

/* Navigationsmenü links (Mein Konto) */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
    background: var(--ph-brown-2);
    border: 1px solid var(--ph-brown-3);
    border-radius: 10px;
}
.woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid var(--ph-brown-3);
}
.woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none;
}
.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 12px 16px;
    color: var(--ph-text);
    text-decoration: none;
}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
    background: var(--ph-orange);
    color: #fff !important;
    border-radius: 10px;
}

.posted_in {
    display: none;
}

/* Überschrift im gewünschten Stil (Euphoria Script ~85px) */
.wcbr-brand-header .wcbr-brand-title{
    font-family: 'Euphoria Script', sans-serif; /* Font muss global geladen sein */
    font-size: clamp(42px, 7vw, 65px);
    line-height: 0.95;
    font-weight: 400;
    color: var(--ph-orange) ;
    text-align: center;
    margin: 8px 0 12px;
}

/* Breite Info-Card */
.wcbr-brand-info-card{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    background: var(--ph-brown-2, #2f1b11);
    border: 1px solid var(--ph-brown-3, #5c3b28);
    border-radius: 16px;
    padding: 16px 18px;
    margin: 6px 0 22px;
}

/* Items in der Card */
.wcbr-brand-info-card .wcbr-info-item{
    min-width: 0;
}
.wcbr-info-label{
    font-size: 12px;
    letter-spacing: .02em;
    opacity: .8;
    margin-bottom: 4px;
    color: var(--ph-text-dim, #e7e0d8);
}
.wcbr-info-value{
    font-size: 16px;
    font-weight: 600;
    color: var(--ph-text, #fff);
    overflow-wrap: anywhere;
}
.wcbr-info-value a{
    color: var(--ph-green, #92C57A);
    text-decoration: none;
}
.wcbr-info-value a:hover{ text-decoration: underline; }

/* Responsive: untereinander auf Mobile */
@media (max-width: 782px){
    .wcbr-brand-info-card{
        grid-template-columns: 1fr;
        gap: 10px;
        border-radius: 12px;
        padding: 14px;
    }
    .wcbr-info-value{ font-size: 15px; }
}

.woocommerce table.shop_table {
    background: var(--ph-brown-2) !important;
    border-radius: 10px;
}

.woocommerce-order {
    h2.woocommerce-column__title, address {
        background: transparent !important;
        border: none !important;
    }

    .woocommerce-order-details {
        h2.woocommerce-order-details__title, table.woocommerce-table {
            background: transparent !important;
            border: none !important;
        }
        table.woocommerce-table td, table.woocommerce-table th {
            border: none !important;
        }
    }

    .woocommerce-order-details, .woocommerce-column {
        background: var(--ph-brown-3) !important;
        border-radius: 20px;
        border: var(--ph-brown-2) thin solid;
    }
}

/* Buttons für Cart und Profil */
#ast-mobile-popup-wrapper {
    section#block-94 > .wp-block-columns > .wp-block-column {
        flex-basis: 100% !important;
        > .wp-block-columns {
            justify-content: center;
            align-items: center;
            > .wp-block-column {
                padding: 6px;
                flex-basis: 84px !important;
                flex-grow: 0 !important;
                margin-bottom: 0 !important;

                .wc-block-mini-cart {
                    visibility: visible !important;
                }

                /* Cart- und Profil-Button Styles */
                .wc-block-mini-cart .wc-block-mini-cart__button, .wp-block-woocommerce-customer-account {
                    border-radius: 15px !important;
                    margin-bottom: 5px !important;
                }

                .wc-block-mini-cart .wc-block-mini-cart__button {
                    padding: 10px 25px !important;
                }

                .wp-block-woocommerce-customer-account {
                    padding: 3px 18px !important;
                    background: var(--ph-green) !important;
                }
            }
        }
    }
}

@media (max-width: 782px){
    .ast-mobile-header-inline {
        position: sticky !important;
        top: 0 !important;
    }
}

/* Letzte Änderungen */

.e-con.e-con>.e-con-inner>.elementor-widget, .elementor.elementor .e-con>.elementor-widget {
    width: 100%;
}

#shipping-method > div[aria-checked="false"] {
    color: var(--ph-text-dim) !important;
}

#shipping {
    label.wc-blocks-components-select__label{
        color: var(--ph-text-dim) !important;
    }
}

.wc-block-components-radio-control__input {
    border: 2px solid var(--ph-text-dim) !important;
    transition: 0.3s;
    &:checked {
        background: var(--ph-text) !important;
        border-color: var(--ph-green) !important;
        &::before {
            background-color: var(--ph-green) !important;
        }
    }
}

/* Button overflowing menu PayPal */
.paypal-buttons .component-frame.visible {
    z-index: unset !important;
}

/* Menu-Break */
#ast-hf-menu-1, #ast-hf-menu-1-sticky {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;

    li {
        line-height: 40px !important;
    }
}