:root{
    --home-navy:#003F3B;
    --home-blue:#00574F;
    --home-sky:#006B61;
    --home-turquoise:#087A70;
    --home-gold:#FFD21A;
    --home-gold-light:#FFD21A;
    --home-soft:#F5F7F6;
    --home-white:#FFFFFF;
    --home-text:#344F4C;
    --home-muted:#687975;

    --home-ocean-gradient:
        linear-gradient(
            110deg,
            #00574F 0%,
            #006B61 48%,
            #087A70 100%
        );
}


/* =========================================================
   HOME GLOBAL
========================================================= */

body .zp-home-page,
body .home-page{
    color:var(--home-text);
}

body .zp-home-page h1,
body .zp-home-page h2,
body .zp-home-page h3,
body .home-page h1,
body .home-page h2,
body .home-page h3{
    color:var(--home-navy);
}


/* =========================================================
   SECTION EYEBROWS
========================================================= */

body .zp-home-page .section-label,
body .zp-home-page .section-subtitle,
body .zp-home-page .eyebrow,
body .home-page .section-label,
body .home-page .section-subtitle,
body .home-page .eyebrow{
    color:var(--home-blue) !important;
}


/* =========================================================
   GOLD HIGHLIGHTS
========================================================= */

body .zp-home-page h2 span,
body .zp-home-page h3 span,
body .home-page h2 span,
body .home-page h3 span{
    color:var(--home-gold) !important;
}


/* =========================================================
   POPULAR TOURS
========================================================= */

body .popular-tours-section,
body .popular-tours{
    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #F6F8F7 100%
        ) !important;
}

body .tour-card,
body .popular-tour-card{
    border-color:
        rgba(0,87,79,.12) !important;

    box-shadow:
        0 12px 30px
        rgba(0,87,79,.08) !important;
}

body .tour-card:hover,
body .popular-tour-card:hover{
    border-color:
        rgba(0,87,79,.55) !important;

    box-shadow:
        0 18px 42px
        rgba(0,87,79,.14) !important;
}


/* tour badges */

body .tour-card .badge,
body .popular-tour-card .badge,
body .tour-badge{
    background:var(--home-ocean-gradient) !important;
    color:#fff !important;
}


/* prices */

body .tour-card .price,
body .tour-price{
    color:var(--home-blue) !important;
}


/* small icons */

body .tour-card i,
body .popular-tour-card i{
    color:var(--home-turquoise);
}


/* =========================================================
   ABOUT SECTION
========================================================= */

body .zp-about-section,
body .home-about,
body .about-home{
    position:relative;
}

body .zp-about-section::before,
body .home-about::before,
body .about-home::before{
    content:"";

    position:absolute;

    width:260px;
    height:260px;

    right:-130px;
    top:10%;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(0,87,79,.08),
            transparent 70%
        );

    pointer-events:none;
}


/* feature icons */

body .zp-about-section .icon,
body .home-about .icon,
body .about-home .icon{
    background:
        linear-gradient(
            135deg,
            rgba(0,87,79,.10),
            rgba(0,87,79,.16)
        ) !important;

    color:var(--home-blue) !important;
}


/* =========================================================
   PRIMARY BUTTONS ON HOME
========================================================= */

body .zp-home-page .primary-btn,
body .zp-home-page .book-btn,
body .home-page .primary-btn,
body .home-page .book-btn{
    background:
        linear-gradient(
            135deg,
            var(--home-gold),
            var(--home-gold-light)
        ) !important;

    color:var(--home-navy) !important;

    border-color:transparent !important;
}


/* =========================================================
   BLUE SECONDARY BUTTONS
========================================================= */

body .zp-home-page .secondary-btn,
body .zp-home-page .outline-btn,
body .home-page .secondary-btn,
body .home-page .outline-btn{
    color:var(--home-blue) !important;

    border-color:var(--home-blue) !important;

    background:#fff !important;
}

body .zp-home-page .secondary-btn:hover,
body .home-page .secondary-btn:hover{
    background:var(--home-ocean-gradient) !important;

    color:#fff !important;

    border-color:transparent !important;
}


/* =========================================================
   SEARCH / TABS
========================================================= */

body .search-tabs button.active,
body .zp-search-tabs button.active,
body .search-tab.active{
    background:var(--home-ocean-gradient) !important;

    color:#fff !important;

    border-color:transparent !important;
}

body .search-tabs button:not(.active),
body .zp-search-tabs button:not(.active){
    color:var(--home-blue) !important;
}


/* =========================================================
   WHY CHOOSE US
========================================================= */

