/*
Theme Name: Sunflower26 Child Fraktion
Theme URI: https://deine-domain.de
Description: Child Theme fuer Sunflower26
Author: Mariska Ott
Template: sunflower26
Version: 1.0.1
Text Domain: sunflower26-child
*/

/*
Aenderung vom 11.06.2025

Sunflower26 setzt einige Farben ueber feste CSS-Regeln im Parent-Theme.
Hier wird kein Farbcode verwendet, sondern der WordPress-Farb-Slug "klee".

Der Slug "klee" ist in der theme.json aktuell der Farbe Salbei zugeordnet.
*/

/* ==========================================================
   INHALTSLINKS
   ========================================================== */

.entry-content p a:not(.wp-block-button__link) {
    color: var(--wp--preset--color--klee) !important;
}

/* ==========================================================
   MENUE
   ========================================================== */

/* Normale Eintraege */
.colorscheme-light .top-bar .nav-link,
.colorscheme-light .right-bar a {
    color: var(--wp--preset--color--tanne) !important;
}

/* Aktuelle Seite */
.colorscheme-light .top-bar .current_page_item a,
.colorscheme-light .right-bar .current_page_item a {
    color: var(--wp--preset--color--klee) !important;
}

/* ==========================================================
   UEBERSCHRIFTEN
   ========================================================== */

/* Globale Seiten- und Abschnittsueberschriften */
.colorscheme-light h1,
.colorscheme-light h2,
.colorscheme-light h3,
.colorscheme-light h4,
.colorscheme-light h5,
.colorscheme-light h6,
.colorscheme-light .h1,
.colorscheme-light .h2,
.colorscheme-light .h3,
.colorscheme-light .h4,
.colorscheme-light .h5,
.colorscheme-light .h6 {
    color: var(--wp--preset--color--tanne) !important;
}


/* ==========================================================
   BEITRAGSKARTEN
   ========================================================== */

/* Titel */
body .latest-posts--grid .archive-article .p-45 .entry-header h2,
body .latest-posts--grid .archive-article .p-45 .entry-header h2 a,
body .latest-posts--grid .archive-article .p-45 .entry-header .h5,
body .latest-posts--grid .archive-article .p-45 .entry-header .h5 a,
body .latest-posts--grid .archive-article .p-45 .entry-header .card-title,
body .latest-posts--grid .archive-article .p-45 .entry-header .card-title a {
    color: var(--wp--preset--color--tanne) !important;
}

/* Datum */
body.home .latest-posts--grid article.archive-article .entry-meta,
body.home .latest-posts--grid article.archive-article .entry-meta a,
body.home .latest-posts--grid article.archive-article .entry-meta * {
    color: var(--wp--preset--color--klee) !important;
}

/* Rahmen */
body .latest-posts--grid .archive-article {
    border-color: var(--wp--preset--color--klee) !important;
}

/* Pfeil bei "weiterlesen" */
body.home .latest-posts--grid article.archive-article img.icon-arrow {
    filter: brightness(0) saturate(100%) invert(61%) sepia(14%)
            saturate(580%) hue-rotate(96deg)
            brightness(91%) contrast(86%);
}

/* Text Weiterlesen bei Hover */
.latest-posts--grid .archive-article .continue-reading:hover,
.latest-posts--grid .archive-article:has(.continue-reading:hover) .continue-reading,
.latest-posts--grid .archive-article:has(.continue-reading:hover) .continue-reading span {
    color: var(--wp--preset--color--klee) !important;
}

/* ==========================================================
   TERMINKARTEN
   ========================================================== */

/* Titel */
.event-card .h2,
.event-card .h2 a,
.event-card .entry-header,
.event-card .entry-header a {
    color: var(--wp--preset--color--tanne) !important;
}

/* Datum und Uhrzeit */
.event-card time {
    color: var(--wp--preset--color--klee) !important;
}

/* Pfeil */
.event-card img[src*="arrow-right.svg"] {
    filter: brightness(0) saturate(100%) invert(61%) sepia(14%)
            saturate(580%) hue-rotate(96deg)
            brightness(91%) contrast(86%);
}


