/*
 Theme Name: Twenty Twenty-One Child
 Theme URI: https://medicoconsult.de
 Description: Child Theme für Twenty Twenty-One
 Author: Hans-Peter
 Template: twentytwentyone
 Version: 1.0
*/

/* Eigene CSS-Anpassungen kommen hier hin */


/* --- BASIS ANPASSUNGEN --- */
/* Platzhalter für alle Advanced-Ads-Anzeigen (300x250) */
.advanced-ads-ad {
    min-height: 250px;
}

/* --- NEUE HEADER SUCHE (Kompakt & Mittelgrau) --- */
/* --- FINALE KORREKTUR HEADER SUCHE --- */
body .header-search-wrap {
    background-color: #ffffff !important; /* Weißer Hintergrund statt schwarz */
    padding: 15px 0 !important;
    display: flex !important;
    justify-content: center !important;
    border-bottom: 1px solid #ddd !important;
}

body .header-search-wrap form.search-form {
    display: flex !important;
    max-width: 300px !important; /* Schön schmal */
    width: 100% !important;
    border: 1px solid #999 !important; /* Mittelgrauer Rand */
    border-radius: 4px !important;
    background-color: #fff !important;
    margin: 0 auto !important;
}

body .header-search-wrap input.search-field {
    width: 70% !important;
    height: 34px !important; /* Flach */
    padding: 5px 10px !important;
    font-size: 14px !important;
    border: none !important;
    background-color: #fff !important;
    color: #333 !important; /* Dunkelgrauer Text */
}

body .header-search-wrap input.search-submit {
    width: 30% !important;
    height: 34px !important; /* Gleiche Höhe wie Feld */
    background-color: #777 !important; /* Mittelgrau */
    color: #fff !important;
    border: none !important;
    font-size: 12px !important;
    cursor: pointer !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}

/* Verhindert, dass das Theme das Label ("Suche nach:") anzeigt */
body .header-search-wrap label {
    margin: 0 !important;
    display: flex !important;
    width: 100% !important;
}

body, p, li, td, th, h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
}

.ad-container {
    display: block;
    width: 100%;
    min-height: 280px;
    margin: 20px 0;
}

.advanced-ads-placement {
    min-height: 280px;
    display: block;
    margin: 20px 0;
}


/* Fallback: sehr spezifische Header-Suche-Regeln */
header, .site-header, #masthead {
  /* keine Änderung, nur für Spezifität */
}

header .search-form,
.site-header .search-form,
#masthead .search-form,
.header-search-wrap,
.top-search,
.search-container,
#top-search {
    display: block !important;
    clear: both !important;
    max-width: 350px !important;
    width: 100% !important;
    margin: 10px auto 0 !important;
    position: relative !important;
    float: none !important;
}

/* Label oder beschreibender Text neben dem Suchfeld ausblenden */
header .search-form label,
.header-search-wrap label,
header .search-form .search-label,
.header-search-wrap .search-label,
header .search-form .search-text,
.header-search-wrap .search-text {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Setzt die Überschrift sauber über die Fußnoten-Liste, ohne die Nummerierung zu beeinflussen */
ol:has(> li.footnote)::before {
    content: "Referenzen" !important;
    display: block !important;
    font-size: 24px !important;
    font-weight: bold !important;
    color: #2c3e50 !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
}

/* Titelgröße: Einheitliche H1 – Desktop: 56px, normal, gleiche Schrift & Farbe wie H2 */
.entry-header h1.entry-title,
.page-title {
    font-size: 56px;
    line-height: 1.3;
    font-family: inherit;   /* gleiche Schrift wie H2 */
    color: inherit;         /* gleiche Farbe wie H2 */
    font-weight: normal;    /* NICHT fett */
    margin-bottom: 0.6em;
}

/* Mobil: 40px */
@media (max-width: 768px) {
    .entry-header h1.entry-title,
    .page-title {
        font-size: 40px;
        font-weight: normal;
    }
}

/* Autorzeile und Autorenbox unter Beiträgen ausblenden */
.post-author,
.author-bio,
.author-info,
.entry-footer .byline,
.entry-meta .byline {
    display: none !important;
}


/* Entfernt den schwarzen Balken unter dem Titel bei Seiten,
   die den Header-Container "entry-header alignwide" verwenden */
.entry-header.alignwide {
    border-bottom: none !important;
}

.entry-header.alignwide:after {
    display: none !important;
}