body .why-choose-us,
body .zp-why-section{
    background:
        linear-gradient(
            135deg,
            #F5F7F6 0%,
            #EEF3F1 100%
        ) !important;
}

body .why-choose-us .icon,
body .zp-why-section .icon{
    color:var(--home-blue) !important;

    background:
        linear-gradient(
            135deg,
            rgba(0,87,79,.10),
            rgba(0,87,79,.18)
        ) !important;
}


/* =========================================================
   STRONG ACCENT SECTION
========================================================= */

body .home-cta,
body .zp-home-cta{
    background:var(--home-ocean-gradient) !important;
}

body .home-cta h2,
body .home-cta h3,
body .home-cta p,
body .zp-home-cta h2,
body .zp-home-cta h3,
body .zp-home-cta p{
    color:#fff !important;
}


/* =========================================================
   FORM FOCUS
========================================================= */

body .zp-home-page input:focus,
body .zp-home-page select:focus,
body .home-page input:focus,
body .home-page select:focus{
    border-color:var(--home-turquoise) !important;

    box-shadow:
        0 0 0 3px
        rgba(0,87,79,.12) !important;
}


/* =========================================================
   LINKS
========================================================= */

body .zp-home-page a:hover,
body .home-page a:hover{
    color:var(--home-blue);
}


/* =========================================================
   ZAN PEARL HOME - FULL OCEAN BRAND
   Same visual identity as premium navigation
========================================================= */

:root{
    --zp-menu-blue:#00574F;
    --zp-menu-sky:#006B61;
    --zp-menu-turquoise:#087A70;
    --zp-menu-navy:#003F3B;
    --zp-menu-gold:#FFD21A;

    --zp-menu-gradient:
        linear-gradient(
            110deg,
            #00574F 0%,
            #006B61 48%,
            #087A70 100%
        );
}


/* =========================================================
   ABOUT / GATEWAY SECTION
========================================================= */

.zp-about-section,
.home-about,
.about-home,
section[class*="about"]{
    position:relative;

    background:
        linear-gradient(
            135deg,
            #F7F8F8 0%,
            #EEF3F1 100%
        ) !important;
}


/* headings */

.zp-about-section h2,
.home-about h2,
.about-home h2{
    color:#003F3B !important;
}

.zp-about-section h2 span,
.home-about h2 span,
.about-home h2 span{
    color:#FFD21A !important;
}


/* labels */

.zp-about-section .section-label,
.zp-about-section .eyebrow,
.home-about .section-label,
.home-about .eyebrow{
    color:#00574F !important;
}


/* about icons */

.zp-about-section i,
.home-about i,
.about-home i{
    color:#00574F;
}


/* about feature blocks */

.zp-about-section [class*="feature"],
.home-about [class*="feature"],
.about-home [class*="feature"]{
    border-color:
        rgba(0,87,79,.20) !important;
}


/* about main button */

.zp-about-section a[class*="btn"],
.home-about a[class*="btn"],
.about-home a[class*="btn"]{
    background:
        linear-gradient(
            135deg,
            #00574F,
            #087A70
        ) !important;

    color:#fff !important;

    border-color:transparent !important;

    box-shadow:
        0 9px 22px
        rgba(0,87,79,.18);
}


/* gold arrow / circle */

.zp-about-section a[class*="btn"] i,
.home-about a[class*="btn"] i,
.about-home a[class*="btn"] i{
    color:#003F3B !important;

    background:#FFD21A !important;
}


/* =========================================================
   POPULAR SAFARIS
========================================================= */

section[class*="safari"],
.safaris-home,
.safari-home-section{
    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #F4F7F6 100%
        );
}


/* safari heading */

section[class*="safari"] h2,
.safaris-home h2,
.safari-home-section h2{
    color:#003F3B !important;
}

section[class*="safari"] h2 span,
.safaris-home h2 span,
.safari-home-section h2 span{
    color:#FFD21A !important;
}


/* safari section small title */

section[class*="safari"] .section-label,
section[class*="safari"] .eyebrow{
    color:#00574F !important;
}


/* safari cards */

section[class*="safari"] [class*="card"]{
    border-color:
        rgba(0,87,79,.13) !important;

    box-shadow:
        0 12px 30px
        rgba(0,87,79,.08) !important;
}

section[class*="safari"] [class*="card"]:hover{
    border-color:
        rgba(0,87,79,.55) !important;

    box-shadow:
        0 19px 42px
        rgba(0,87,79,.14) !important;

    transform:translateY(-4px);
}


/* safari image lower information strip */

