/*
 Theme Name:     DigElite Child Core (Divi)
 Theme URI:      https://digelite.de
 Description:    Schlankes Divi-Child für das DigElite Core-Set. Lädt nur theme-spezifische CSS-/PHP-Anpassungen. Alle Module (Adminrechte, Aktionsbereiche, Popups, View-as, Widerrufsbutton, n8n, Erweiterungen-Manager, Debug-Log, Menü-Schale) kommen aus dem Plugin „Digelite Core" (digelite-core). Theme und Plugin sind technisch gekoppelt: ohne aktives Plugin erscheint eine Admin-Notice.
 Author:         Philipp Herrmann
 Author URI:     https://digelite.de
 Template:       Divi
 Version:        1.0.0
 License:        GNU General Public License v3 or later
 License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

/* ----------------------------------------------------------------
   Verstecken-Helfer (Klassen für Aktionsbereiche-Sektionen aus Divi)
---------------------------------------------------------------- */
[class^="btn_verstecken"].closed:after  { content:""; }
[class^="btn_verstecken"].opened:after  { content:""; }
[id^="verstecken"]                       { display: none; }

/* ----------------------------------------------------------------
   Mobile Menü
---------------------------------------------------------------- */
.mobile_menu_bar::before {
    display: block;
    transition: all .4s ease;
    content: "☰";
    font-size: 30px;
    color: #333;
    transform-origin: center;
    text-align: left;
}
.mobile_nav.opened .mobile_menu_bar::before { content: "✕"; }

.et_mobile_nav_menu,
#et_mobile_nav_menu { margin-left: 50px !important; text-align: left; }

@media (max-width: 980px) {
    #main-header .et-search-field { background-color: #fff; }
}

.et_mobile_menu {
    display: none;
    border-top: 0;
    text-align: center;
    min-width: 100vw;
    margin-left: -10vw;
    min-height: 100vh !important;
    padding-top: 50px !important;
}
.mobile_nav.opened .et_mobile_menu { display: block !important; }
.et_mobile_menu li a {
    font-size: 16px !important;
    letter-spacing: 2px;
    padding-bottom: 6%;
    text-align: left;
}

/* ----------------------------------------------------------------
   Layout
---------------------------------------------------------------- */
#page-container { overflow: hidden; }

#et-top-navigation {
    font-weight: 900;
    font-size: 20px !important;
    filter: none;
}

/* Tastatur-Navigation: Sub-Menüs bei Fokus zeigen */
.et_pb_menu .nav li.menu-item-has-children:focus-within > ul.sub-menu,
#top-menu li.menu-item-has-children:focus-within > ul.sub-menu,
.et-menu li.menu-item-has-children:focus-within > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* ----------------------------------------------------------------
   Amelia
---------------------------------------------------------------- */
.el-select__placeholder.is-transparent,
#searchsubmit {
    color: #000 !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-text-fill-color: #000 !important;
}

/* ----------------------------------------------------------------
   Pixelmate Cookie-Banner (Footer-Texte gut lesbar)
---------------------------------------------------------------- */
.pixelmate-general-footer > a,
.pixelmate-settings-btns > button,
.aktivate-youtube,
.aktivate-trustindex,
.aktivate-gmaps { font-size: 15px !important; }

.pixelmate-trustindex-footer,
.pixelmate-youtube-footer,
.pixelmate-youtube-footer > a {
    font-size: 15px !important;
    color: #333 !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-text-fill-color: #000 !important;
}
.pixelmate-gmaps-footer  { color: #000 !important; font-size: 14px; opacity: 1 !important; }
.pixelmate-youtube-content { font-size: 15px !important; }

/* ----------------------------------------------------------------
   Rechtstexte (#lc-text)
---------------------------------------------------------------- */
#lc-text h1 { display: none !important; }
#lc-text h2 {
    margin: 10px 0 12px;
    font-weight: 700;
    font-size: 28px;
    letter-spacing: -1px;
    line-height: 1.2em;
}
#lc-text h3 {
    margin: 10px 0 12px;
    font-weight: 700;
    font-size: 20px;
}
#lc-text h4,
#lc-text h5 {
    margin: 8px 0;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 5px;
}
#lc-text p { line-height: 1.6em; font-size: 17px; }
#lc-text a { text-decoration: underline; color: #1c1c1c; }
#lc-text a:hover { color: #69be28; }

/* ----------------------------------------------------------------
   Readabler / Barrierefreiheits-Popup Schließen-Buttons
---------------------------------------------------------------- */
#mdp-readabler-popup #mdp-readabler-popup-close {
    background: 0 0;
    border: 0;
    padding: 10px;
    margin-right: 32px;
    font-size: 30px;
}
#mdp-readabler-close-statement-btn { font-size: 30px; }

/* ----------------------------------------------------------------
   Kontaktformular-Fehlertexte
---------------------------------------------------------------- */
.frm_error { color: red !important; font-size: 14px !important; }

/* ----------------------------------------------------------------
   Chat-Bot
---------------------------------------------------------------- */
.chat-heading > h1:nth-child(1) { font-size: 20px !important; }