/**
 * LOGO STYLES - Fotostudio Anna Wawra
 * ====================================
 * Korrekte Darstellung des Logos - Überschreibt Theme-Styles
 */

/* ============================================
   LOGO WRAPPER - Überschreibt Theme-Defaults
   ============================================ */

.edgtf-logo-wrapper {
    display: inline-block !important;
    vertical-align: middle !important;
    position: relative !important;
    z-index: 100 !important;
    overflow: visible !important;
    text-align: left !important;
}

.edgtf-logo-wrapper a {
    display: block !important;
    position: relative !important;
    vertical-align: middle !important;
    max-width: 100% !important;
    max-height: 135px !important;
    height: auto !important;
    text-decoration: none !important;
}

/* ============================================
   LOGO BILDER - NUR EINES ANZEIGEN
   ============================================ */

.edgtf-logo-wrapper a img {
    display: none !important;
    max-height: 135px !important;
    height: auto !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

/* Nur das erste Logo-Bild anzeigen */
.edgtf-logo-wrapper a img:first-child,
.edgtf-logo-wrapper a img.edgtf-normal-logo:first-of-type {
    display: block !important;
    opacity: 1 !important;
    position: relative !important;
    transform: none !important;
}

/* Alle anderen Logos verstecken */
.edgtf-logo-wrapper a img.edgtf-dark-logo,
.edgtf-logo-wrapper a img.edgtf-light-logo,
.edgtf-logo-wrapper a img:nth-child(2),
.edgtf-logo-wrapper a img:nth-child(3) {
    display: none !important;
    opacity: 0 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    pointer-events: none !important;
}

/* ============================================
   MOBILES LOGO
   ============================================ */

.edgtf-mobile-logo-wrapper {
    display: inline-block !important;
    vertical-align: middle !important;
}

.edgtf-mobile-logo-wrapper a {
    display: block !important;
    max-height: 63px !important;
    height: auto !important;
}

.edgtf-mobile-logo-wrapper img {
    display: block !important;
    max-height: 63px !important;
    height: auto !important;
    width: auto !important;
    object-fit: contain !important;
}

/* ============================================
   STICKY HEADER LOGO
   ============================================ */

.edgtf-sticky-header .edgtf-logo-wrapper a {
    max-height: 54px !important;
}

.edgtf-sticky-header .edgtf-logo-wrapper img {
    max-height: 54px !important;
}

/* ============================================
   HEADER STANDARD LOGO
   ============================================ */

.edgtf-header-standard .edgtf-page-header .edgtf-logo-wrapper a {
    max-height: 135px !important;
}

/* ============================================
   RESPONSIVE ANPASSUNGEN
   ============================================ */

@media only screen and (max-width: 1024px) {
    .edgtf-logo-wrapper a {
        max-height: 100px !important;
    }
    
    .edgtf-logo-wrapper img {
        max-height: 100px !important;
    }
}

@media only screen and (max-width: 768px) {
    .edgtf-logo-wrapper a {
        max-height: 63px !important;
    }
    
    .edgtf-logo-wrapper img {
        max-height: 63px !important;
    }
}

/* ============================================
   MOBILE KOPFLEISTE (Kundenwunsch 28.09.2026)
   Logo sitzt in der weißen Leiste neben dem Menü-Symbol und bleibt beim
   Scrollen oben stehen; es liegt nicht mehr frei über Menü oder Fotos.
   ============================================ */

@media only screen and (max-width: 1024px) {
    .edgtf-mobile-header .edgtf-position-center {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        pointer-events: none;
    }

    .edgtf-mobile-header .edgtf-position-center-inner {
        display: block !important;
        height: auto !important;
    }

    .edgtf-mobile-header .edgtf-mobile-logo-wrapper a {
        pointer-events: auto;
        max-height: 44px !important;
    }

    .edgtf-mobile-header .edgtf-mobile-logo-wrapper img {
        max-height: 44px !important;
        max-width: min(220px, calc(100vw - 150px)) !important;
    }

    /* Leiste beim Herunterscrollen nicht mehr ausblenden */
    .edgtf-mobile-header.edgtf-animate-mobile-header .edgtf-mobile-header-inner {
        -webkit-transform: none !important;
        transform: none !important;
        left: 0 !important;
        width: 100% !important;
    }
}