/* =========================================================
   CATALEYA MASSAGE
   DESKTOP HEADER
   ========================================================= */


/* =========================================================
   DESKTOP: AB 1200 PX
   ========================================================= */

@media only screen and (min-width: 1200px) {


    /* =====================================================
       GRUNDSTRUKTUR
       ===================================================== */

    #cataleya-desktop-header {
        display: block;

        width: 100%;
        max-width: 1200px;

        margin-left: auto;
        margin-right: auto;
    }

    #cataleya-desktop-header,
    #cataleya-desktop-header * {
        box-sizing: border-box;
    }


    /* =====================================================
       OBERE ZEILE
       Telefon / E-Mail links
       Partnerlogo mittig
       Termin sichern rechts
       ===================================================== */

    .cataleya-desktop-top {
        display: flex;
        align-items: center;
        justify-content: space-between;

        width: 100%;

        padding: 10px 0;
    }


    /* =====================================================
       KONTAKT
       ===================================================== */

    .cataleya-desktop-contact {
        display: flex;
        align-items: center;

        gap: 20px;

        flex-shrink: 0;
    }

    .cataleya-desktop-contact a {
        display: inline-flex;
        align-items: center;

        gap: 7px;

        color: #444;

        font-family: "Open Sans", sans-serif;
        font-size: 14px;
        font-weight: 600;

        text-decoration: none;
    }

    .cataleya-desktop-contact a:hover {
        color: #DE2588;
    }

    .cataleya-desktop-contact i {
        color: #DE2588;
        font-size: 14px;
    }

    .cataleya-contact-separator {
        color: #ddd;
    }


    /* =====================================================
       PARTNERLOGO
       Obere Zeile
       ===================================================== */

    .cataleya-partner-logo {
        display: flex;
        align-items: center;

        margin-left: auto;
        margin-right: 30px;

        flex-shrink: 0;

        border-left: none;
    }

    .cataleya-partner-logo .partner-label {
        display: block;

        margin-right: 10px;
        margin-bottom: 0;

        color: #777;

        font-family: "Open Sans", sans-serif;
        font-size: 11px;
        font-weight: 400;

        white-space: nowrap;
    }

    .cataleya-partner-logo a {
        display: block;

        line-height: 1;
    }

    .cataleya-partner-logo img {
        display: block;

        width: auto;
        height: 32px;

        max-width: 150px;

        object-fit: contain;
    }


    /* =====================================================
       TERMIN-BUTTON
       ===================================================== */

    .cataleya-desktop-booking {
        display: block;

        flex-shrink: 0;

        width: 240px;
    }

    .cataleya-desktop-booking a {
        display: block;

        width: 240px;

        margin: 0;
        padding: 12px 20px;

        background-color: #DE2588;
        color: #ffffff;

        border: none;
        box-shadow: none;

        font-family: "Open Sans", sans-serif;
        font-size: 14px;
        font-weight: 600;

        text-align: center;
        text-decoration: none;

        white-space: nowrap;

        transition: background-color 0.2s ease;
    }

    .cataleya-desktop-booking a:hover {
        background-color: #c91d79;
        color: #ffffff;

        border: none;
        box-shadow: none;
    }


    /* =====================================================
       ZWEITE ZEILE
       NORMALER ZUSTAND

       Wichtig:
       Hier KEIN position: fixed!
       ===================================================== */

    .cataleya-desktop-main-fixed {
        display: block;

        width: 100%;

        min-height: 100px;

        background-color: #ffffff;
    }


    /* =====================================================
       ZWEITE ZEILE
       FIXED-ZUSTAND NACH DEM SCROLLEN
       ===================================================== */

    .cataleya-desktop-main-fixed.is-fixed {
        position: fixed;

        top: 0;
        left: 0;

        width: 100%;

        min-height: 100px;

        z-index: 1000;

        background-color: #ffffff;
    }


    /* =====================================================
       INHALT DER ZWEITEN ZEILE
       Hauptlogo links / Menü rechts
       ===================================================== */

    .cataleya-desktop-main {
        display: flex;
        align-items: center;
        justify-content: space-between;

        width: 100%;
        max-width: 1200px;

        min-height: 100px;

        margin-left: auto;
        margin-right: auto;

        background-color: #ffffff;
    }


    /* =====================================================
       HAUPTLOGO
       ===================================================== */

    .cataleya-desktop-branding {
        display: flex;
        align-items: center;

        flex-shrink: 0;
    }


    /* =====================================================
       CATALEYA HAUPTLOGO
       ===================================================== */

    .cataleya-main-logo {
        display: flex;
        align-items: center;

        flex-shrink: 0;
    }

    .cataleya-main-logo a {
        display: flex;
        align-items: center;

        text-decoration: none;
    }

    .cataleya-main-logo img {
        display: block;

        width: 231px;
        height: 100px;

        object-fit: contain;
    }


    /* =====================================================
       DESKTOP-NAVIGATION
       Eigene Struktur
       Keine Bootstrap-Navigation
       ===================================================== */

    .cataleya-desktop-navigation {
        display: block;

        margin-left: auto;

        flex-shrink: 0;
    }


    /* =====================================================
       NAV-CONTAINER
       ===================================================== */

    .cataleya-desktop-navigation .cataleya-desktop-nav {
        display: block;

        margin: 0;
        padding: 0;

        border: 0;
    }


    /* =====================================================
       HAUPTMENÜ-LISTE

       Wichtig:
       Waagerecht
       Rechtsbündig
       Keine Aufzählungen
       ===================================================== */

    .cataleya-desktop-navigation .cataleya-desktop-menu-list {
        display: flex;

        flex-direction: row;

        align-items: center;

        justify-content: flex-end;

        gap: 28px;

        margin: 0;
        padding: 0;

        list-style: none;
    }


    /* =====================================================
       ALLE LI
       ===================================================== */

    .cataleya-desktop-navigation .cataleya-desktop-menu-list li {
        position: relative;

        display: block;

        margin: 0;
        padding: 0;

        list-style: none;
    }


    /* =====================================================
       HAUPTMENÜ-LINKS
       ===================================================== */

    .cataleya-desktop-navigation
    .cataleya-desktop-menu-list > li > a {

        position: relative;

        display: block;

        margin: 0;
        padding: 10px 0;

        background: transparent;

        color: #444;

        font-family: "Open Sans", sans-serif;
        font-size: 14px;
        font-weight: 600;

        line-height: 1.4;

        text-decoration: none;

        white-space: nowrap;

        border: none;
        box-shadow: none;

        transition:
            color 0.2s ease;
    }


    /* =====================================================
       HAUPTMENÜ – HOVER
       ===================================================== */

    .cataleya-desktop-navigation
    .cataleya-desktop-menu-list > li > a:hover {

        background: transparent;

        color: #DE2588;

        text-decoration: none;

        border: none;
        box-shadow: none;
    }


    /* =====================================================
       AKTIVER HAUPTMENÜPUNKT
       ===================================================== */

    .cataleya-desktop-navigation
    .cataleya-desktop-menu-list > li.current-menu-item > a,

    .cataleya-desktop-navigation
    .cataleya-desktop-menu-list > li.current-menu-ancestor > a,

    .cataleya-desktop-navigation
    .cataleya-desktop-menu-list > li.current-menu-parent > a {

        background: transparent;

        color: #DE2588;

        text-decoration: none;

        border: none;
        box-shadow: none;
    }


    /* =====================================================
       UNTERSTRICH
       HAUPTMENÜ
       ===================================================== */

    .cataleya-desktop-navigation
    .cataleya-desktop-menu-list > li > a::after {

        content: "";

        position: absolute;

        left: 0;
        right: 0;

        bottom: 2px;

        width: 100%;
        height: 2px;

        background-color: #DE2588;

        display: block;

        opacity: 0;

        transform: scaleX(0);

        transform-origin: center;

        transition:
            opacity 0.2s ease,
            transform 0.2s ease;
    }


    /* =====================================================
       UNTERSTRICH BEI HOVER
       ===================================================== */

    .cataleya-desktop-navigation
    .cataleya-desktop-menu-list > li > a:hover::after {

        opacity: 1;

        transform: scaleX(1);
    }


    /* =====================================================
       UNTERSTRICH BEI AKTIV
       ===================================================== */

    .cataleya-desktop-navigation
    .cataleya-desktop-menu-list > li.current-menu-item > a::after,

    .cataleya-desktop-navigation
    .cataleya-desktop-menu-list > li.current-menu-ancestor > a::after,

    .cataleya-desktop-navigation
    .cataleya-desktop-menu-list > li.current-menu-parent > a::after {

        opacity: 1;

        transform: scaleX(1);
    }


    /* =====================================================
       UNTERMENÜ

       Eigenständige Struktur
       Kein Bootstrap-Dropdown
       ===================================================== */

    .cataleya-desktop-navigation
    .cataleya-desktop-menu-list .sub-menu {

        position: absolute;

        top: 100%;
        left: 0;

        z-index: 1001;

        display: none;

        min-width: 190px;

        margin: 0;
        padding: 8px 0;

        background-color: #ffffff;

        list-style: none;

        border: none;

        box-shadow: 0 5px 18px rgba(0, 0, 0, 0.10);
    }


    /* =====================================================
       UNTERMENÜ EINBLENDEN
       ===================================================== */

    .cataleya-desktop-navigation
    .cataleya-desktop-menu-list > li:hover > .sub-menu {

        display: block;
    }


    /* =====================================================
       UNTERMENÜ – LI
       ===================================================== */

    .cataleya-desktop-navigation
    .cataleya-desktop-menu-list .sub-menu li {

        display: block;

        width: 100%;

        margin: 0;
        padding: 0;

        list-style: none;
    }


    /* =====================================================
       UNTERMENÜ – LINKS
       ===================================================== */

    .cataleya-desktop-navigation
    .cataleya-desktop-menu-list .sub-menu a {

        position: relative;

        display: block;

        width: 100%;

        margin: 0;
        padding: 9px 16px;

        background: transparent;

        color: #444;

        font-family: "Open Sans", sans-serif;
        font-size: 13px;
        font-weight: 400;

        line-height: 1.4;

        text-decoration: none;

        white-space: nowrap;

        border: none;
        box-shadow: none;
    }


    /* =====================================================
       UNTERMENÜ – HOVER
       ===================================================== */

    .cataleya-desktop-navigation
    .cataleya-desktop-menu-list .sub-menu a:hover {

        background-color: transparent;

        color: #DE2588;

        text-decoration: none;

        border: none;
        box-shadow: none;
    }


    /* =====================================================
       KEIN UNTERSTRICH IM UNTERMENÜ
       ===================================================== */

    .cataleya-desktop-navigation
    .cataleya-desktop-menu-list .sub-menu a::after {

        display: none !important;

        content: none !important;
    }


    /* =====================================================
       UNTER-UNTERMENÜ
       ===================================================== */

    .cataleya-desktop-navigation
    .cataleya-desktop-menu-list .sub-menu .sub-menu {

        top: -8px;
        left: 100%;
    }


    /* =====================================================
       UNTER-UNTERMENÜ EINBLENDEN
       ===================================================== */

    .cataleya-desktop-navigation
    .cataleya-desktop-menu-list .sub-menu li:hover > .sub-menu {

        display: block;
    }


}


/* =========================================================
   TABLET + MOBILE
   DESKTOP HEADER AUSBLENDEN
   ========================================================= */

@media only screen and (max-width: 1199px) {

    #cataleya-desktop-header {
        display: none !important;
    }

    .cataleya-desktop-main-fixed {
        display: none !important;
    }

}


/* =========================================================
   ENDE DES DESKTOP HEADER
   ========================================================= */