/* =========================
   HOMEPAGE ONLY
   Transparent header at top
   ========================= */

/* Homepage header starts transparent */
.home .sticky-header,
.front-page .sticky-header {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Homepage header becomes solid on scroll */
.home .sticky-header.elementor-sticky--effects,
.front-page .sticky-header.elementor-sticky--effects {
    background-color: #F5F3EF !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08) !important;
}

/* Homepage top-level menu links are white before scroll */
.home .elementor-location-header .elementor-nav-menu--main > .elementor-nav-menu > li > a,
.home .elementor-location-header nav.elementor-nav-menu--main > ul > li > a,
.home .elementor-location-header .elementor-nav-menu--layout-horizontal .elementor-item,
.front-page .elementor-location-header .elementor-nav-menu--main > .elementor-nav-menu > li > a,
.front-page .elementor-location-header nav.elementor-nav-menu--main > ul > li > a,
.front-page .elementor-location-header .elementor-nav-menu--layout-horizontal .elementor-item {
    color: #ffffff !important;
}

/* Homepage top-level menu links become dark on scroll */
.home .elementor-location-header .elementor-sticky--effects .elementor-nav-menu--main > .elementor-nav-menu > li > a,
.home .elementor-location-header .elementor-sticky--effects nav.elementor-nav-menu--main > ul > li > a,
.home .elementor-location-header .elementor-sticky--effects .elementor-nav-menu--layout-horizontal .elementor-item,
.front-page .elementor-location-header .elementor-sticky--effects .elementor-nav-menu--main > .elementor-nav-menu > li > a,
.front-page .elementor-location-header .elementor-sticky--effects nav.elementor-nav-menu--main > ul > li > a,
.front-page .elementor-location-header .elementor-sticky--effects .elementor-nav-menu--layout-horizontal .elementor-item {
    color: #2f2f2f !important;
}

/* Homepage dropdown menus stay readable */
.home .elementor-location-header .sub-menu,
.home .elementor-location-header .elementor-nav-menu--dropdown,
.home .elementor-location-header .elementor-nav-menu .sub-menu,
.front-page .elementor-location-header .sub-menu,
.front-page .elementor-location-header .elementor-nav-menu--dropdown,
.front-page .elementor-location-header .elementor-nav-menu .sub-menu {
    background: #ffffff !important;
}

.home .elementor-location-header .sub-menu a,
.home .elementor-location-header .elementor-nav-menu--dropdown a,
.home .elementor-location-header .elementor-nav-menu .sub-menu a,
.front-page .elementor-location-header .sub-menu a,
.front-page .elementor-location-header .elementor-nav-menu--dropdown a,
.front-page .elementor-location-header .elementor-nav-menu .sub-menu a {
    color: #2f2f2f !important;
}

.home .elementor-location-header .sub-menu a:hover,
.home .elementor-location-header .elementor-nav-menu--dropdown a:hover,
.home .elementor-location-header .elementor-nav-menu .sub-menu a:hover,
.front-page .elementor-location-header .sub-menu a:hover,
.front-page .elementor-location-header .elementor-nav-menu--dropdown a:hover,
.front-page .elementor-location-header .elementor-nav-menu .sub-menu a:hover {
    color: #000000 !important;
    background: #f5f3ef !important;
}

/* =========================
   ALL NON-HOMEPAGE PAGES
   Solid header from start
   ========================= */

body:not(.home):not(.front-page) .sticky-header {
    background-color: #F5F3EF !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08) !important;
}

body:not(.home):not(.front-page) .elementor-location-header .elementor-nav-menu--main > .elementor-nav-menu > li > a,
body:not(.home):not(.front-page) .elementor-location-header nav.elementor-nav-menu--main > ul > li > a,
body:not(.home):not(.front-page) .elementor-location-header .elementor-nav-menu--layout-horizontal .elementor-item {
    color: #2f2f2f !important;
}

/* =========================================
   TOP-LEVEL DROPDOWN LABELS (NOT CLICKABLE)
   For: Skin Cancer Care / About Summit / Patients
   ========================================= */

/* Remove hand cursor from parent dropdown labels */
.elementor-location-header .menu-item-has-children > a,
.elementor-location-header .menu-item-has-children > .elementor-item {
    cursor: default !important;
}

/* Keep parent dropdown labels elegant */
.elementor-location-header .menu-item-has-children > a,
.elementor-location-header .menu-item-has-children > .elementor-item {
    transition: color 0.25s ease, opacity 0.25s ease;
}

/* Subtle hover for parent labels */
.elementor-location-header .menu-item-has-children > a:hover,
.elementor-location-header .menu-item-has-children > .elementor-item:hover {
    opacity: 0.88;
    text-decoration: none !important;
}

/* Optional: keep dropdown caret subtle and aligned */
.elementor-location-header .menu-item-has-children .sub-arrow {
    opacity: 0.75;
    transition: opacity 0.25s ease, transform 0.25s ease;
}

/* Slightly brighten caret on hover */
.elementor-location-header .menu-item-has-children > a:hover .sub-arrow,
.elementor-location-header .menu-item-has-children > .elementor-item:hover .sub-arrow {
    opacity: 1;
}

/* Keep actual submenu links clearly clickable */
.elementor-location-header .sub-menu a,
.elementor-location-header .elementor-nav-menu--dropdown a {
    cursor: pointer !important;
}

/* Elegant submenu styling */
.elementor-location-header .sub-menu a,
.elementor-location-header .elementor-nav-menu--dropdown a {
    transition: background-color 0.2s ease, color 0.2s ease, padding-left 0.2s ease;
}

/* Submenu hover effect */
.elementor-location-header .sub-menu a:hover,
.elementor-location-header .elementor-nav-menu--dropdown a:hover {
    padding-left: 2px;
}

/* Remove default underline */
.elementor-location-header .elementor-nav-menu a {
    text-decoration: none !important;
}

/* Subtle underline on hover */
.elementor-location-header .elementor-nav-menu a:hover {
    text-decoration: underline;
}

/* Remove default underline everywhere in header menu */
.elementor-location-header .elementor-nav-menu a,
.elementor-location-header .elementor-nav-menu .elementor-item {
    text-decoration: none !important;
}

/* Subtle faux underline for dropdown parent labels */
.elementor-location-header .menu-item-has-children > a,
.elementor-location-header .menu-item-has-children > .elementor-item {
    position: relative;
    text-decoration: none !important;
}

.elementor-location-header .menu-item-has-children > a::after,
.elementor-location-header .menu-item-has-children > .elementor-item::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 1px;
    background: currentColor;
    opacity: 0;
    transform: scaleX(0.7);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.elementor-location-header .menu-item-has-children > a:hover::after,
.elementor-location-header .menu-item-has-children > .elementor-item:hover::after {
    opacity: 0.8;
    transform: scaleX(1);
}
/* Remove text underline from header menu items */
.elementor-location-header .elementor-nav-menu a,
.elementor-location-header .elementor-nav-menu .elementor-item {
    text-decoration: none !important;
}

/* Elegant hover line for non-clickable dropdown parent items */
.elementor-location-header .menu-item-has-children > a,
.elementor-location-header .menu-item-has-children > .elementor-item {
    position: relative;
}

.elementor-location-header .menu-item-has-children > a::after,
.elementor-location-header .menu-item-has-children > .elementor-item::after {
    content: "";
    position: absolute;
    left: 10%;
    width: 80%;
    bottom: -6px;
    height: 1px;
    background: currentColor;
    opacity: 0;
    transform: scaleX(0.85);
    transform-origin: center;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.elementor-location-header .menu-item-has-children > a:hover::after,
.elementor-location-header .menu-item-has-children > .elementor-item:hover::after {
    opacity: 0.65;
    transform: scaleX(1);
}

/* Round dropdown menu corners */
.elementor-location-header .sub-menu,
.elementor-location-header .elementor-nav-menu--dropdown {
    border-radius: 10px !important;
    overflow: hidden;
}

/* Optional: add subtle shadow for depth */
.elementor-location-header .sub-menu,
.elementor-location-header .elementor-nav-menu--dropdown {
    box-shadow: 0 8px 22px rgba(0,0,0,0.12) !important;
}

/* Smooth hover inside dropdown */
.elementor-location-header .sub-menu a:hover,
.elementor-location-header .elementor-nav-menu--dropdown a:hover {
    background-color: #f5f3ef !important;
}

/* Improve dropdown menu spacing and typography */
.elementor-location-header .sub-menu a,
.elementor-location-header .elementor-nav-menu--dropdown a {

    padding: 12px 20px !important;   /* vertical and horizontal breathing room */
    font-size: 15px !important;      /* slightly larger for readability */
    line-height: 1.4;
}

/* Smooth hover feel */
.elementor-location-header .sub-menu a:hover,
.elementor-location-header .elementor-nav-menu--dropdown a:hover {

    background-color: #f5f3ef !important;
    padding-left: 22px !important;   /* slight slide effect */
    transition: all 0.18s ease;
}