/*
 * Header Logo Fix
 * Fix strange bubble around logo on desktop
 */

/* ==========================================================================
   REMOVE LOGO BUBBLE/BACKGROUND ISSUE
   ========================================================================== */

/* Reset any unwanted backgrounds or bubbles around logo */
.mkdf-logo-wrapper,
.mkdf-logo-wrapper a,
.mkdf-logo-wrapper a img {
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Ensure logo maintains proper sizing and alignment */
.mkdf-logo-wrapper {
    display: inline-block !important;
    vertical-align: middle !important;
    line-height: 1 !important;
    position: relative !important;
    z-index: auto !important;
}

.mkdf-logo-wrapper a {
    position: relative !important;
    display: inline-block !important;
    vertical-align: top !important;
    text-decoration: none !important;
    background: transparent !important;
}

.mkdf-logo-wrapper a img {
    height: auto !important;
    width: auto !important;
    max-height: 100% !important;
    display: block !important;
    vertical-align: top !important;
}

/* Remove any positioning issues that might create bubbles */
.mkdf-page-header .mkdf-menu-area .mkdf-logo-wrapper {
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}

.mkdf-page-header .mkdf-menu-area .mkdf-logo-wrapper a {
    max-height: none !important;
    background: transparent !important;
    transform: none !important;
    -webkit-transform: none !important;
    filter: none !important;
    -webkit-filter: none !important;
}

/* Fix any header positioning that might interfere */
.mkdf-page-header .mkdf-menu-area .mkdf-position-left-inner {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
}

/* Remove any unwanted pseudo-elements that might create bubbles */
.mkdf-logo-wrapper::before,
.mkdf-logo-wrapper::after,
.mkdf-logo-wrapper a::before,
.mkdf-logo-wrapper a::after {
    display: none !important;
    content: none !important;
}

/* Ensure logo doesn't interfere with menu alignment */
.mkdf-position-left {
    display: flex !important;
    align-items: center !important;
}

.mkdf-position-left-inner {
    display: flex !important;
    align-items: center !important;
    gap: 30px !important;
}

/* Fix specific logo height in menu area */
.mkdf-page-header .mkdf-menu-area .mkdf-logo-wrapper a {
    max-height: 60px !important;
}

.mkdf-page-header .mkdf-menu-area .mkdf-logo-wrapper a img {
    max-height: 60px !important;
    height: auto !important;
    width: auto !important;
}

/* Remove any transform effects that might cause visual issues */
.mkdf-logo-wrapper a img.mkdf-normal-logo,
.mkdf-logo-wrapper a img.mkdf-dark-logo,
.mkdf-logo-wrapper a img.mkdf-light-logo {
    transform: none !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    filter: none !important;
    -webkit-filter: none !important;
}

/* Ensure proper logo visibility states */
.mkdf-logo-wrapper a img.mkdf-normal-logo {
    opacity: 1 !important;
    position: relative !important;
    z-index: 1 !important;
}

.mkdf-logo-wrapper a img.mkdf-dark-logo,
.mkdf-logo-wrapper a img.mkdf-light-logo {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 0 !important;
}

/* Fix any mobile/responsive issues */
@media (max-width: 768px) {
    .mkdf-logo-wrapper,
    .mkdf-logo-wrapper a,
    .mkdf-logo-wrapper a img {
        background: none !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
    
    .mkdf-page-header .mkdf-menu-area .mkdf-logo-wrapper a {
        max-height: 50px !important;
    }
    
    .mkdf-page-header .mkdf-menu-area .mkdf-logo-wrapper a img {
        max-height: 50px !important;
    }
}

/* Reset any theme-specific logo styling that might create bubbles */
.mkdf-header-standard .mkdf-logo-wrapper,
.mkdf-header-minimal .mkdf-logo-wrapper {
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Remove any container backgrounds that might show as bubbles */
.mkdf-position-left,
.mkdf-position-left-inner,
.mkdf-vertical-align-containers {
    background: transparent !important;
}

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

/* Fix sticky header logo bubble issues */
.mkdf-sticky-header .mkdf-sticky-holder {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.mkdf-sticky-header .mkdf-sticky-holder .mkdf-logo-wrapper {
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.mkdf-sticky-header .mkdf-sticky-holder .mkdf-logo-wrapper a {
    max-height: 60px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.mkdf-sticky-header .mkdf-sticky-holder .mkdf-logo-wrapper a img {
    max-height: 60px !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
}

.mkdf-sticky-header .mkdf-sticky-holder .mkdf-vertical-align-containers {
    background: transparent !important;
    border: none !important;
    padding: 0 15px !important;
}

/* Remove any fixed wrapper bubble effects */
.mkdf-page-header .mkdf-fixed-wrapper {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.mkdf-page-header .mkdf-fixed-wrapper .mkdf-logo-wrapper {
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* ==========================================================================
   MENU AREA LOGO FIXES
   ========================================================================== */

/* Ensure menu area logo doesn't have bubble background */
.mkdf-page-header .mkdf-menu-area {
    background: transparent !important;
}

.mkdf-page-header .mkdf-menu-area .mkdf-vertical-align-containers {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.mkdf-page-header .mkdf-menu-area .mkdf-position-left {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.mkdf-page-header .mkdf-menu-area .mkdf-position-left-inner {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Remove any grid container backgrounds */
.mkdf-page-header .mkdf-menu-area .mkdf-grid {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Force transparent background on all possible containers that might create bubbles - BUT NOT LOGO IMAGES */
.mkdf-page-header .mkdf-logo-wrapper,
.mkdf-sticky-header .mkdf-logo-wrapper {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Ensure logo images are ALWAYS visible */
.mkdf-logo-wrapper a img {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    max-width: none !important;
    width: auto !important;
    height: auto !important;
}

/* Force normal logo to be visible by default */
.mkdf-logo-wrapper a img.mkdf-normal-logo {
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 10 !important;
    transform: none !important;
    -webkit-transform: none !important;
}

/* Dark and light logos should be hidden unless specifically activated */
.mkdf-logo-wrapper a img.mkdf-dark-logo,
.mkdf-logo-wrapper a img.mkdf-light-logo {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    opacity: 0 !important;
    z-index: 5 !important;
}