section[class*="safari"] [class*="meta"],
section[class*="safari"] [class*="location"]{
    border-color:
        rgba(0,87,79,.16) !important;
}


/* badges */

section[class*="safari"] [class*="badge"]:not(.popular),
section[class*="safari"] [class*="featured"]{
    background:
        linear-gradient(
            135deg,
            #00574F,
            #087A70
        ) !important;

    color:#fff !important;
}


/* popular badge stays gold */

section[class*="safari"] .popular,
section[class*="safari"] [class*="popular"]{
    background:#FFD21A !important;

    color:#003F3B !important;
}


/* safari icons */

section[class*="safari"] i{
    color:#00574F;
}


/* Safari card buttons */

section[class*="safari"] a[class*="btn"],
section[class*="safari"] button{
    border-color:#00574F !important;

    color:#00574F !important;
}

section[class*="safari"] a[class*="btn"]:hover,
section[class*="safari"] button:hover{
    background:
        linear-gradient(
            135deg,
            #00574F,
            #087A70
        ) !important;

    color:#fff !important;

    border-color:transparent !important;
}


/* =========================================================
   WHY CHOOSE US
========================================================= */

.why-choose-us,
.zp-why-section,
section[class*="why"]{
    position:relative;

    background:
        linear-gradient(
            120deg,
            #EEF3F1 0%,
            #F7F8F8 55%,
            #EAF1EF 100%
        ) !important;
}


/* blue decorative glow */

.why-choose-us::before,
.zp-why-section::before,
section[class*="why"]::before{
    content:"";

    position:absolute;

    width:340px;
    height:340px;

    left:-170px;
    bottom:-150px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(239,23,35,.12),
            transparent 68%
        );

    pointer-events:none;
}


/* title */

.why-choose-us h2,
.zp-why-section h2,
section[class*="why"] h2{
    color:#003F3B !important;
}


/* gold selected words */

.why-choose-us h2 span,
.zp-why-section h2 span,
section[class*="why"] h2 span{
    color:#FFD21A !important;
}


/* WHY label */

.why-choose-us .section-label,
.why-choose-us .eyebrow,
.zp-why-section .section-label,
.zp-why-section .eyebrow{
    color:#00574F !important;
}


/* feature icons */

.why-choose-us [class*="icon"],
.zp-why-section [class*="icon"],
section[class*="why"] [class*="icon"]{
    background:
        linear-gradient(
            135deg,
            rgba(0,87,79,.10),
            rgba(0,87,79,.20)
        ) !important;

    color:#00574F !important;

    border-color:
        rgba(0,87,79,.20) !important;
}


/* feature separators */

.why-choose-us [class*="item"],
.zp-why-section [class*="item"]{
    border-color:
        rgba(0,87,79,.13) !important;
}


/* =========================================================
   ALL HOME CARD SMALL ICON CIRCLES
========================================================= */

main [class*="tour"] [class*="icon"],
main [class*="safari"] [class*="icon"],
main [class*="about"] [class*="icon"],
main [class*="why"] [class*="icon"]{
    transition:.25s ease;
}


/* =========================================================
   BLUE → TURQUOISE DECORATIVE LINES
========================================================= */

main .section-line,
main [class*="divider"],
main [class*="separator"]{
    border-color:
        rgba(0,87,79,.20) !important;
}


/* =========================================================
   GOLD ONLY FOR IMPORTANT HIGHLIGHTS
========================================================= */

main .stars,
main [class*="star"]{
    color:#FFD21A !important;
}


/* =========================================================
   HOME SECTION TRANSITIONS
========================================================= */

.zp-about-section,
section[class*="safari"],
.why-choose-us,
.zp-why-section{
    transition:
        background .25s ease,
        border-color .25s ease;
}


/* =========================================================
   ZURI JOURNEYS - POPULAR TOURS FINAL BRAND COLORS
========================================================= */

.popular-tours-section{
    background:#ffffff !important;
}

.popular-heading .popular-kicker{
    color:#FFD21A !important;
}

.popular-heading h2{
    color:#004d47 !important;
}

.popular-heading p{
    color:#5f6f6c !important;
}


/* CARDS */
.popular-tour-card{
    background:#ffffff !important;
    border:1px solid #e5ebe9 !important;
    box-shadow:0 10px 30px rgba(0,77,71,.08) !important;
}

.popular-tour-card:hover{
    border-color:rgba(0,77,71,.25) !important;
    box-shadow:0 18px 38px rgba(0,77,71,.13) !important;
}


/* FEATURED */
.tour-featured-badge{
    background:#00695f !important;
    color:#ffffff !important;
}


