/* =========================================================
   ZAN PEARL — GLOBAL PREMIUM TRAVEL THEME
========================================================= */

:root{
    --zp-navy:#044C48;
    --zp-navy-dark:#044C48;

    --zp-blue:#046157;
    --zp-ocean:#08786C;
    --zp-turquoise:#0A8B7D;

    --zp-gold:#FC7507;
    --zp-gold-dark:#C99008;
    --zp-gold-light:#F4C94D;

    --zp-text:#315B57;
    --zp-muted:#657B89;

    --zp-bg:#F5F9FB;
    --zp-soft:#EEF7FA;
    --zp-white:#FFFFFF;

    --zp-border:#DCE8ED;

    --zp-gradient:
        linear-gradient(
            110deg,
            #046157 0%,
            #08786C 48%,
            #0A8B7D 100%
        );

    --zp-dark-gradient:
        linear-gradient(
            135deg,
            #044C48 0%,
            #044C48 100%
        );
}


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

html{
    scroll-behavior:smooth;
}

body{
    color:var(--zp-text);
    background:var(--zp-white);
}

body main{
    background:var(--zp-white);
}

h1,h2,h3,h4,h5,h6{
    color:var(--zp-navy);
}

p{
    color:var(--zp-muted);
}

a{
    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}


/* =========================================================
   BRAND LABELS / EYEBROWS
========================================================= */

.section-label,
.section-subtitle,
.eyebrow,
.zsd-book-label,
.zpc-label{
    color:var(--zp-blue) !important;
}


/* =========================================================
   PRIMARY BUTTONS
========================================================= */

.btn-primary,
.primary-btn,
.book-btn,
.zsd-book-btn,
.zpc-submit,
.footer-btn{
    background:var(--zp-gold) !important;
    color:var(--zp-navy-dark) !important;

    border-color:var(--zp-gold) !important;

    box-shadow:
        0 8px 20px
        rgba(229,174,32,.18);
}

.btn-primary:hover,
.primary-btn:hover,
.book-btn:hover,
.zsd-book-btn:hover,
.zpc-submit:hover,
.footer-btn:hover{
    background:var(--zp-gold-dark) !important;
    border-color:var(--zp-gold-dark) !important;

    color:#fff !important;

    transform:translateY(-2px);
}


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

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

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

    background:transparent !important;
}

.btn-secondary:hover,
.btn-outline-primary:hover{
    color:#fff !important;

    background:var(--zp-blue) !important;
}


/* =========================================================
   ICONS
========================================================= */

.feature-icon,
.info-icon,
.contact-icon,
.service-icon{
    color:var(--zp-blue);
}


/* =========================================================
   CARDS
========================================================= */

.card,
.tour-card,
.safari-card,
.transfer-card,
.zsd-book-card{
    border-color:var(--zp-border) !important;

    box-shadow:
        0 12px 35px
        rgba(6,43,79,.07);
}


/* =========================================================
   INPUTS
========================================================= */

input,
select,
textarea{
    border-color:var(--zp-border);
}

input:focus,
select:focus,
textarea:focus{
    border-color:var(--zp-turquoise) !important;

    box-shadow:
        0 0 0 3px
        rgba(8,185,199,.10) !important;

    outline:none;
}


/* =========================================================
   PRICE
========================================================= */

.price,
.tour-price,
.safari-price,
.transfer-price,
.zsd-book-price strong{
    color:var(--zp-gold-dark) !important;
}


/* =========================================================
   BADGES
========================================================= */

.badge,
.tag{
    background:var(--zp-soft);
    color:var(--zp-blue);
}


/* =========================================================
   SOFT SECTIONS
========================================================= */

.bg-light,
.section-light,
.light-section{
    background:
        linear-gradient(
            180deg,
            #F8FCFD 0%,
            #EEF7FA 100%
        ) !important;
}


/* =========================================================
   DARK / PREMIUM SECTIONS
========================================================= */

.section-dark,
.dark-section{
    background:var(--zp-dark-gradient) !important;
}

.section-dark h2,
.section-dark h3,
.section-dark p,
.dark-section h2,
.dark-section h3,
.dark-section p{
    color:#fff;
}


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

main a:not(.btn-primary):not(.primary-btn):not(.book-btn){
    text-decoration-color:
        rgba(0,103,197,.25);
}


/* =========================================================
   DIVIDERS
========================================================= */

hr{
    border-color:var(--zp-border);
}


/* =========================================================
   TOUR / SAFARI ACCENTS
========================================================= */

.tour-card:hover,
.safari-card:hover,
.transfer-card:hover{
    border-color:
        rgba(8,185,199,.50) !important;

    box-shadow:
        0 18px 45px
        rgba(6,43,79,.11);
}


/* =========================================================
   CHECKOUT
========================================================= */

.checkout-card,
.booking-summary{
    border-color:var(--zp-border) !important;
}

.checkout-card h2,
.checkout-card h3,
.booking-summary h2,
.booking-summary h3{
    color:var(--zp-navy) !important;
}


/* =========================================================
   CONTACT
========================================================= */

.zpc-submit{
    background:
        linear-gradient(
            100deg,
            var(--zp-gold),
            var(--zp-gold-light)
        ) !important;
}


/* =========================================================
   FOOTER
========================================================= */

.site-footer{
    background:
        linear-gradient(
            135deg,
            #044C48 0%,
            #044C48 70%,
            #073B66 100%
        ) !important;
}

.site-footer h4{
    color:#fff !important;
}

.site-footer p{
    color:rgba(255,255,255,.70) !important;
}

.site-footer a{
    color:rgba(255,255,255,.78) !important;
}

.site-footer a:hover{
    color:var(--zp-gold) !important;
}

.site-footer .footer-social a{
    border-color:
        rgba(255,255,255,.18) !important;
}

.site-footer .footer-social a:hover{
    background:var(--zp-turquoise) !important;
    color:#fff !important;
}


/* =========================================================
   SELECTION
========================================================= */

::selection{
    background:var(--zp-turquoise);
    color:#fff;
}


/* =========================================================
   SCROLLBAR
========================================================= */

::-webkit-scrollbar{
    width:9px;
}

::-webkit-scrollbar-track{
    background:#EDF4F7;
}

::-webkit-scrollbar-thumb{
    background:
        linear-gradient(
            var(--zp-blue),
            var(--zp-turquoise)
        );

    border-radius:20px;
}