/*
 Theme Name:   TKD Corporate Theme
 Theme URI:    https://www.tkdeutschland.de
 Description:  Offizielles TKD Gruppe Website Theme 2026. Basiert auf Hello Elementor.
 Author:       TKD Solutions GmbH
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  tkd-gruppe
*/

/* Automatischer Hover-Effekt für alle TKD Brand Buttons (15% dunkler) */
[class*="tkd-theme-"] .elementor-button:hover {
    filter: brightness(0.85) !important;
    color: #ffffff
}

tkd-theme-light .elementor-button:hover {
    filter: brightness(0.85) !important;
    color: #000000 !important
}


.teaser-icon {
    width: 100px !important;
    height: 100px !important;
}

/* ========================================================
   WPML SPRACHUMSCHALTER - PILL DESIGN (BULLETPROOF)
   ======================================================== */

/* 1. Listen-Reset */
.elementor-widget-wpml-language-switcher {width: 70px !important}

.elementor-widget-wpml-language-switcher ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Container (Wichtig für das Dropdown) */
.elementor-widget-wpml-language-switcher .wpml-ls-item-legacy-dropdown {
    position: relative !important;
width: 70px;
}

/* 3. Kill-Switch für kaputte WPML-Standard-Icons (verhindert den riesigen schwarzen Kasten) */
.elementor-widget-wpml-language-switcher .wpml-ls-item-toggle img,
.elementor-widget-wpml-language-switcher .wpml-ls-item-toggle svg,
.elementor-widget-wpml-language-switcher .wpml-ls-item-toggle i {
    display: none !important;
}

/* 4. Die Pille (Haupt-Button) */
.elementor-widget-wpml-language-switcher .wpml-ls-item-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #f2f2f2 !important; 
    border-radius: 50px !important;
    padding: 16px 30px 16px 20px !important;
    color: #111111 !important; 
    font-weight: 700 !important; 
    line-height: 1 !important;
    text-decoration: none !important;
    border: none !important;
    width: auto !important;
}

.elementor-widget-wpml-language-switcher .wpml-ls-item-toggle:hover {
    background-color: #e5e5e5 !important;
}

/* 5. Der unkaputtbare Pfeil (Reines CSS-Dreieck, keine Schriftart nötig!) */
.elementor-widget-wpml-language-switcher .wpml-ls-item-toggle::after {
    content: "" !important;
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-top: 6px solid #111111 !important; /* Farbe des Pfeils */
    margin-left: 15px !important;
    font-family: inherit !important; /* Killt alle Font-Abhängigkeiten */
}

/* 6. Das Sub-Menü (Das aufklappende Dropdown) */
.elementor-widget-wpml-language-switcher .wpml-ls-sub-menu {
    position: absolute !important;
    top: 100% !important; 
    left: 50% !important;
    transform: translateX(-50%) translateY(0px) !important; 
    background-color: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
    min-width: 100% !important;
    z-index: 9999 !important; 
    border: 1px solid #e5e5e5 !important;
    overflow: hidden !important; /* WICHTIG: Schneidet die eckigen Ecken der Links ab! */
    padding: 0 !important;
}

/* 6b. Killt die eckigen Rahmen von WPML auf den Listenpunkten */
.elementor-widget-wpml-language-switcher .wpml-ls-sub-menu li {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 7. Die Links im Dropdown (z.B. EN) */
.elementor-widget-wpml-language-switcher .wpml-ls-sub-menu a {
    display: block !important;
    padding: 10px 16px !important;
    color: #111111 !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-decoration: none !important;
    background-color: transparent !important;
    border: none !important;
}

.elementor-widget-wpml-language-switcher .wpml-ls-sub-menu a:hover {
    background-color: #f2f2f2 !important;
}