/* =========================================================================
   COMET AEROSPACE - MENU, BUTTON AND LOGO CUSTOM STYLING
   ========================================================================= */

/* 1. Header & Menu Centering and Aligning */
/* Ensure the Elementor container/column holding the menu centers its content correctly */
.elementor-widget-nav-menu {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

.elementor-nav-menu--main {
    justify-content: center !important;
    margin: 0 auto !important;
}

/* 2. White Logo - Center and Scale */
.site-logo img,
.header-logo img,
.elementor-widget-theme-site-logo img,
.elementor-widget-image img[src*="logo-white"],
.comet-logo img,
img[class*="logo"] {
    filter: brightness(0) invert(1) !important; /* Forces the logo to be completely white */
    max-height: 60px !important; /* Slightly larger scale */
    width: auto !important;
    display: block !important;
    margin: 0 auto !important; /* Perfectly centered horizontally */
}

/* Ensure logo container aligns content to the center */
.elementor-widget-theme-site-logo .elementor-widget-container,
.elementor-widget-image .elementor-widget-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
}

/* 3. Language Selector Style and Fixes */
/* Active state highlighting (Polylang compatibility) */
.lang-item.current-lang a,
.pll-current-lang a,
.widget_polylang ul li.current-lang a {
    color: #5CC2F5 !important; /* Comet Blue */
    font-weight: bold !important;
}

/* Fix clickability of language switchers (Polylang links) */
.lang-item a,
.pll-current-lang a,
.lang-item-es a,
.lang-item-en a {
    pointer-events: auto !important;
    cursor: pointer !important;
    display: inline-block !important;
    position: relative !important;
    z-index: 9999 !important; /* Ensure it stays above other overlays */
}

/* 4. Remove Sticky Menu Top Distance Offset */
.elementor-sticky--effects,
.elementor-sticky--active,
header.elementor-sticky,
.elementor-section.elementor-sticky--active {
    margin-top: 0 !important;
    top: 0 !important;
    padding-top: 0 !important;
}

/* 5. Contact Button Text Visibility Fix */
.elementor-nav-menu .menu-item a[href*="contacto"] .elementor-item,
.elementor-nav-menu .menu-item a[href*="contact"] .elementor-item,
.menu-item a[href*="contacto"],
.menu-item a[href*="contact"] {
    color: #ffffff !important; /* Explicitly white and visible */
    opacity: 1 !important;
    visibility: visible !important;
}

/* Preserve original rounded pill background container style */
.elementor-nav-menu--main,
.elementor-widget-nav-menu .elementor-widget-container {
    background: rgba(255, 255, 255, 0.05) !important;
    border-radius: 50px !important;
    padding: 6px 20px !important;
}
