/*
Exploring Mombasa — Sunlit Coast Design System
This stylesheet changes colours only. It does not replace templates,
booking logic, EventPrime ticketing, Live Seating, DPO or footer data.
*/

body.em-sunlit-coast-active{
    --em-sc-ocean:#0d2740;
    --em-sc-ocean-light:#17364a;
    --em-sc-turquoise:#00a7a0;
    --em-sc-turquoise-dark:#007f7a;
    --em-sc-aqua:#7ee3db;
    --em-sc-aqua-soft:#dff8f3;
    --em-sc-mango:#f6b93b;
    --em-sc-gold:#ffd166;
    --em-sc-coral:#f26b4f;
    --em-sc-ivory:#fff9ed;
    --em-sc-paper:#fffdf7;
    --em-sc-line:#d8dfdc;
    --em-sc-muted:#687a81;
    --em-sc-shadow:0 16px 38px rgba(10,54,73,.10);
    background:var(--em-sc-paper);
    color:var(--em-sc-ocean-light);
}

/* Traveler header and navigation */
body.em-sunlit-coast-active header#header,
body.em-sunlit-coast-active #header,
body.em-sunlit-coast-active .st-header,
body.em-sunlit-coast-active .st-header-wrapper,
body.em-sunlit-coast-active .main-header{
    background:rgba(13,39,64,.96)!important;
    border-color:rgba(255,255,255,.10)!important;
}

body.em-sunlit-coast-active #header .header-top,
body.em-sunlit-coast-active #header .topbar,
body.em-sunlit-coast-active .st-header-top,
body.em-sunlit-coast-active .top-bar{
    background:#102337!important;
    color:#fff!important;
}

body.em-sunlit-coast-active #header .main-menu > li > a,
body.em-sunlit-coast-active #header .menu > li > a,
body.em-sunlit-coast-active .st-header .main-menu > li > a,
body.em-sunlit-coast-active .st-header .menu > li > a{
    color:#fff!important;
}

body.em-sunlit-coast-active #header .main-menu > li:hover > a,
body.em-sunlit-coast-active #header .main-menu > li.current-menu-item > a,
body.em-sunlit-coast-active #header .main-menu > li.current-menu-ancestor > a,
body.em-sunlit-coast-active #header .menu > li:hover > a,
body.em-sunlit-coast-active #header .menu > li.current-menu-item > a{
    color:var(--em-sc-gold)!important;
}

body.em-sunlit-coast-active #header .dropdown-menu,
body.em-sunlit-coast-active #header .sub-menu,
body.em-sunlit-coast-active .st-header .dropdown-menu,
body.em-sunlit-coast-active .st-header .sub-menu{
    border-top-color:var(--em-sc-mango)!important;
}

body.em-sunlit-coast-active #header .dropdown-menu a:hover,
body.em-sunlit-coast-active #header .sub-menu a:hover{
    color:var(--em-sc-turquoise)!important;
    background:var(--em-sc-aqua-soft)!important;
}

/* Global buttons and form actions */
body.em-sunlit-coast-active a.btn.btn-primary,
body.em-sunlit-coast-active button.btn-primary,
body.em-sunlit-coast-active .btn-primary,
body.em-sunlit-coast-active .st-button,
body.em-sunlit-coast-active .search-submit,
body.em-sunlit-coast-active input[type="submit"],
body.em-sunlit-coast-active button[type="submit"]{
    background:var(--em-sc-turquoise)!important;
    border-color:var(--em-sc-turquoise)!important;
    color:#fff!important;
    box-shadow:0 8px 20px rgba(0,167,160,.22);
}

body.em-sunlit-coast-active a.btn.btn-primary:hover,
body.em-sunlit-coast-active button.btn-primary:hover,
body.em-sunlit-coast-active .btn-primary:hover,
body.em-sunlit-coast-active .st-button:hover,
body.em-sunlit-coast-active .search-submit:hover,
body.em-sunlit-coast-active input[type="submit"]:hover,
body.em-sunlit-coast-active button[type="submit"]:hover{
    background:var(--em-sc-turquoise-dark)!important;
    border-color:var(--em-sc-turquoise-dark)!important;
}

