/*
Theme Name:         Kadence - Child
Theme URI:          https://wilderherzen.de/
Description:        Child-Theme als Grundlage für den eigenen, unabhängigen Social-Media-Feed auf der Homepage.
Author:             Katja
Author URI:         https://wilderherzen.de/
Template:           kadence
Version:            1.2.11
Text Domain:        eigenes-feed-child
*/

/* Hier folgen deine eigenen CSS-Anpassungen */

/* ==========================================================================
   MENÜ HOVER
   ========================================================================== */

.main-navigation .primary-menu-container > ul > li > a:hover {
    font-weight: 700;
}

/* ==========================================================================
   MENÜFARBEN HAUPTBEREICHE
   ========================================================================== */

.main-navigation .primary-menu-container > ul > li.menu-naturspuren > a:hover {
    color: #6f8f5f !important;
}

.main-navigation .primary-menu-container > ul > li.menu-kreativhuette > a:hover {
    color: #F5A524 !important;
}

.main-navigation .primary-menu-container > ul > li.menu-kopfkino > a:hover {
    color: #3BA6CA !important;
}

.wp-block-quote:not(.is-style-large) {
    background: #f9f9f9;
    border-left: 4px solid  #798F6F;
}

@media (max-width: 767px) {

/* Zitatkasten Anführungszeichen */
    .entry-content figure.wp-block-pullquote blockquote,
    article figure.wp-block-pullquote blockquote {
        overflow: visible;
        padding-top: 70px;
    }

    /* Position und aussehen des Zeichens */
    .entry-content figure.wp-block-pullquote blockquote::before,
    article figure.wp-block-pullquote blockquote::before {
        font-size: 100px;
        font-family: "Georgia", "Times New Roman", serif;
        content: "“"; /* Wir überschreiben das offene System-Quote mit dem exakten Zeichen */
       font-weight: bold;
        line-height: 1;
        height: auto;
        bottom: auto;
        top: 10px;
        left: 20px;
        display: inline-block;
        vertical-align: top;
    }

}

/* Entfernt den Unterstrich für das Icon und den Link-Text */
a.download-link,
a.download-link .dashicons {
    text-decoration: none;
}

/* Sorgt dafür, dass auch beim Drüberfahren (Hover) kein Unterstrich erscheint */
a.download-link:hover,
a.download-link:hover .dashicons {
    text-decoration: none;
}

/* ==========================================================================
   1. ARCHIVSEITEN: ÜBERSCHRIFTEN (H1) JENA CH KATEGORIE FÄRBEN
   ========================================================================== */

/* Naturspuren Archiv */
body.category-naturspuren-blog h1.page-title.archive-title {
    color: #6f8f5f;
}

/* Kreativhütte Archiv */
body.category-kreativhutte-blog h1.page-title.archive-title {
    color: #F5A524;
}

/* Kopfkino Archiv */
body.category-kopfkino-blog h1.page-title.archive-title {
    color: #3BA6CA;
}


/* ==========================================================================
   2. BEITRAGSSEITEN: KATEGORIE-LINKS OBEN FÄRBEN
   ========================================================================== */

/* Link für Naturspuren */
.category-links.term-links a[href*="naturspuren-blog"] {
    color: #6f8f5f;
}
/* Hover-Zustand */
.category-links.term-links a[href*="naturspuren-blog"]:hover {
    color: #72664d; /* optional */
}

/* Link für Kreativhütte */
.category-links.term-links a[href*="kreativhutte-blog"] {
    color: #F5A524;
}
/* Hover-Zustand */
.category-links.term-links a[href*="kreativhutte-blog"]:hover {
    color: #72664d; /* optional */
}

/* Link für Kopfkino */
.category-links.term-links a[href*="kopfkino-blog"] {
    color: #3BA6CA;
}
/* Hover-Zustand */
.category-links.term-links a[href*="kopfkino-blog"]:hover {
    color: #72664d; /* optional */
}

/* ==========================================================================
   Cookie Banner Farben
   ========================================================================== */

/* Der gesamte Banner-Kasten (Laut Screenshot aktuell weiß) */
p#cookie-notice {
    max-width: 400px;
    background: #f7f7f7; 
    font-size: 80%;
    color: #72664d;
    left: auto;
    right: 10px;   
}
/* Der "Mehr Informationen"-Link darunter */
p#cookie-notice a {
    color: #72664d;  
    display: block;          
    text-decoration: underline;   
    margin-left: 15px;     /* Abstand nach oben zum Button */
    margin-right: auto;      /* Schiebt den Link energetisch nach ganz links */
    width: max-content;
}
/* Erlaubt echte Zeilenumbrüche im Textfeld */
p#cookie-notice {
    white-space: pre-line;
}
/* Der "In Ordnung"-Button */
p#cookie-notice button {
    color: transparent;
    background-color: #6f8f5f;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    max-width: 150px;
    width: 100%;
    position: relative;
    height: 38px;
}

/* Der neue Text "Kekse her!!" */
p#cookie-notice button::before {
    content: "Kekse her!!";
    color: #f7f7f7;
    font-size: 14px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}