/* ---------- Terminkarten ---------- */

/* Rahmen */
.post-type-archive-sunflower_event .event-card,
.post-type-archive-sunflower_event article.event {
    border-color: var(--wp--preset--color--grashalm) !important;
}

/* Wochentag */
.post-type-archive-sunflower_event .weekday {
    color: var(--wp--preset--color--tanne) !important;
}

/* Datum und Uhrzeit */
.post-type-archive-sunflower_event .event-card time,
.post-type-archive-sunflower_event article.event time {
    color: var(--wp--preset--color--klee) !important;
}

/* Titel */
.post-type-archive-sunflower_event .event-card .h2,
.post-type-archive-sunflower_event .event-card .h2 a,
.post-type-archive-sunflower_event article.event .h2,
.post-type-archive-sunflower_event article.event .h2 a {
    color: var(--wp--preset--color--tanne) !important;
}


/* ==========================================================
   TERMINE-ARCHIV
   ========================================================== */

/* ---------- Filter-Buttons ---------- */

.post-type-archive-sunflower_event .filter-button-group button.filter,
.post-type-archive-sunflower_event .filter-button-group a.eventlist {
    background: var(--wp--preset--color--sand) !important;
    background-color: var(--wp--preset--color--sand) !important;
    color: var(--wp--preset--color--tanne) !important;
    border-color: var(--wp--preset--color--tanne) !important;
}

.post-type-archive-sunflower_event .filter-button-group button.filter.filter-active,
.post-type-archive-sunflower_event .filter-button-group a.eventlist.active,
.post-type-archive-sunflower_event .filter-button-group a.eventlist.is-active {
    background: var(--wp--preset--color--klee) !important;
    background-color: var(--wp--preset--color--klee) !important;
    color: var(--wp--preset--color--white) !important;
    border-color: var(--wp--preset--color--klee) !important;
}

.post-type-archive-sunflower_event .filter-button-group button.filter:hover,
.post-type-archive-sunflower_event .filter-button-group button.filter:focus,
.post-type-archive-sunflower_event .filter-button-group a.eventlist:hover,
.post-type-archive-sunflower_event .filter-button-group a.eventlist:focus {
    background: var(--wp--preset--color--klee) !important;
    background-color: var(--wp--preset--color--klee) !important;
    color: var(--wp--preset--color--white) !important;
    border-color: var(--wp--preset--color--klee) !important;
}

/* Alle Termine - Hover überschreiben */
.post-type-archive-sunflower_event .filter-button-group button.filter:hover,
.post-type-archive-sunflower_event .filter-button-group button.filter.filter-active:hover,
.post-type-archive-sunflower_event .filter-button-group button.filter.filter-active:focus {
    color: var(--wp--preset--color--white) !important;
    border-color: var(--wp--preset--color--klee) !important;
    background-color: var(--wp--preset--color--klee) !important;
    background: var(--wp--preset--color--klee) !important;
}

/* Link im Karten-Hinweis */
.post-type-archive-sunflower_event .map a,
.post-type-archive-sunflower_event .leaflet-map a,
.post-type-archive-sunflower_event a[href*="openstreetmap.org"] {
    color: var(--wp--preset--color--grashalm) !important;
}

/* ICS-Link im Termine-Archiv */
.post-type-archive-sunflower_event a.calendar-download,
.post-type-archive-sunflower_event a.calendar-download:visited {
    color: var(--wp--preset--color--tanne) !important;
}

/* ICS-Link Hover */
.post-type-archive-sunflower_event a.calendar-download:hover,
.post-type-archive-sunflower_event a.calendar-download:focus {
    color: var(--wp--preset--color--klee) !important;
}


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

/* Footer-Links */
.site-footer a,
.site-footer .nav-link,
.site-footer .menu-item a {
    color: var(--wp--preset--color--klee) !important;
}


/* ==========================================================
   SOCIAL MEDIA ICONS
   ========================================================== */

