/* DREAM AFRICA ADVENTURES / Final Signature V4
   Minimal readable typography, white surfaces, intentional contrast and real inquiry CTAs. */
:root {
 --body-font:Inter,Arial,Helvetica,sans-serif!important;
 --heading-font:Inter,Arial,Helvetica,sans-serif!important;
 --text:#332c29;--muted:#70675f;--radius:14px;--surface:#fff;
 --surface-2:#fcfaf6;--border:#eee6df;--shadow:0 10px 35px rgba(75,45,26,.07);
}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:14px!important;line-height:1.68;background:#fff;color:#332a26}
h1,h2,h3,h4,h5,h6{font-family:Inter,Arial,Helvetica,sans-serif!important;font-weight:750!important;letter-spacing:-.037em!important;line-height:1.22}
h1{font-size:clamp(2.2rem,4vw,3.75rem)}h2{font-size:clamp(1.55rem,2.5vw,2.45rem)}h3{font-size:clamp(1.05rem,1.4vw,1.3rem)}
p,.lead{font-size:.86rem;line-height:1.82}.lead{color:#71665e}
.eyebrow{font-family:var(--body-font)!important;font-size:.68rem!important;font-weight:800!important;letter-spacing:.13em!important}
.container{max-width:1340px}
.section{padding:64px 0}.section-head{margin-bottom:24px}.section-head h2{font-size:clamp(1.6rem,2.5vw,2.42rem)!important;font-weight:760!important;letter-spacing:-.039em}
.section-head .lead{max-width:650px;font-size:.86rem}
.section-sm{padding:42px 0}.btn{font-size:.79rem;font-weight:750;min-height:42px;border-radius:9px;padding:12px 18px;letter-spacing:0}
.btn-accent{background:#E1AD01!important;color:#2f241d!important;border:1px solid #E1AD01!important}
.btn-accent:hover{background:#f0be28!important;border-color:#f0be28!important}
.btn-outline{border-color:#d6b99c;color:#622f23}
.btn-primary{background:#67352b!important;color:#fff!important}
.btn-primary:hover{background:#8a3d2a!important}
/* Fixed click navigation - hovering does not open dropdown panels */
.site-header{background:#fff!important;border-bottom:1px solid #f0ebe6!important;box-shadow:0 5px 22px rgba(54,33,18,.045)!important}
.utility-bar{background:#fff!important}.utility-inner{min-height:30px!important;font-size:.7rem}
.header-row{height:79px!important}.logo{width:226px!important;flex:0 0 226px}.logo img{max-height:70px!important;object-fit:contain;object-position:left center}
.nav-link{font-family:Inter,Arial,sans-serif!important;font-size:.745rem!important;font-weight:650!important;color:#3b302b!important}
.submenu-toggle{height:25px!important;width:25px!important;background:#fcfaf6!important;border:0!important;color:#583529!important}
.submenu-toggle:focus-visible,.nav-item.open>.submenu-toggle{outline:2px solid #e1ad01!important;outline-offset:1px}
.nav-item.open>.nav-link{color:#954a26!important}
.dropdown.mega-menu{border-radius:0 0 16px 16px!important;box-shadow:0 22px 60px #35211326!important}
.mega-col a{font-size:.78rem}.mega-intro h3{font-size:1.35rem!important}.mega-intro p{font-size:.75rem!important}
.header-actions .nav-cta{font-size:.75rem!important}
/* Home main image — centered text and gentle background shade */
.signature-hero,.signature-hero .hero-inner{min-height:568px!important}
.signature-hero .hero-slide:after{background:linear-gradient(90deg,rgba(11,12,13,.58),rgba(8,9,11,.49) 44%,rgba(8,9,11,.58))!important}
.signature-hero .hero-inner{display:flex!important;justify-content:center!important;align-items:center!important;text-align:center!important}
.signature-hero .hero-copy{display:flex!important;flex-direction:column;align-items:center;text-align:center!important;margin:0 auto!important;width:min(100%,890px);max-width:890px!important;padding:65px 20px 76px!important}
.signature-hero .hero-copy .eyebrow{letter-spacing:.26em!important;color:#f2ce81!important;font-size:.72rem!important}
.signature-hero h1{font-family:Inter,Arial,sans-serif!important;font-weight:800!important;font-size:clamp(2.2rem,4.5vw,4.25rem)!important;letter-spacing:-.052em!important;line-height:1.09!important;margin:17px auto 18px!important;max-width:860px!important;text-shadow:0 4px 25px #0008}
.signature-hero .hero-copy>p:not(.signature-hero-note){font-size:clamp(.86rem,1.3vw,1.05rem)!important;line-height:1.8!important;max-width:670px!important;margin:0 auto 21px!important;color:#f7f4ee!important}
.signature-hero .hero-actions{display:flex!important;justify-content:center!important;gap:11px!important;margin:0 auto!important}
.signature-hero-note{color:#f1e6d6!important;font-size:.71rem!important;margin:18px auto 0!important;text-align:center!important;opacity:.89}
.signature-hero .hero-dots{bottom:24px!important}.signature-hero .hero-dot{width:25px;height:5px;border-radius:8px;transition:width .3s,background .3s;background:#ffffff75;border:0}
.signature-hero .hero-dot.active{width:42px;transform:none;background:#e1ad01}
.signature-hero .hero-arrow{height:40px;width:40px;background:#ffffff27;border:1px solid #ffffff8a}
/* Editorial features - more compact band immediately following hero */
.trust-rail{padding:10px 0!important;background:#fff!important;border-bottom:1px solid #eee8df!important}
.trust-grid{gap:4px!important}.trust-item{background:transparent!important;border-radius:12px;padding:14px 10px!important}
.trust-icon{width:38px;height:38px;flex:0 0 38px;background:#faf1dc!important;border-radius:12px!important;color:#7a3e27!important}
.trust-item strong{font-size:.78rem;font-weight:800}.trust-item span{font-size:.67rem;color:#877c73}
/* About: airy white editorial image collage & readable paragraph */
.home-about-modern{padding:64px 0 70px;background:#fff!important}
.home-about-grid{gap:55px}.about-photo-mosaic{grid-template-rows:170px 160px}.about-photo{box-shadow:0 7px 26px #59351c16}
.about-message h2{font-size:clamp(1.7rem,2.8vw,2.65rem)!important;font-weight:780!important;letter-spacing:-.04em!important;line-height:1.16!important;margin:8px 0 16px!important}
.about-message h2 em{color:#934829}.about-message p{font-size:.83rem!important;line-height:1.9!important;margin-bottom:10px}
.about-pill-row{margin:16px 0}.about-pill-row span{font-size:.68rem;padding:6px 10px}.about-cta-row{margin-top:17px}
/* Signature collection */
.home-popular{background:#faf9f6!important;padding:72px 0 75px!important;border-top:1px solid #f0eae3;border-bottom:1px solid #eee6de}
.cards{gap:15px!important;grid-template-columns:repeat(3,minmax(0,1fr))}
.home-popular .cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important}
.home-popular .cards>.signature-tour-card{grid-column:auto!important}
.cards>.signature-tour-card{display:flex;flex-direction:column;border-radius:12px!important;border:1px solid #ede8e1!important;background:#fff!important;box-shadow:0 6px 21px #55372310!important;min-width:0;overflow:hidden}
.cards>.signature-tour-card:hover{transform:translateY(-4px)!important;box-shadow:0 14px 33px #5537231f!important}
.cards>.signature-tour-card .signature-tour-photo{height:194px!important;position:relative!important}
.cards>.signature-tour-card .signature-tour-photo>a{display:block;height:100%;overflow:hidden}
.cards>.signature-tour-card .signature-tour-photo img{object-fit:cover;width:100%;height:100%;transition:transform .4s}
.cards>.signature-tour-card:hover .signature-tour-photo img{transform:scale(1.035)}
.cards>.signature-tour-card .card-badge{z-index:2;color:#4b321e;background:#f3c244!important;font-size:.66rem;font-weight:800;border-radius:5px;max-width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 8px}
.signature-duration{position:absolute;z-index:2;right:10px;bottom:10px;background:#241e1bdb;color:#fff;padding:6px 10px;border-radius:5px;font-size:.68rem;font-weight:750}
.cards>.signature-tour-card .signature-tour-copy{padding:15px 15px 13px!important;display:flex!important;flex-direction:column!important;flex:1;min-width:0}
.signature-tour-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;margin:0 0 7px;color:#916043;font-size:.66rem;font-weight:700}
.signature-tour-meta span:last-child{color:#8b7c6c}
.cards>.signature-tour-card h3{font-family:Inter,Arial,sans-serif!important;font-size:.95rem!important;font-weight:790!important;letter-spacing:-.025em!important;line-height:1.4!important;color:#2f2723!important;min-height:2.8em;margin:0 0 8px}
.cards>.signature-tour-card h3 a{color:inherit;text-decoration:none}.cards>.signature-tour-card h3 a:hover{color:#873e25}
.cards>.signature-tour-card p{font-size:.75rem!important;line-height:1.65!important;color:#786e66!important;margin:0 0 16px!important;flex:1}
.signature-tour-actions{display:flex;gap:6px;align-items:stretch;padding-top:10px;border-top:1px solid #f0e9e2}
.signature-tour-actions a{display:flex;align-items:center;justify-content:center;gap:5px;font-size:.71rem;font-weight:750;text-decoration:none;text-align:center;border-radius:7px;padding:9px 7px;white-space:nowrap;transition:background .2s,color .2s}
.signature-view{flex:1;color:#66352c!important;background:#f8f3eb!important;border:1px solid #eadfd2!important}
.signature-view:hover{background:#eae0d2!important}.signature-book{flex:1.16;background:#e1ad01!important;border:1px solid #e1ad01!important;color:#34291f!important}
.signature-book:hover{background:#f1bf23!important}
/* Story feature: image on one side, warm editorial panel on the other */
.signature-experience{background:#fff;padding:72px 0}
.signature-experience-grid{display:grid;grid-template-columns:1fr .94fr;align-items:center;gap:0;border:1px solid #eee9e2;background:#fcfaf5;border-radius:20px;overflow:hidden}
.signature-experience-image{height:440px;overflow:hidden;background:#eadfd0}
.signature-experience-image img{width:100%;height:100%;object-fit:cover}
.signature-experience-copy{padding:42px 55px}
.signature-experience-copy h2{font-size:clamp(1.7rem,2.8vw,2.55rem)!important;letter-spacing:-.04em;margin:12px 0 15px;color:#302622}
.signature-experience-copy p{font-size:.83rem;color:#665c55;line-height:1.88}
.signature-experience-links{display:grid;gap:2px;margin:19px 0 20px}
.signature-experience-links a{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #eae3d9;color:#6e3b2b;font-size:.78rem;font-weight:750;padding:9px 2px}
.signature-experience-links a:hover{color:#a35b23}
/* Destinations as modern photo tiles */
.home-categories{background:#fff!important;padding:60px 0 70px!important}
.home-categories .category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.home-categories .category-card{min-height:210px!important;border-radius:13px!important;box-shadow:0 7px 20px #55372312!important;overflow:hidden;padding:18px!important}
.home-categories .category-photo{height:100%!important;position:absolute;inset:0;width:100%;object-fit:cover;transition:transform .35s}
.home-categories .category-card:hover .category-photo{transform:scale(1.055)}
.home-categories .category-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#120c0bc9,#130f0d10 76%);pointer-events:none}
.home-categories .category-card>*:not(img){z-index:2;position:relative;color:#fff!important}
.home-categories .category-card h3{color:#fff!important;font-size:1.14rem!important}
/* Finder moved below inspiration collections */
.finder{padding:14px 0 55px!important;margin:0!important;background:#fcfaf6!important}
.finder-card{border-radius:13px!important;box-shadow:0 9px 23px #53371c11!important;border:1px solid #ede6df!important}
.finder-card .field label{font-size:.69rem!important}.finder-card .field select,.finder-card .field input{font-size:.79rem!important}
/* Supportive detail page, small consistent typography */
.content-grid{gap:30px!important}.tour-prose{font-size:.85rem!important}.tour-prose p{font-size:.84rem!important;color:#5e534c!important}
.tour-prose h2{font-size:clamp(1.3rem,1.9vw,1.75rem)!important}.tour-prose h3{font-size:1.07rem!important}
.content-grid>aside .sticky-card h3{font-size:1.2rem!important}.tour-side-support h3,.tour-side-contact h3{font-size:1.09rem!important}
.related-tour-copy h3{font-size:1.03rem!important;font-weight:750!important;min-height:2.6em!important}
.related-tour-card{border-radius:11px!important}
/* Light professional footer remains accessible */
.footer{background:#fff!important}.footer-cta{background:#fbf8f2!important}.footer-cta h2{font-size:clamp(1.45rem,2.3vw,2.1rem)!important}
.footer h4{font-size:.73rem!important}.footer a{font-size:.76rem!important}.footer-brand p{font-size:.76rem!important}
@media(min-width:1100px){
 .home-popular .cards>.package-card,.home-popular .cards>.package-card.card-v1,.home-popular .cards>.package-card.card-v2,.home-popular .cards>.package-card.card-v3{grid-column:auto!important}
}
@media(max-width:1250px){
 .home-popular .cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .header-row{height:76px!important}.logo{width:194px!important;flex-basis:194px!important}
 .nav-link{font-size:.7rem!important;padding:8px 4px!important}
}
@media(max-width:1024px){
 .header-row{height:69px!important}.logo{width:200px!important;flex-basis:200px!important}
 .nav{top:69px!important}.nav-link{font-size:.83rem!important}
 .home-popular .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .signature-experience-grid{grid-template-columns:1fr 1fr}
 .signature-experience-copy{padding:28px}.signature-experience-image{height:460px}
 .home-categories .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .section{padding:50px 0}
 .signature-hero,.signature-hero .hero-inner{min-height:520px!important}
 .signature-hero h1{font-size:clamp(2rem,8vw,2.9rem)!important}
 .signature-hero .hero-copy{padding:65px 33px 80px!important}
 .signature-hero .hero-copy .eyebrow{font-size:.62rem!important;letter-spacing:.13em!important}
 .signature-hero-note{display:none}
 .signature-hero .hero-arrow{width:34px;height:34px}
 .home-about-modern{padding:48px 0}
 .home-popular{padding:49px 0!important}
 .signature-experience{padding:47px 0}
 .signature-experience-grid{grid-template-columns:1fr}
 .signature-experience-image{height:275px}
 .signature-experience-copy{padding:28px}
 .home-categories{padding:44px 0!important}
}
@media(max-width:550px){
 .home-popular .cards,.cards{grid-template-columns:1fr!important}
 .cards>.signature-tour-card .signature-tour-photo{height:210px!important}
 .cards>.signature-tour-card h3{min-height:0!important;font-size:1rem!important}
 .signature-hero .hero-copy{padding:63px 22px 80px!important}
 .signature-hero .hero-actions{width:100%;gap:7px!important}.signature-hero .hero-actions .btn{font-size:.72rem;padding:11px 12px}
 .home-categories .category-grid{grid-template-columns:1fr}
 .home-categories .category-card{min-height:190px!important}
 .signature-tour-actions a{padding:10px 8px}
 .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .trust-item{padding:10px 4px!important}.trust-item strong{font-size:.73rem}.trust-item span{font-size:.62rem}
 .signature-experience-copy h2{font-size:1.68rem!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cards>.signature-tour-card,.signature-tour-photo img{transition:none!important}}
