/**
 * Orisa Header Widget Styles
 * 
 * @since 1.0.0
 */

/* Widget Wrapper */
.elementor-widget-orisa-header {
    position: relative;
    z-index: 1000;
}

/* Ensure dark/light toggle receives clicks in Elementor editor */
.elementor-widget-orisa-header .dark-light-mode,
.elementor-widget-orisa-header .dark-light-switcher {
    pointer-events: auto;
    cursor: pointer;
}

/* Fallback Header */
.orisa-header-fallback {
    background: #fff;
    padding: 1rem 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.orisa-header-fallback .navbar-brand {
    font-size: 1.5rem;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}

/* Dual light/dark logo swap */
.at-header-logo .orisa-logo-dark,
.at-offcanvas-logo .orisa-logo-dark,
.at-search-logo .orisa-logo-dark {
    display: none;
}

[data-bs-theme=dark] .at-header-logo .orisa-logo-light,
[data-bs-theme=dark] .at-offcanvas-logo .orisa-logo-light,
[data-bs-theme=dark] .at-search-logo .orisa-logo-light {
    display: none;
}

[data-bs-theme=dark] .at-header-logo .orisa-logo-dark,
[data-bs-theme=dark] .at-offcanvas-logo .orisa-logo-dark,
[data-bs-theme=dark] .at-search-logo .orisa-logo-dark {
    display: inline;
}

.at-header-logo a.orisa-has-dual-logo img,
.at-offcanvas-logo a.orisa-has-dual-logo img,
.at-search-logo a.orisa-has-dual-logo img,
[data-bs-theme=dark] .at-header-logo a.orisa-has-dual-logo img,
[data-bs-theme=dark] .at-offcanvas-logo a.orisa-has-dual-logo img,
[data-bs-theme=dark] .at-search-logo a.orisa-has-dual-logo img {
    filter: none !important;
}

/* Layout 02/03 — logo/actions + menu colors (index-2.html, index-3.html) */
.header-2 .at-header-logo a.orisa-has-dual-logo h6,
.header-2 .at-header-right,
.header-3 .at-header-logo a.orisa-has-dual-logo h6,
.header-3 .at-header-right,
.header-5 .at-header-logo a.orisa-has-dual-logo h6,
.header-5 .at-header-right {
    color: var(--at-common-black);
}

.header-2 .at-main-menu nav ul li a,
.header-2 .at-main-menu nav ul li a:hover,
.header-2 .at-main-menu nav ul li.has-dropdown > a,
.header-2 .at-main-menu nav ul li.menu-item-has-children > a,
.header-2 .at-main-menu > nav > ul > li > a .at-link-swap .text-1,
.header-2 .at-main-menu > nav > ul > li > a .at-link-swap .text-2,
.header-3 .at-main-menu nav ul li a,
.header-3 .at-main-menu nav ul li a:hover,
.header-3 .at-main-menu nav ul li.has-dropdown > a,
.header-3 .at-main-menu nav ul li.menu-item-has-children > a,
.header-3 .at-main-menu > nav > ul > li > a .at-link-swap .text-1,
.header-3 .at-main-menu > nav > ul > li > a .at-link-swap .text-2,
.header-4 .at-main-menu nav ul li a,
.header-4 .at-main-menu nav ul li a:hover,
.header-4 .at-main-menu nav ul li.has-dropdown > a,
.header-4 .at-main-menu nav ul li.menu-item-has-children > a,
.header-4 .at-main-menu > nav > ul > li > a .at-link-swap .text-1,
.header-4 .at-main-menu > nav > ul > li > a .at-link-swap .text-2,
.header-5 .at-main-menu nav ul li a,
.header-5 .at-main-menu nav ul li a:hover,
.header-5 .at-main-menu nav ul li.has-dropdown > a,
.header-5 .at-main-menu nav ul li.menu-item-has-children > a,
.header-5 .at-main-menu > nav > ul > li > a .at-link-swap .text-1,
.header-5 .at-main-menu > nav > ul > li > a .at-link-swap .text-2 {
    color: var(--at-common-black);
}

[data-bs-theme=dark] .header-2 .at-main-menu,
[data-bs-theme=dark] .header-3 .at-main-menu,
[data-bs-theme=dark] .header-4 .at-main-menu,
[data-bs-theme=dark] .header-5 .at-main-menu,
[data-bs-theme=dark] .header-8 .at-main-menu {
    --at-common-black: var(--at-common-dark-black);
    --at-common-black-rgb: var(--at-common-dark-black-rgb);
}

[data-bs-theme=dark] .header-2 .at-main-menu nav ul li.has-dropdown > a::after,
[data-bs-theme=dark] .header-2 .at-main-menu nav ul li.menu-item-has-children > a::after,
[data-bs-theme=dark] .header-3 .at-main-menu nav ul li.has-dropdown > a::after,
[data-bs-theme=dark] .header-3 .at-main-menu nav ul li.menu-item-has-children > a::after,
[data-bs-theme=dark] .header-4 .at-main-menu nav ul li.has-dropdown > a::after,
[data-bs-theme=dark] .header-4 .at-main-menu nav ul li.menu-item-has-children > a::after,
[data-bs-theme=dark] .header-5 .at-main-menu nav ul li.has-dropdown > a::after,
[data-bs-theme=dark] .header-5 .at-main-menu nav ul li.menu-item-has-children > a::after,
[data-bs-theme=dark] .header-8 .at-main-menu nav ul li.has-dropdown > a::after,
[data-bs-theme=dark] .header-8 .at-main-menu nav ul li.menu-item-has-children > a::after {
    filter: invert(1);
}

/*
 * Layout 06 — index-6.html
 * Plain white links (no glass pill). Logo stays the light mark (favicon-dark.svg).
 */
.header-6 .at-header-logo.changeless .orisa-logo-light {
    display: none;
}

.header-6 .at-header-logo.changeless .orisa-logo-dark,
[data-bs-theme=dark] .header-6 .at-header-logo.changeless .orisa-logo-dark {
    display: inline;
}

[data-bs-theme=dark] .header-6 .at-header-logo.changeless .orisa-logo-light {
    display: none;
}

.header-6 .at-main-menu.menu-light {
    border: 0;
    background: transparent;
    backdrop-filter: none;
    height: auto;
}

.header-6 .at-main-menu.menu-light > nav > ul > li > a,
.header-6 .at-main-menu.menu-light > nav > ul > li > a:hover,
.header-6 .at-main-menu.menu-light > nav > ul > li.has-dropdown > a,
.header-6 .at-main-menu.menu-light > nav > ul > li.menu-item-has-children > a,
.header-6 .at-main-menu.menu-light > nav > ul > li:hover.has-dropdown > a,
.header-6 .at-main-menu.menu-light > nav > ul > li:hover.menu-item-has-children > a,
.header-6 .at-main-menu > nav > ul > li > a .at-link-swap .text-1,
.header-6 .at-main-menu > nav > ul > li > a .at-link-swap .text-2 {
    color: #fff;
    background: transparent;
}

.header-6 .at-main-menu.menu-light > nav > ul > li.has-dropdown > a::after,
.header-6 .at-main-menu.menu-light > nav > ul > li.menu-item-has-children > a::after,
[data-bs-theme=dark] .header-6 .at-main-menu.menu-light > nav > ul > li.has-dropdown > a::after,
[data-bs-theme=dark] .header-6 .at-main-menu.menu-light > nav > ul > li.menu-item-has-children > a::after {
    filter: invert(1);
}

/* Header template canvas has no dark hero behind the bar. */
body.single-orisa-header .elementor-widget-orisa-header:has(.header-6) {
    background-color: #0f0f0f;
}

body.single-orisa-header .header-6 .header-transparent {
    position: relative;
}

/*
 * Layout 07 — index-7.html
 * White logo mark on the transparent bar. Menu pill stays collapsed until the hamburger opens.
 */
.header-7 .at-header-logo.changeless .orisa-logo-light {
    display: none;
}

.header-7 .at-header-logo.changeless .orisa-logo-dark,
[data-bs-theme=dark] .header-7 .at-header-logo.changeless .orisa-logo-dark {
    display: inline;
}

[data-bs-theme=dark] .header-7 .at-header-logo.changeless .orisa-logo-light {
    display: none;
}

.header-7 #header7Nav.at-main-menu.menu-light > nav > ul > li > a,
.header-7 #header7Nav.at-main-menu.menu-light > nav > ul > li > a:hover,
.header-7 #header7Nav.at-main-menu.menu-light > nav > ul > li.has-dropdown > a,
.header-7 #header7Nav.at-main-menu.menu-light > nav > ul > li.menu-item-has-children > a,
.header-7 #header7Nav.at-main-menu.menu-light > nav > ul > li:hover.has-dropdown > a,
.header-7 #header7Nav.at-main-menu.menu-light > nav > ul > li:hover.menu-item-has-children > a,
.header-7 #header7Nav.at-main-menu > nav > ul > li > a .at-link-swap .text-1,
.header-7 #header7Nav.at-main-menu > nav > ul > li > a .at-link-swap .text-2 {
    color: #fff;
}

.header-7 #header7Nav.at-main-menu.menu-light > nav > ul > li.has-dropdown > a::after,
.header-7 #header7Nav.at-main-menu.menu-light > nav > ul > li.menu-item-has-children > a::after,
[data-bs-theme=dark] .header-7 #header7Nav.at-main-menu.menu-light > nav > ul > li.has-dropdown > a::after,
[data-bs-theme=dark] .header-7 #header7Nav.at-main-menu.menu-light > nav > ul > li.menu-item-has-children > a::after {
    filter: invert(1);
}

.header-7 .at-header-search-btn {
    margin-inline-start: 0.5rem;
    color: #fff;
}

.header-7 .at-header-sidebar-btn,
.header-7 .dark-light-mode {
    color: #fff;
}

.header-10.header-7 .at-header-search-btn {
    margin-inline-start: 0;
    color: var(--at-neutral-950);
}

.header-10.header-7 .at-header-sidebar-btn {
    color: var(--at-neutral-950);
}

body.single-orisa-header .elementor-widget-orisa-header:has(.header-7):not(:has(.header-10)) {
    background-color: #0f0f0f;
}

body.single-orisa-header .header-7 .header-transparent {
    position: relative;
}