body.em-sunlit-coast-active .btn-outline-primary,
body.em-sunlit-coast-active .btn.btn-default,
body.em-sunlit-coast-active .st-button--outline{
    background:#fff!important;
    border-color:var(--em-sc-turquoise)!important;
    color:var(--em-sc-turquoise)!important;
}

/* Focus states */
body.em-sunlit-coast-active input:focus,
body.em-sunlit-coast-active select:focus,
body.em-sunlit-coast-active textarea:focus{
    border-color:var(--em-sc-turquoise)!important;
    box-shadow:0 0 0 3px rgba(0,167,160,.10)!important;
}

/* Premium Footer */
body.em-sunlit-coast-active .emf-footer-root{
    --emf-night:#0d2740;
    --emf-night-2:#12344a;
    --emf-ivory:#fff9ed;
    --emf-paper:#fffdf7;
    --emf-sand:#f6b93b;
    --emf-sand-soft:#ffd166;
    --emf-teal:#00a7a0;
    --emf-teal-soft:#dff8f3;
    --emf-coral:#f26b4f;
    --emf-text:#17364a;
    --emf-muted:#b8c9ce;
    --emf-line:rgba(255,255,255,.14);
}

body.em-sunlit-coast-active .emf-coast-letter{
    background:
        radial-gradient(circle at 10% 25%,rgba(242,107,79,.10),transparent 27%),
        linear-gradient(135deg,#fff9ed,#dff8f3)!important;
}

body.em-sunlit-coast-active .emf-footer-root .emf-coast-letter .emf-coast-letter-copy > h2#emf-coast-letter-title{
    color:var(--em-sc-ocean)!important;
}

body.em-sunlit-coast-active .emf-footer-root .emf-coast-letter .emf-coast-letter-copy > h2#emf-coast-letter-title em{
    color:var(--em-sc-turquoise)!important;
}

body.em-sunlit-coast-active .emf-social:hover,
body.em-sunlit-coast-active .emf-social:focus-visible{
    background:var(--em-sc-coral)!important;
    border-color:var(--em-sc-coral)!important;
}

body.em-sunlit-coast-active .emf-contact-link::before{
    background:var(--em-sc-aqua)!important;
    box-shadow:0 0 0 4px rgba(126,227,219,.12)!important;
}

/* EventPrime Events Hub */
body.em-sunlit-coast-active .empe-events-hub{
    --emh-teal:#00a7a0;
    --emh-teal-dark:#007f7a;
    --emh-teal-soft:#dff8f3;
    --emh-sand:#fff0c7;
    --emh-sand-deep:#f2dca6;
    --emh-paper:#fffdf7;
    --emh-white:#fff;
    --emh-ink:#17364a;
    --emh-muted:#687a81;
    --emh-line:#d8dfdc;
    --emh-shadow:0 10px 28px rgba(10,54,73,.08);
    --emh-shadow-hover:0 15px 38px rgba(0,167,160,.15);
}

