/* ==========================================================
   CARDS OS
   REINES FARB-OVERRIDE
   KEINE LAYOUT- ODER STRUKTURÄNDERUNGEN
   ========================================================== */

:root {
    --divi-primary-color: #e4072d !important;
    --gcid-primary-color: #e4072d !important;

    --divi-secondary-color: #9a011a !important;

    --divi-global-color-1: #ff6683 !important;
    --divi-global-color-2: #40202a !important;
    --divi-global-color-3: #1c181d !important;
    --divi-global-color-4: #e4072d !important;
}


/* ==========================================================
   PRODUKTKARTEN
   ========================================================== */

.products li.product {
    background-color: #1c181d !important;
    border-color: #40202a !important;
}

.products .woocommerce-loop-product__title,
.products .woocommerce-loop-product__title a {
    color: #ffffff !important;
}

.products div[itemprop="description"] {
    color: #c6bbc0 !important;
}

.products span.price,
.products span.price bdi,
.products span.price ins {
    color: #ff6683 !important;
}

html body.woocommerce ul.products li.product .price del span.woocommerce-Price-amount.amount bdi,
html body.woocommerce-page ul.products li.product .price del span.woocommerce-Price-amount.amount bdi {
    color: #8f858a !important;
}


/* ==========================================================
   WARENKORB-BUTTON
   ========================================================== */

.woocommerce ul.products li.product .button {
    background-color: #e4072d !important;
    color: #ffffff !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #ff2448 !important;
    color: #ffffff !important;
}


/* ==========================================================
   SALE BADGE
   ========================================================== */

.wc-block-grid__product-onsale,
html body.woocommerce-page #page-container #et-boc ul.products li.product .onsale {
    background-color: #111114 !important;
    color: #ffffff !important;
}


/* ==========================================================
   SORTIERUNG
   ========================================================== */

.woocommerce-ordering select {
    background-color: #1c181d !important;
    border-right-color: #1c181d !important;
    color: #ffffff !important;
}


/* ==========================================================
   SINGLE PRODUCT
   ========================================================== */

.single-product .yoko-product-presentation .yith-add-to-wishlist-button-block {
    background-color: #28171e !important;
}

.single-product .yoko-product-presentation .yith-add-to-wishlist-button-block svg#yith-wcwl-icon-heart {
    color: #c6bbc0 !important;
}

.single-product .yoko-product-presentation .yith-add-to-wishlist-button-block:hover svg#yith-wcwl-icon-heart {
    color: #ff6683 !important;
}

.single-product .yoko-product-presentation .yoko-social-share a {
    color: #c6bbc0 !important;
}

.single-product .yoko-product-presentation .yoko-social-share a:hover {
    color: #ff6683 !important;
}

.yoko-product-presentation .yoko-product-images .flex-viewport,
.yoko-product-presentation .yoko-product-images img {
    background-color: #1c181d !important;
}


/* ==========================================================
   PRODUCT TABS
   ========================================================== */

.yoko-product-tabs textarea#comment {
    border-color: #40202a !important;
}

.yoko-product-tabs input#submit {
    background-color: #e4072d !important;
    color: #ffffff !important;
}

html body #main-content .yoko-product-tabs input#submit:hover {
    background-color: #ff2448 !important;
    color: #ffffff !important;
}

.yoko-product-tabs li.et_pb_tab_active a {
    background-color: #e4072d !important;
    color: #ffffff !important;
}


/* ==========================================================
   SIDEBAR / KATEGORIEN
   ========================================================== */

.yoko-categories {
    border-color: #40202a !important;
}

.yoko-categories ul {
    background-color: #1c181d !important;
}

.yoko-categories ul li {
    border-bottom-color: #40202a !important;
}

.yoko-tags-sidebar ul li a {
    border-color: #40202a !important;
}

html body #et-boc #main-content
.yoko-tags-sidebar .et_pb_text_inner ul li:hover a {
    border-color: #e4072d !important;
    color: #e4072d !important;
}


/* ==========================================================
   SHOP FILTER
   ========================================================== */

.wpf_item.wpf_item_wpf_cat {
    border-color: #40202a !important;
}

.wpf_item.wpf_item_wpf_cat ul.wpf_column_horizontal {
    background-color: #1c181d !important;
}

.wpf_items_wrapper .wpf_item ul li {
    border-color: #40202a !important;
}

.wpf_items_wrapper .wpf_item ul li:hover {
    color: #ff6683 !important;
}

.wpf_slider.ui-slider .ui-widget-header {
    background-color: #e4072d !important;
}


/* ==========================================================
   BLOG / LETZTE BEITRÄGE

   WICHTIG:
   Das alte Yoko-CSS verwendet hier eine externe
   Hintergrundgrafik. Sie wird ausschließlich entfernt,
   damit die gewünschte CardsOS-Hintergrundfarbe sichtbar ist.
   Layout bleibt unangetastet.
   ========================================================== */

.yoko-posts article {
    background-image: none !important;
    background-color: #111114 !important;
}


/* Überschrift DIREKT am Link färben */

.yoko-posts .entry-title,
.yoko-posts .entry-title a {
    color: #ffffff !important;
}


/* Meta */

.yoko-posts .post-meta,
.yoko-posts .post-meta a,
.yoko-posts .post-meta span {
    color: #8f858a !important;
}


/* Fließtext */