/* Standardzustand */
.colorscheme-light .social-media-profile {
    background-color: var(--wp--preset--color--white) !important;
    color: var(--wp--preset--color--tanne) !important;
    border: 2px solid var(--wp--preset--color--tanne) !important;
}

/* Hover und Fokus */
.colorscheme-light .social-media-profile:hover,
.colorscheme-light .social-media-profile:focus {
    background-color: var(--wp--preset--color--white) !important;
    color: var(--wp--preset--color--klee) !important;
    border-color: var(--wp--preset--color--klee) !important;
}

/* ==========================================================
   MOBILES MENUE
   ========================================================== */

/* Hamburger-Linien */
.hamburger-menu .hamburger span {
    background-color: var(--wp--preset--color--tanne) !important;
}

/* Hover und Fokus */
.hamburger-menu .hamburger:hover span,
.hamburger-menu .hamburger:focus span {
    background-color: var(--wp--preset--color--klee) !important;
}

/* ==========================================================
   SEITENTITEL / SCHRAEGE BALKEN
   ========================================================== */

/* Oberer Balken: Dr. Mariska Ott */
.label-top.skew-box,
.label-top.skew-box::before {
    background-color: var(--wp--preset--color--tanne) !important;
}

.label-top {
    color: var(--wp--preset--color--white) !important;
}

/* Unterer Balken: Für Baden-Württemberg */
.label-bottom.skew-box,
.label-bottom.skew-box::before {
    background-color: var(--wp--preset--color--klee) !important;
}

.label-bottom {
    color: var(--wp--preset--color--tanne) !important;
}


/* ==========================================================
   LOGO IM CHILD-THEME
   ========================================================== */

/* Originales SVG-Logo ausblenden */
.logo-background svg {
    display: none !important;
}

/* Child-Logo anzeigen */
.logo-background {
    background-image: url("assets/img/Sonnenblume-Wald-auf-Salbei.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}


/* ==========================================================
   FOOTER-LOGO AUSBLENDEN (NUR CHILD-THEME)
   ========================================================== */

.site-footer .footerlogo img {
    display: none !important;
}


/* ==========================================================
   BILDNACHWEISE / COPYRIGHT-HINWEISE
   ========================================================== */

.sunflower-photo-credit {
    background-color: rgba(245,241,233,0.9) !important; /* Sand */
    color: var(--wp--preset--color--tanne) !important;
}

.sunflower-photo-credit a {
    color: var(--wp--preset--color--tanne) !important;
}

/* ==========================================================
   COMPLIANZ COOKIE-BANNER
   ========================================================== */

:root {
    --cmplz_banner_background_color: var(--wp--preset--color--sand);
    --cmplz_text_color: var(--wp--preset--color--tanne);
    --cmplz_hyperlink_color: var(--wp--preset--color--tanne);

    --cmplz_button_accept_background_color: var(--wp--preset--color--tanne);
    --cmplz_button_accept_border_color: var(--wp--preset--color--tanne);
    --cmplz_button_accept_text_color: var(--wp--preset--color--white);

    --cmplz_button_deny_background_color: var(--wp--preset--color--tanne);
    --cmplz_button_deny_border_color: var(--wp--preset--color--tanne);
    --cmplz_button_deny_text_color: var(--wp--preset--color--white);
}

/* Banner-Text */
.cmplz-cookiebanner,
.cmplz-cookiebanner .cmplz-message,
.cmplz-cookiebanner .cmplz-title {
    color: var(--wp--preset--color--tanne) !important;
}

/* Links unten */
.cmplz-cookiebanner a,
.cmplz-cookiebanner .cmplz-link {
    color: var(--wp--preset--color--tanne) !important;
}

/* Buttons */
.cmplz-cookiebanner .cmplz-btn.cmplz-accept,
.cmplz-cookiebanner .cmplz-btn.cmplz-deny {
    background-color: var(--wp--preset--color--tanne) !important;
    border-color: var(--wp--preset--color--tanne) !important;
    color: var(--wp--preset--color--white) !important;
}

/* Schließen-X */
.cmplz-cookiebanner .cmplz-close {
    color: var(--wp--preset--color--tanne) !important;
}