/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/

/* 1. Anmelde-Button (Gutenberg) */
.wp-block-button__link {
    border-radius: 0px !important;
    border: 2px solid #0188ff !important;
    color: #0188ff !important;
    background-color: transparent !important;
}

/* 2. Kalender-Button (The Events Calendar - alle Zustände) */
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button,
button.tribe-events-c-subscribe-dropdown__button {
    border-radius: 0px !important;
    border: 2px solid #0188ff !important;
    color: #0188ff !important;
    background-color: transparent !important;
}

/* Icons und Text im Kalender-Button einfärben */
.tribe-events-c-subscribe-dropdown__button * {
    color: #0188ff !important;
    fill: #0188ff !important;
}

/* 3. Hover-Effekt für beide Buttons */
.wp-block-button__link:hover,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover,
button.tribe-events-c-subscribe-dropdown__button:hover {
    background-color: #0188ff !important;
    color: #ffffff !important;
    border-color: #0188ff !important;
}

.tribe-events-c-subscribe-dropdown__button:hover * {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Nur die eigentliche Menüleiste blau färben */
.single-tribe_events #Top_bar {
    background-color: #2a4f9e !important;
}

/* Den überflüssigen Unter-Header-Bereich auf Event-Seiten komplett ausblenden */
.single-tribe_events #Subheader {
    display: none !important;
}

/* Gesamten Header-Wrapper neutral halten, damit er keine extra Höhe erzeugt */
.single-tribe_events #Header_wrapper {
    background-color: transparent !important;
}

/* Menüschrift weiß setzen */
.single-tribe_events #Top_bar .menu > li > a {
    color: #ffffff !important;
}

/* Hover-Farbe und aktiver Menüpunkt */
.single-tribe_events #Top_bar .menu > li > a:hover,
.single-tribe_events #Top_bar .menu > li.current-menu-item > a {
    color: #0188ff !important;
}