body.em-sunlit-coast-active .empe-hub-hero{
    background:
        radial-gradient(circle at 84% 22%,rgba(246,185,59,.24),transparent 30%),
        linear-gradient(135deg,#dff8f3 0%,#fff0c7 100%)!important;
}

body.em-sunlit-coast-active .empe-hub-image-placeholder,
body.em-sunlit-coast-active .empe-hub-featured-placeholder{
    background:
        radial-gradient(circle at 78% 22%,rgba(255,209,102,.42),transparent 31%),
        linear-gradient(135deg,#00a7a0,#17364a)!important;
}

/* EventPrime single event */
body.em-sunlit-coast-active .empe-premium-event,
body.em-sunlit-coast-active .empe-profile-page{
    --empe-ink:#17364a;
    --empe-navy:#0d2740;
    --empe-navy-2:#12344a;
    --empe-gold:#f6b93b;
    --empe-gold-soft:#ffd166;
    --empe-ivory:#fff9ed;
    --empe-paper:#fffdf7;
    --empe-muted:#687a81;
    --empe-line:rgba(13,39,64,.14);
    --empe-shadow:0 24px 75px rgba(7,30,48,.20);
    --empe-soft-shadow:0 14px 38px rgba(10,54,73,.10);
}

body.em-sunlit-coast-active .empe-hero{
    background:
        linear-gradient(90deg,rgba(9,38,55,.985) 0%,rgba(13,39,64,.95) 43%,rgba(13,39,64,.78) 70%,rgba(9,38,55,.93) 100%),
        var(--empe-hero-image) center 36%/cover no-repeat!important;
}

body.em-sunlit-coast-active .empe-hero:before{
    background:
        radial-gradient(circle at 72% 44%,rgba(246,185,59,.19),transparent 35%),
        linear-gradient(to bottom,transparent 70%,rgba(9,38,55,.78))!important;
}

body.em-sunlit-coast-active .empe-hero-no-image,
body.em-sunlit-coast-active .empe-profile-hero{
    background:linear-gradient(125deg,#0d2740,#17364a)!important;
}

body.em-sunlit-coast-active .empe-primary-button,
body.em-sunlit-coast-active .empe-native-ticket-block #ep_single_event_ticket_now_btn,
body.em-sunlit-coast-active .empe-native-ticket-block #ep_single_event_ticket_now_wrapper>a{
    background:var(--em-sc-mango)!important;
    border-color:var(--em-sc-mango)!important;
    color:#0d2740!important;
}

body.em-sunlit-coast-active .empe-primary-button:hover{
    background:var(--em-sc-gold)!important;
}

/* EventPrime performer profile variants */
body.em-sunlit-coast-active .empe-performer-showcase{
    --empe-pf-teal:#00a7a0;
    --empe-pf-teal-dark:#007f7a;
    --empe-pf-teal-light:#dff8f3;
    --empe-pf-sand:#fff0c7;
    --empe-pf-coral:#f26b4f;
    --empe-pf-gold:#f6b93b;
    --empe-pf-ink:#17364a;
    --empe-pf-muted:#687a81;
    --empe-pf-border:#d8dfdc;
    --empe-pf-shadow:0 8px 30px rgba(10,54,73,.07);
    --empe-pf-shadow-hover:0 12px 40px rgba(0,167,160,.14);
    background:#fffdf7;
}

body.em-sunlit-coast-active .empe-single-performer-redesign{
    --empe-sp-teal:#00a7a0;
    --empe-sp-teal-dark:#007f7a;
    --empe-sp-teal-soft:#dff8f3;
    --empe-sp-sand:#fff0c7;
    --empe-sp-sand-deep:#f2dca6;
    --empe-sp-ink:#17364a;
    --empe-sp-muted:#687a81;
    --empe-sp-line:#d8dfdc;
    --empe-sp-shadow:0 10px 28px rgba(10,54,73,.08);
    --empe-sp-shadow-hover:0 15px 38px rgba(0,167,160,.15);
    background:#fffdf7;
}

body.em-sunlit-coast-active .empe-sp-hero{
    background:linear-gradient(135deg,#dff8f3 0%,#fff0c7 100%)!important;
}

/* Common card accents */
body.em-sunlit-coast-active .empe-hub-event-card:hover,
body.em-sunlit-coast-active .empe-profile-event-card:hover,
body.em-sunlit-coast-active .empe-pf-similar-card:hover,
body.em-sunlit-coast-active .empe-sp-talent-card:hover{
    border-color:rgba(0,167,160,.45)!important;
}

@media (prefers-reduced-motion:reduce){
    body.em-sunlit-coast-active *,
    body.em-sunlit-coast-active *::before,
    body.em-sunlit-coast-active *::after{
        scroll-behavior:auto!important;
    }
}