/* POPULAR */
.tour-offer-badge{
    background:#FFD21A !important;
    color:#ffffff !important;
}


/* REVIEWS */
.popular-review > span{
    color:#536965 !important;
}

.tour-stars,
.tour-stars i{
    color:#FFD21A !important;
}


/* TOUR TITLE */
.popular-tour-body h3,
.popular-tour-body h3 a{
    color:#004d47 !important;
}

.popular-tour-body h3 a:hover{
    color:#FFD21A !important;
}


/* LOWER INFORMATION BOX */
.popular-tour-info{
    background:#f5f7f6 !important;
    border-color:#e1e8e6 !important;
}

.popular-tour-info span{
    color:#526965 !important;
}

.popular-tour-info i{
    color:#00695f !important;
}


/* PRICE */
.popular-price small{
    color:#6a7a77 !important;
}

.popular-price strong{
    color:#004d47 !important;
}

.popular-price > span,
.popular-price span{
    color:#687975 !important;
}


/* HEART */
.popular-heart{
    background:#ffffff !important;
    border:1px solid #d9e3e0 !important;
    color:#00695f !important;
}

.popular-heart i{
    color:#00695f !important;
}

.popular-heart:hover{
    background:#FFD21A !important;
    border-color:#FFD21A !important;
    color:#ffffff !important;
}

.popular-heart:hover i{
    color:#ffffff !important;
}


/* VIEW ALL */
.popular-all-btn{
    background:#004d47 !important;
    border-color:#004d47 !important;
    color:#ffffff !important;
}

.popular-all-btn i{
    color:#ffffff !important;
}

.popular-all-btn:hover{
    background:#FFD21A !important;
    border-color:#FFD21A !important;
    color:#ffffff !important;
}


/* =========================================================
   ZURI JOURNEYS - MOST POPULAR TOURS FINAL
========================================================= */

.popular-tours-section{
    background:#ffffff !important;
}

/* SECTION HEADING */
.popular-heading .popular-kicker{
    color:#FFD21A !important;
}

.popular-heading h2{
    color:#004d47 !important;
}

.popular-heading p{
    color:#60736f !important;
}

/* CARD */
.popular-tour-card{
    background:#ffffff !important;
    border:1px solid #e2e9e7 !important;
    box-shadow:0 10px 28px rgba(0,77,71,.07) !important;
}

.popular-tour-card:hover{
    border-color:rgba(0,77,71,.25) !important;
    box-shadow:0 16px 35px rgba(0,77,71,.12) !important;
}

/* FEATURED + POPULAR BADGES */
.tour-featured-badge,
.tour-offer-badge{
    background:#FFD21A !important;
    color:#ffffff !important;
}

/* REVIEWS + STARS */
.popular-review > span{
    color:#536965 !important;
}

.tour-stars,
.tour-stars i,
.popular-review i{
    color:#FFD21A !important;
}

/* TOUR TITLE */
.popular-tour-body h3,
.popular-tour-body h3 a{
    color:#004d47 !important;
}

.popular-tour-body h3 a:hover{
    color:#FFD21A !important;
}

/* INFORMATION BOX */
.popular-tour-info{
    background:#f3f6f5 !important;
    border-color:#e0e8e5 !important;
}

.popular-tour-info span{
    color:#536965 !important;
}

.popular-tour-info i{
    color:#005f57 !important;
}

/* PRICE */
.popular-price small{
    color:#697b77 !important;
}

.popular-price strong{
    color:#FFD21A !important;
}

.popular-price span{
    color:#536965 !important;
}

/* HEART */
.popular-heart{
    background:#ffffff !important;
    border:1px solid #d8e2df !important;
    color:#FFD21A !important;
}

.popular-heart i{
    color:#FFD21A !important;
}

.popular-heart:hover{
    background:#FFD21A !important;
    border-color:#FFD21A !important;
    color:#ffffff !important;
}

.popular-heart:hover i{
    color:#ffffff !important;
}

/* VIEW ALL TOURS */
.popular-all-btn{
    background:#004d47 !important;
    border-color:#004d47 !important;
    color:#ffffff !important;
}

.popular-all-btn span,
.popular-all-btn i{
    color:#ffffff !important;
}

.popular-all-btn:hover{
    background:#FFD21A !important;
    border-color:#FFD21A !important;
    color:#ffffff !important;
}


/* =========================================================
   ZURI JOURNEYS - HERO VISIBILITY FINAL
========================================================= */