.yoko-posts .post-content,
.yoko-posts .post-content p,
.yoko-posts .post-content-inner,
.yoko-posts .post-content-inner p {
    color: #c6bbc0 !important;
}


/* Mehr lesen */

.yoko-posts a.more-link {
    background-color: #e4072d !important;
    color: #ffffff !important;
}

body #main-content .yoko-posts a.more-link:hover {
    background-color: #ff2448 !important;
    color: #ffffff !important;
}


/* ==========================================================
   DIE DREI ALTEN YOKO-DEAL-FLÄCHEN
   Grün / Orange / Rot -> CardsOS Dunkeltöne

   NUR HINTERGRUNDFARBEN
   ========================================================== */

.yoko-section-deals > .et_pb_column:nth-child(1) {
    background-color: #111114 !important;
}

.yoko-section-deals > .et_pb_column:nth-child(2) {
    background-color: #1c181d !important;
}

.yoko-section-deals > .et_pb_column:nth-child(3) {
    background-color: #28171e !important;
}


/* Texte innerhalb dieser drei Flächen */

.yoko-section-deals .et_pb_text h1,
.yoko-section-deals .et_pb_text h2,
.yoko-section-deals .et_pb_text h3,
.yoko-section-deals .et_pb_text h4,
.yoko-section-deals .et_pb_text h5,
.yoko-section-deals .et_pb_text h6 {
    color: #ffffff !important;
}

.yoko-section-deals .et_pb_text p {
    color: #c6bbc0 !important;
}


/* Preise / Akzente */

.yoko-section-deals .et_pb_text:nth-of-type(3) p {
    color: #ff6683 !important;
}


/* ORDER NOW */

.yoko-section-deals .et_pb_button {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #111114 !important;
}

.yoko-section-deals .et_pb_button:hover {
    background-color: #e4072d !important;
    border-color: #e4072d !important;
    color: #ffffff !important;
}


/* ==========================================================
   NEWSLETTER / JOIN FOR HOT OFFERS
   Der graue Bereich kommt aus Divi, nicht aus dem
   ursprünglichen Child-Theme-CSS.

   :has() dient hier nur zur Auswahl des vorhandenen Bereichs.
   Keine Strukturänderung.
   ========================================================== */

body .et_pb_section:has(.yoko-newsletter) {
    background-color: #111114 !important;
}


/* Überschrift Newsletter */

body .et_pb_section:has(.yoko-newsletter) h1,
body .et_pb_section:has(.yoko-newsletter) h2,
body .et_pb_section:has(.yoko-newsletter) h3,
body .et_pb_section:has(.yoko-newsletter) h4,
body .et_pb_section:has(.yoko-newsletter) h5,
body .et_pb_section:has(.yoko-newsletter) h6 {
    color: #ffffff !important;
}


/* Datenschutztext */

body .et_pb_section:has(.yoko-newsletter) .et_pb_text p {
    color: #c6bbc0 !important;
}


/* Eingabefeld */

.yoko-newsletter input#et_pb_signup_email {
    background-color: #1c181d !important;
    border-color: #40202a !important;
    color: #ffffff !important;
}

.yoko-newsletter input#et_pb_signup_email::placeholder {
    color: #8f858a !important;
}


/* Subscribe */

.yoko-newsletter .et_pb_newsletter_button {
    background-color: #e4072d !important;
    border-color: #e4072d !important;
    color: #ffffff !important;
}

.yoko-newsletter .et_pb_newsletter_button:hover {
    background-color: #ff2448 !important;
    border-color: #ff2448 !important;
    color: #ffffff !important;
}


/* ==========================================================
   BLOG PAGINATION
   ========================================================== */

.wp-pagenavi a,
.wp-pagenavi span.current {
    background-color: #28171e !important;
    border-color: #40202a !important;
    color: #ffffff !important;
}

.wp-pagenavi span.current {
    background-color: #e4072d !important;
    border-color: #e4072d !important;
    color: #ffffff !important;
}


/* ==========================================================
   WOOCOMMERCE PAGINATION
   ========================================================== */

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    background-color: #28171e !important;
    color: #ffffff !important;
}

.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background-color: #e4072d !important;
    color: #ffffff !important;
}


/* ==========================================================
   TEAM LABEL
   ========================================================== */

.yoko-team .et_pb_member_position {
    background-color: #e4072d !important;
    color: #ffffff !important;
}


/* ==========================================================
   HOME CARD AKZENTE
   ========================================================== */

.yoko-blurb-card .et_pb_main_blurb_image:before {
    background-color: #e4072d !important;
}

.yoko-blurb-price-yellow {
    color: #ff6683 !important;
}

.yoko-section-cards .yoko-card-title-m {
    color: #ff6683 !important;
}

.yoko-section-cards a.yoko-card-button {
    background-color: #e4072d !important;
    color: #ffffff !important;
}

body .yoko-section-cards a.yoko-card-button:hover {
    background-color: #ff2448 !important;
    color: #ffffff !important;
}


/* ==========================================================
   FOOTER TRENNLINIEN
   ========================================================== */

#yoko-custom-footer #yoko-img-footer:after,
#yoko-custom-footer #yoko-img-footer:before {
    background-color: #40202a !important;
}


/* ==========================================================
   ENDE CARDS OS COLOR OVERRIDE
   ========================================================== */