/**
 * Creative Elements Header Styles
 * Source: nunu.lt (PS 1.7) → Target: nunu.local (PS 9)
 * Updated: 2026-02-13
 */

/* ============================================
   TOP BAR - Dark strip at top
   ============================================ */

/* Top Bar Section - use elementor-section for specificity */
.elementor-section.ce-topbar,
section.ce-topbar,
.ce-topbar.elementor-section {
    background-color: #1a1a1a !important;
    background: #1a1a1a !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    min-height: auto !important;
}

.ce-topbar > .elementor-container {
    max-width: 1400px !important;
}

/* All text in Top Bar */
.ce-topbar,
.ce-topbar * {
    color: #ffffff !important;
}

.ce-topbar .elementor-heading-title,
.ce-topbar .elementor-widget-heading {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

/* Icon List */
.ce-topbar .elementor-icon-list-items {
    margin: 0 !important;
}

.ce-topbar .elementor-icon-list-item {
    margin: 0 15px 0 0 !important;
    color: #ffffff !important;
}

.ce-topbar .elementor-icon-list-text {
    color: #ffffff !important;
    font-size: 13px !important;
}

.ce-topbar .elementor-icon-list-icon {
    color: #ffffff !important;
    margin-right: 8px !important;
}

.ce-topbar .elementor-icon-list-icon i {
    color: #ffffff !important;
    font-size: 14px !important;
}

/* Links in Top Bar */
.ce-topbar a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.ce-topbar a:hover {
    color: #cccccc !important;
}

/* Inner content */
.ce-topbar .elementor-column,
.ce-topbar .elementor-column-wrap,
.ce-topbar .elementor-widget-wrap {
    color: #ffffff !important;
}

/* ============================================
   MAIN HEADER - White strip with logo
   ============================================ */

.elementor-section.ce-main-header,
section.ce-main-header,
.ce-main-header.elementor-section {
    background-color: #ffffff !important;
    background: #ffffff !important;
    padding: 15px 0 !important;
    border-bottom: 1px solid #e5e5e5 !important;
}

.ce-main-header > .elementor-container {
    max-width: 1400px !important;
}

/* Logo styling */
.ce-logo .elementor-image img,
.ce-logo img {
    max-height: 50px !important;
    width: auto !important;
}

/* ============================================
   NAVIGATION MENU
   ============================================ */

.elementor-section.ce-navigation,
section.ce-navigation,
.ce-navigation.elementor-section {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

.ce-navigation > .elementor-container {
    max-width: 1400px !important;
}

/* Menu styling */
.ce-navigation .elementor-nav-menu {
    display: flex !important;
    justify-content: center !important;
}

.ce-navigation .elementor-nav-menu > li > a {
    color: #333333 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    padding: 15px 20px !important;
}

.ce-navigation .elementor-nav-menu > li > a:hover {
    color: #000000 !important;
}

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

@media (max-width: 991px) {
    .ce-topbar > .elementor-container,
    .ce-main-header > .elementor-container,
    .ce-navigation > .elementor-container {
        padding: 0 15px !important;
    }
}

@media (max-width: 767px) {
    .ce-topbar {
        display: none !important;
    }

    .ce-main-header {
        padding: 10px 0 !important;
    }

    .ce-logo .elementor-image img,
    .ce-logo img {
        max-height: 40px !important;
    }
}