/* LIGHTER OVERLAY SO IMAGE CAN BE SEEN */
.zp-hero-overlay{
    background:
        linear-gradient(
            180deg,
            rgba(0,45,41,.34) 0%,
            rgba(0,45,41,.46) 100%
        ) !important;
}


/* HERO TEXT */
.zp-hero-subtitle{
    color:#ffffff !important;
}

.zp-hero-content h1{
    color:#ffffff !important;
    text-shadow:0 3px 18px rgba(0,0,0,.22);
}

.zp-hero-content p{
    color:rgba(255,255,255,.92) !important;
}


/* MAIN HERO BUTTON */
.zp-hero-btn{
    background:#FFD21A !important;
    color:#ffffff !important;

    border:1px solid #FFD21A !important;

    box-shadow:
        0 8px 22px
        rgba(239,23,35,.25) !important;
}

.zp-hero-btn span,
.zp-hero-btn i{
    color:#ffffff !important;
}

.zp-hero-btn:hover{
    background:#004d47 !important;
    border-color:#ffffff !important;
}


/* SEARCH BOX */
.zp-search-box{
    background:
        rgba(0,45,41,.72) !important;

    border:
        1px solid
        rgba(255,255,255,.35) !important;

    backdrop-filter:blur(8px) !important;

    box-shadow:
        0 14px 35px
        rgba(0,0,0,.18) !important;
}


/* SEARCH TABS */
.zp-search-tab{
    background:
        rgba(255,255,255,.12) !important;

    border:
        1px solid
        rgba(255,255,255,.35) !important;

    color:#ffffff !important;
}

.zp-search-tab i{
    color:#ffffff !important;
}

.zp-search-tab:hover{
    background:
        rgba(255,255,255,.20) !important;
}


/* ACTIVE TAB */
.zp-search-tab.active{
    background:#FFD21A !important;
    border-color:#FFD21A !important;
    color:#ffffff !important;
}

.zp-search-tab.active i{
    color:#ffffff !important;
}


/* SEARCH FIELDS */
.zp-search-field{
    background:
        rgba(255,255,255,.96) !important;

    border:
        1px solid
        rgba(255,255,255,.85) !important;

    color:#004d47 !important;
}

.zp-search-field i{
    color:#005f57 !important;
}

.zp-search-field input,
.zp-search-field select{
    color:#003f3b !important;
    background:transparent !important;
}

.zp-search-field input::placeholder{
    color:#647873 !important;
}


/* SELECT OPTIONS */
.zp-search-field select option{
    background:#ffffff !important;
    color:#003f3b !important;
}


/* SEARCH BUTTON */
.zp-search-submit{
    background:#FFD21A !important;
    color:#ffffff !important;

    border:1px solid #FFD21A !important;

    font-weight:800 !important;

    box-shadow:
        0 7px 18px
        rgba(239,23,35,.22) !important;
}

.zp-search-submit:hover{
    background:#004d47 !important;
    border-color:#ffffff !important;
    color:#ffffff !important;
}


/* MOBILE */
@media(max-width:650px){

    .zp-hero-overlay{
        background:
            linear-gradient(
                180deg,
                rgba(0,45,41,.38),
                rgba(0,45,41,.52)
            ) !important;
    }

    .zp-search-box{
        background:
            rgba(0,45,41,.82) !important;
    }

}

/* =========================================================
   ZURI JOURNEYS SEARCH TABS FINAL
========================================================= */

.zp-search-tab{
    background:rgba(255,255,255,.12) !important;
    border:1px solid rgba(255,255,255,.40) !important;

    color:#ffffff !important;

    font-size:14px !important;
    font-weight:700 !important;

    opacity:1 !important;
}

.zp-search-tab i{
    color:#ffffff !important;
}


/* ACTIVE */
.zp-search-tab.active{
    background:#FFD21A !important;
    border-color:#FFD21A !important;

    color:#ffffff !important;
}

.zp-search-tab.active i{
    color:#ffffff !important;
}


/* HOVER */
.zp-search-tab:hover{
    background:#005f57 !important;
    border-color:#ffffff !important;

    color:#ffffff !important;
}

.zp-search-tab:hover i{
    color:#ffffff !important;
}


/* SEARCH BUTTON */
.zp-search-submit{
    background:#FFD21A !important;
    background-image:none !important;

    border:1px solid #FFD21A !important;

    color:#ffffff !important;

    font-size:14px !important;
    font-weight:800 !important;

    opacity:1 !important;
}

.zp-search-submit:hover{
    background:#005f57 !important;
    border-color:#005f57 !important;

    color:#ffffff !important;
}