/*
 Theme Name:   Blogsy Child
 Theme URI:    https://vitalgenuss-habek.de/
 Description:  Custom Child Theme für Blogsy
 Author:       Martin
 Template:     blogsy
 Version:      1.0.5
 */

/* Herbalife Custom Colors */
:root {
    --pt-accent-color: #266433 !important;
    --pt-accent-40-color: #1a4623 !important;
    --pt-accent-80-color: #0d2311 !important;
    --pt-button-bg-hover: #1a4623 !important;
    --wp--preset--color--accent: #266433 !important;
}

.widget_block ul:not(.submenu-container, .wp-block-social-links, .wp-block-latest-posts__list)>li>a::before,
.blogsy-sidebar-widget.widget_archive ul:not(.children)>li>a::before,
.blogsy-sidebar-widget.widget_categories ul:not(.children)>li>a::before,
.blogsy-sidebar-widget.widget.widget_pages ul:not(.sub-menu)>li>a::before,
.blogsy-sidebar-widget.widget_nav_menu ul:not(.sub-menu)>li>a::before {
    display: none !important;
}


.single-content-inner>.single-page-title.screen-reader-text+[class*="wp-block"],
.single-content-inner>[class*="wp-block"]:first-child {
    margin-top: -4rem;
}

.single-content-inner>[class*="wp-block"]:last-child {
    margin-bottom: -4rem;
}

.single-page-title {
    margin: -20px 0 35px;
    border-bottom: 1px solid var(--pt-border-color);
    padding: 0 0 1.5rem;
    word-wrap: break-word;
    word-break: break-word;
}

.default-post-list-item .image-container {
    position: relative;
    overflow: hidden;
    transform: translate(0, 0);
    will-change: transform;
    border-radius: var(--pt-soft-radius);
    flex-basis: 40%;
    flex-shrink: 0;
}

/* Blendet das Kategorie-Widget komplett aus, wenn die Liste darin keine Einträge hat */
.widget_block:has(.product-categories:empty),
.widget_block:has(.product-categories:not(:has(li))),
.widget_block:has(.categories:empty),
.widget_block:has(.categories:not(:has(li))) {
    display: none !important;
}

/* Färbt den aktuellen Angebotspreis in WooCommerce rot */
.woocommerce ins .amount,
.woocommerce-page ins .amount,
ul.products li.product .price ins .amount,
.single-product div.summary .price ins .amount {
    color: #e52e2e !important; /* Ein kräftiges Rot */
    font-weight: bold;         /* Optional: Macht den Preis fetter */
}

/* Normaler Streichpreis (wenn kein UVP vorliegt) */
.price del,
.price del .amount {
    text-decoration: line-through !important;
    font-size: 1em !important; /* Normal groß */
    color: #8c8c8c !important; /* Grau */
    font-weight: normal !important;
}

/* --- OVERRIDES FÜR UVP-PREISE --- */

/* Aktueller UVP-Preis erhält die Farbe von var(--pt-button-bg-hover) */
.woocommerce .price-label-uvp ins .amount,
.woocommerce-page .price-label-uvp ins .amount,
.price-label-uvp ins .amount,
.price-label-uvp ins span,
.price-label-uvp ins bdi {
    color: var(--pt-button-bg-hover) !important;
    font-weight: bold;
}

/* Den Strich beim Preis entfernen, wenn "UVP:" davor steht */
.woocommerce .price-label-uvp del,
.woocommerce-page .price-label-uvp del,
.price-label-uvp del,
.price-label-uvp del .amount,
.price-label-uvp del span,
.price-label-uvp del bdi {
    text-decoration: none !important; /* Entfernt den Durchstreich-Effekt */
}

/* Das Label "UVP:" kleiner und grau machen */
.price-label-uvp .wc-gzd-sale-price-label {
    font-size: 0.60em !important;     /* 40% kleiner */
    color: #8c8c8c !important;         /* Dezentes Grau */
    font-weight: normal !important;
}

/* Den dazugehörigen alten Preis ebenfalls kleiner und grau machen */
.price-label-uvp del {
    font-size: 0.60em !important;     /* Identische Größe wie das Label */
    color: #8c8c8c !important;         /* Identisches Grau */
    font-weight: normal !important;
    margin-left: 1px;                  /* Kleiner Abstand zwischen "UVP:" und dem Betrag */
}



/* --- Eigene Anpassungen für einheitliche grüne Hover-Styles --- */

