/*
Theme Name:   Southvision Theme Child
Description:  Child-Theme f\u00fcr das Southvision Theme
Author:       Southvision
Template:     southvision
Version:      1.0.0
*/

/* --- CTA-Buttons -------------------------------------------------------- */
/* Rundung entfernen. Das Main Theme setzt border-radius: 10px
   (assets/styles/style.css). Bewusst NUR diese eine Eigenschaft ueberschreiben:
   uebernimmt man den ganzen Parent-Block mit, kippt dessen abweichendes
   Header-Padding (1rem 1.5rem) und die Navigations-Buttons werden zu gross. */
.buttonStyle1 .ctaBtn,
header.buttonStyle1 .ctaBtn {
    border-radius: 0;
}


/* --- Sticky Kontakt-Buttons --------------------------------------------- */
/* Farben des Main Themes ueberschreiben (assets/styles/style.css:704 ff.).
   Der Telefon-Button entfaellt komplett - das passiert im Markup, siehe
   base.php im Child. Die zugehoerige Farbregel im Parent laeuft dadurch ins
   Leere und bleibt hier bewusst unangetastet. */
.stickyContactBtnsWrap .whatsappBtn {
    background-color: rgb(26 120 61);
}

.stickyContactBtnsWrap .emailBtn {
    background-color: #000;
}


/* --- Hauptnavigation: Unterstrich bei aktivem Menuepunkt ----------------- */
/* Das Main Theme blendet den Unterstrich nur bei .current-menu-ancestor ein
   (assets/styles/style.css:1342) - also nur dann, wenn eine UNTERseite des
   Punktes aufgerufen ist. Ein Menuepunkt ohne Untermenue erhaelt beim Aufruf
   stattdessen .current-menu-item und blieb dadurch unmarkiert.
   Der Ancestor-Fall bleibt dem Parent ueberlassen, hier nur die Ergaenzung. */
header .nav > li.menu-item.current-menu-item > a:before {
    width: calc( 100% - 3rem );
}


/* --- Ueberschriften: Abstand zum folgenden Text -------------------------- */
/* Typo Style 2 (Luxury) definiert in templates/dynamic-css.php KEIN
   margin-bottom fuer h1-h3 - anders als Style 1 und Style 4, die dort
   3rem / 2.5rem / 2rem setzen. Dadurch greift die Browser-Standardvorgabe
   (h1 0.67em, h2 0.83em, h3 1em). Da diese in em angegeben ist, waechst sie
   mit den grossen Luxury-Schriftgraden mit und erzeugt entsprechend grosse
   Luecken. Hier auf rund die Haelfte gesetzt, in rem statt em, damit der
   Abstand nicht mehr an der Schriftgroesse haengt.
   Bewusst auf .fontStyle2 begrenzt: Wird im Backend ein anderer Typo-Style
   gewaehlt, gelten wieder dessen eigene, im Theme definierte Werte. */
body.fontStyle2 h1,
body.fontStyle2 .h1 {
    margin-bottom: 2.3rem;
}

body.fontStyle2 h2,
body.fontStyle2 .h2 {
    margin-bottom: 2.2rem;
}

body.fontStyle2 h3,
body.fontStyle2 .h3 {
    margin-bottom: 1.7rem;
}

/* h4 lag mit 1.33em (Browser-Default) sogar ueber dem Abstand der h1, obwohl
   es die kleinste Ueberschrift ist. Exakte Halbierung ergaebe 1.73rem und
   damit denselben Wert wie h3 - deshalb hier 1.3rem, was die absteigende
   Staffelung erhaelt. Verhaeltnis h3 -> h4 wie im Theme (2rem -> 1.5rem). */
body.fontStyle2 h4,
body.fontStyle2 .h4 {
    margin-bottom: 1.3rem;
}