/* ==========================================================
   📅 Dynamisches Archiv (Jahr → Monat) – GeneratePress Child
   ========================================================== */

.dynamic-archive {
    margin: 0;
    padding: 0;
}

.dynamic-archive .archive-year {
    margin-bottom: 4px;
}

.dynamic-archive .year-toggle {
    width: 100%;
    background: transparent;
    border: none;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 4px 0;
    color: #8f1a1a; /* deine Linkfarbe */
    font-weight: 600;
}

.dynamic-archive .year-toggle:hover {
    color: #f08d0c; /* deine Hoverfarbe */
}

.dynamic-archive .toggle-symbol {
    font-weight: 700;
    margin-left: 8px;
}

.dynamic-archive .month-list {
    list-style: none;
    margin: 2px 0 6px 12px;
    padding: 0;
}

.dynamic-archive .month-list li {
    margin-bottom: 2px;
}

.dynamic-archive .month-list li a {
    color: #333;
    text-decoration: none;
}

.dynamic-archive .month-list li a:hover {
    color: #f08d0c;
}

/* Einheitliche Sidebar-Typografie */
.sidebar .widget-title,
.widget-area .widget-title,
#right-sidebar .widget-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #000000; /* Überschriftenfarbe */
    margin-bottom: 0.4em;
}

/* Links */
.sidebar a,
.widget-area a {
    color: #8f1a1a;
    text-decoration: none;
}
.sidebar a:hover,
.widget-area a:hover {
    color: #f08d0c;
}

/* Jahr/Monat-Archiv-Layout */
#dynamic-archive .year-toggle {
    cursor: pointer;
    font-weight: 600;
    margin: 3px 0;
}
#dynamic-archive .toggle-symbol {
    display: inline-block;
    width: 1em;
    text-align: center;
    margin-right: 4px;
}
#dynamic-archive ul.month-list {
    margin-left: 1.5em;
    list-style: none;
    padding-left: 0;
}
/* Einheitliche Schriftgrößen für alle Widget-Titel */
.sidebar .widget-title,
.widget-area .widget-title,
#right-sidebar .widget-title,
.sidebar .widget h2,
.widget-area .widget h2 {
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    color: #000000 !important; /* Überschriftenfarbe */
    margin-bottom: 0.4em !important;
    text-transform: none;
}

/* ==========================================================
   🧭 Einheitliche Widget-Titel – ohne Unterstreichung
   ========================================================== */

/* Entfernt alle Linien unter den Widget-Titeln */
.sidebar .widget-title,
.widget-area .widget-title,
.sidebar .widget h2,
.widget-area .widget h2,
.sidebar .widget h3,
.widget-area .widget h3,
#right-sidebar .widget-title,
#right-sidebar .widget h2,
#right-sidebar .widget h3,
.wp-block-heading,
.wp-block-latest-posts__heading {
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    color: #000000 !important;
    margin-bottom: 0.6em !important;
    text-transform: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Entfernt eventuelle Theme-Unterstreichungen mit höherer Spezifität */
.sidebar .widget-title:after,
.widget-area .widget-title:after,
.sidebar .widget h2:after,
.widget-area .widget h2:after {
    content: none !important;
}

/* ==========================================================
   🧭 Trennlinien zwischen Widgets (PHP-Variante)
      Minimalistisch, mit leichtem 3D-Effekt, ideal bei hellem Hintergrund.
   ========================================================== */
.sidebar-separator-line {
    width: 80%;
    height: 2px;
    background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0));
    margin: 1.5em auto;
    border-radius: 1px;
    transition: opacity 0.3s ease;
    opacity: 0.8;
}
.sidebar-separator-line:hover {
    opacity: 1;
}