/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Divi.world
 Author URI:     http://divi.world
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

/* DIVI 4 – Dropdown dynamische Breite, vertikale Menüpunkte */

@media only screen and (min-width: 981px) {

    /* Dropdown-Container */
    .et_pb_menu .et-menu-nav li:not(.mega-menu) > ul.sub-menu {
        width: max-content !important;
        min-width: 0 !important;
        max-width: 90vw;
        display: flex;
        flex-direction: column !important;
        align-items: stretch;
    }

    /* Menüpunkte untereinander */
    .et_pb_menu .et-menu-nav ul.sub-menu > li {
        display: block !important;
        width: 100% !important;
        white-space: nowrap;
    }

    /* Links ohne Zeilenumbruch */
    .et_pb_menu .et-menu-nav ul.sub-menu > li > a {
        display: block !important;
        width: auto !important;
        white-space: nowrap !important;
    }

}

/* Autor-Blurb: Name und Subline unten am Bild ausrichten */

.autor-blurb.et_pb_blurb .et_pb_blurb_content {
    display: flex;
    align-items: stretch;
    gap: 15px;
}

.autor-blurb.et_pb_blurb .et_pb_main_blurb_image {
    flex: 0 0 auto;
    margin-bottom: 0;
}

.autor-blurb.et_pb_blurb .et_pb_blurb_container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex: 1;
}

/* SCHRIFTRETTER – Download-Badge im DIVI 4 Shop */

/* Produktlink als Positionierungsgrundlage */
.woocommerce ul.products li.product.downloadable
a.woocommerce-LoopProduct-link {
    position: relative;
    display: block;
}

/* Download-Badge */
.woocommerce ul.products li.product.downloadable
a.woocommerce-LoopProduct-link::before {
    content: "DOWNLOAD";
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 100;
    display: block;
    padding: 9px 14px;
    background-color: #253F50;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.06em;
    border-radius: 3px;

    pointer-events: none;
}


.product_list_widget .wc-gzd-additional-info, .products .wc-gzd-additional-info {
    margin: .1rem 0!important;

}

/* ==========================================================
   SCHRIFTRETTER – DIVI SIDE CART
   WooCommerce | Divi 4 | Divi Life
   ========================================================== */


/* ----------------------------------------------------------
   1. FARBEN & GRUNDEINSTELLUNGEN
   ---------------------------------------------------------- */

.divilife-wsc-container {
    --cart-primary: #203149;
    --cart-hover: #347ab7;
    --cart-muted: #777777;
    --cart-white: #ffffff;

    font-family: "ProductSans Regular", Arial, sans-serif;
    color: var(--cart-primary);

    /* Keine künstlichen Schriftstärken */
    font-synthesis: none;
}


/* ----------------------------------------------------------
   2. TYPOGRAFIE
   ---------------------------------------------------------- */

/* Überschrift: Dein Warenkorb */
.divilife-wsc-header {
    font-family: "ProductSans Bold", Arial, sans-serif !important;
    font-weight: normal !important;
}

/* Produkttitel */
.divilife-wsc-product
.divilife-wsc-sum-col > a:not(.divilife-wsc-remove) {
    font-family: "ProductSans Bold", Arial, sans-serif !important;
    font-weight: normal !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: var(--cart-primary) !important;
    text-decoration: none !important;
}

/* Produkttitel Hover */
.divilife-wsc-product
.divilife-wsc-sum-col > a:not(.divilife-wsc-remove):hover {
    color: var(--cart-hover) !important;
}

/* Preis und Mengenangabe */
.divilife-wsc-product .divilife-wsc-sum-col,
.divilife-wsc-product .divilife-wsc-price {
    font-family: "ProductSans Regular", Arial, sans-serif;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.5;
    color: var(--cart-primary) !important;
}



/* ----------------------------------------------------------
   3. PRODUKT ENTFERNEN
   ---------------------------------------------------------- */

.divilife-wsc-product .divilife-wsc-remove {
    display: inline-block !important;

    font-family: "ProductSans Regular", Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 1.5 !important;

    color: #777777 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;

    padding: 2px 0 !important;
    margin-top: 6px !important;
}