/* Navigation menu link hover/active color */
.blogsy-header-nav li a:hover,
.blogsy-header-nav li.hovered > a,
.blogsy-header-nav li.current_page_item > a,
.blogsy-header-nav li.current-menu-item > a,
.blogsy-header-nav li.current-menu-ancestor > a,
.blogsy-header-nav .sub-menu li a:hover,
.blogsy-header-nav .sub-menu li.hovered > a,
.blogsy-header-nav .sub-menu li.current-menu-item > a,
.blogsy-header-nav .children li a:hover,
.blogsy-header-nav .children li.hovered > a,
.blogsy-header-nav .children li.current_page_item > a {
    color: var(--pt-accent-color) !important;
}

/* Hover shape color for the menu */
.blogsy-header-nav-wrapper[class*="hover-style-"]>ul>li>a::before,
.blogsy-header-nav-wrapper .blogsy-header-nav>li.hovered>a,
.blogsy-header-nav-wrapper .blogsy-header-nav>li>a:hover {
    --menu-shape-color: var(--pt-accent-color) !important;
}

/* Clickable titles of posts on homepage and lists hover color */
.post-wrapper .title a:hover,
.post-wrapper .title a:focus,
.default-post-list-item .title a:hover,
.default-post-list-item .title a:focus,
.blogsy-post-elastic-widget .title a:hover,
.blogsy-post-elastic-widget .title a:focus {
    color: var(--pt-accent-color) !important;
}

/* General link hover color (excluding buttons) */
a:not(.button):not(.wp-block-button__link):hover,
a:not(.button):not(.wp-block-button__link):focus {
    color: var(--pt-accent-color) !important;
}

/* Bold font for category links in the sidebar widget */
.blogsy-sidebar-widget.widget_categories ul li a,
.widget_block .wp-block-categories li a,
.widget_block .product-categories li a {
    font-weight: 600 !important;
}

/* Dark Mode overrides for Herbalife Custom Colors */
html[scheme="dark"] {
    --pt-accent-color: #60c576 !important;
    --pt-accent-40-color: #4eb564 !important;
    --pt-accent-80-color: #3c9c51 !important;
    --pt-button-bg-hover: #4eb564 !important;
    --wp--preset--color--accent: #60c576 !important;
}

/* Adjust logo green color in dark mode via CSS Filter */
/* html[scheme="dark"] .blogsy-logo-image, */
/* html[scheme="dark"] .logo-inner img, */
/* html[scheme="dark"] #site-header img[src*="logo"], */
/* html[scheme="dark"] img.custom-logo, */
html[scheme="dark"] #site-footer img[src*="logo"] {
    filter: brightness(1.8) saturate(1.1) !important;
}

/* Blendet das "Browse Our Articles" Panel auf der Blog-Seite aus */
.blog-archive-title {
    display: none !important;
}

/* Abstand zwischen Hero-Bild und den Beiträgen auf der Blog-Seite */
#blogsy-hero {
margin-bottom: 25px !important;
}

/* Eigene Gestaltung für den Grundpreis (Streichgrundpreis entfernen, grau & klein) */
.wc-gzd-custom-unit-price,
.wc-gzd-custom-unit-price .amount,
.wc-gzd-custom-unit-price bdi,
.wc-gzd-custom-unit-price span {
    font-size: 0.82em !important; /* klein */
    color: #8c8c8c !important; /* grau */
    font-weight: normal !important;
    text-decoration: none !important;
}

/* Vertrag widerrufen Button - einheitliches Styling auf allen Seiten */
.wp-block-button a,
.eu-owb-order-withdraw-from-contract-button a.button,
.widget_block .eu-owb-order-withdraw-from-contract-button a.button,
.blogsy-sidebar-widget .eu-owb-order-withdraw-from-contract-button a.button {
    background-color: var(--pt-accent-color) !important;
    color: #ffffff !important;
    padding: 10px 20px !important;
    border-radius: 100px !important;

    display: inline-block !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    text-align: center !important;
    transition: background-color 0.2s ease !important;
}

.eu-owb-order-withdraw-from-contract-button a.button:hover,
.eu-owb-order-withdraw-from-contract-button a.button:focus {
    background-color: var(--pt-button-bg-hover) !important;
    color: #ffffff !important;
}

/* Blendet die Produktanzahl in den Kategorie-Kacheln aus */
.woocommerce-loop-category__title .count,
mark.count {
    display: none !important;
}

.single-author-box {
    display: none !important;
}