/* Hover */
.divilife-wsc-product .divilife-wsc-remove:hover {
    color: #203149 !important;
}


/* ----------------------------------------------------------
   4. ZWISCHENSUMME
   ---------------------------------------------------------- */

.divilife-wsc-subtotal {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;

    font-family: "ProductSans Bold", Arial, sans-serif !important;
    font-weight: normal !important;
    font-size: 15px !important;

    text-align: left;
    color: var(--cart-primary) !important;
}

/* Beschriftung und Betrag */
.divilife-wsc-subtotal > span {
    font-family: "ProductSans Bold", Arial, sans-serif !important;
    font-weight: normal !important;
}

/* Betrag ohne Zeilenumbruch */
.divilife-wsc-subtotal .woocommerce-Price-amount {
    white-space: nowrap;
}


/* ----------------------------------------------------------
   5. VERSANDHINWEIS
   ---------------------------------------------------------- */

.divilife-wsc-shiptxt {
    display: block;

    margin: 8px 0 15px !important;
    padding: 0 !important;

    font-family: "ProductSans Regular", Arial, sans-serif;
    font-weight: normal;
    font-size: 12px !important;
    line-height: 1.4;

    color: #666666;
    text-align: left !important;
}


/* ----------------------------------------------------------
   6. BUTTONS – GRUNDSTIL
   ---------------------------------------------------------- */

.divilife-wsc-footer-b a.button {
    display: block;
    width: 100%;
    box-sizing: border-box;

    padding: 12px 18px !important;

    border: 1px solid var(--cart-primary) !important;
    border-radius: 4px !important;

    background: transparent !important;
    color: var(--cart-primary) !important;

    font-family: "ProductSans Medium", Arial, sans-serif !important;
    font-weight: normal !important;
    font-size: 15px !important;
    line-height: 1.4 !important;

    text-align: center;
    text-decoration: none !important;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
}

/* Divi-Button-Pfeil entfernen */
.divilife-wsc-footer-b a.button::after {
    display: none !important;
}


/* ----------------------------------------------------------
   7. BUTTONS – ZUR KASSE (PRIMÄR)
   ---------------------------------------------------------- */

.divilife-wsc-footer-b a.divilife-wsc-chkt {
    background: var(--cart-primary) !important;
    color: var(--cart-white) !important;
}

.divilife-wsc-footer-b a.divilife-wsc-chkt:hover {
    background: var(--cart-hover) !important;
    border-color: var(--cart-hover) !important;
    color: var(--cart-white) !important;
}


/* ----------------------------------------------------------
   8. BUTTONS – SEKUNDÄR
   ---------------------------------------------------------- */

/* Warenkorb ansehen + Weitershoppen */
.divilife-wsc-footer-b a.divilife-wsc-cart:hover,
.divilife-wsc-footer-b a.divilife-wsc-cont:hover {
    background: var(--cart-primary) !important;
    border-color: var(--cart-primary) !important;
    color: var(--cart-white) !important;
}


/* ----------------------------------------------------------
   9. TASTATURFOKUS
   ---------------------------------------------------------- */

.divilife-wsc-footer-b a.button:focus-visible,
.divilife-wsc-product .divilife-wsc-remove:focus-visible {
    outline: 2px solid var(--cart-hover) !important;
    outline-offset: 3px;
}


/* ----------------------------------------------------------
   10. REDUZIERTE BEWEGUNG
   ---------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
    .divilife-wsc-footer-b a.button {
        transition: none !important;
    }
}

/* SIDE CART – MWST.-HINWEIS */

.divilife-wsc-footer-a .schriftretter-tax-notice {
    font-family: "ProductSans Regular", Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    color: #666666;
    text-align: left;
    margin: 5px 0 0;
    padding: 0;
}


/* ----------------------------------------------------------
   GARANTIE-HINWEIS IM FOOTER AUSBLENDET
   ---------------------------------------------------------- */
.wc-gzd-legal-guarantee-footer {
    display:none!important
}


/* ==========================================
   DIVI SIDE CART – DESKTOP POSITION
   ========================================== */

@media only screen and (min-width: 981px) {
    .divilife-wsc-basket {
        bottom: 50px !important;
    }
}