/*
Theme Name: OCEE Tours Gambia
Text Domain: ocee-tours-gambia
Description: Authentic eco-tourism, culture and private adventures across The Gambia and Senegal.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--forest:#173b32;--deep:#112e28;--gold:#e8b668;--cream:#f7f4ec;--sand:#e9e4d7;--ink:#20392f;--line:#d8d6cc;--muted:#637469}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body.ocee-site{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.65}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12}h1,h2,.senegal-lead h3{font-family:"Playfair Display",Georgia,serif;font-weight:600;letter-spacing:-.045em}h2 em,h1 em{font-weight:500}h2{font-size:clamp(43px,5.1vw,76px);margin:.55rem 0 0}img{max-width:100%}.ocee-shell{width:min(1180px,calc(100% - 48px));margin:auto}.ocee-header{position:absolute;inset:0 0 auto;z-index:30;color:#fff}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:102px;border-bottom:1px solid rgba(255,255,255,.23)}.ocee-brand{display:flex;gap:12px;align-items:center;line-height:1.15}.ocee-symbol{height:49px;width:49px;border:2px solid var(--gold);border-radius:100%;display:grid;place-items:center;font-size:29px;font-family:Georgia,serif;font-style:italic;color:var(--gold)}.ocee-brand strong{display:block;font-weight:700;letter-spacing:.11em;font-size:17px}.ocee-brand small{display:block;letter-spacing:.18em;font-size:10px;color:#ecdec7;margin-top:5px}.ocee-nav{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:700}.ocee-nav a:hover,.text-link:hover{color:var(--gold)}.ocee-nav .nav-contact{border:1px solid #fff8;padding:12px 18px;border-radius:4px}.ocee-mobile-cta{display:none}.ocee-hero{position:relative;overflow:hidden;min-height:750px;color:#fff;background:radial-gradient(ellipse at 92% 49%,#467561 0%,transparent 46%),linear-gradient(116deg,#0b2520 9%,#173f35 74%)}.hero-grid{min-height:730px;display:grid;grid-template-columns:1fr .84fr;align-items:center;gap:3%;padding-top:115px;padding-bottom:30px}.hero-copy{z-index:2}.label-light,.kicker,.hero-caption,.card-no,.panel-tag{font-size:11px;letter-spacing:.19em;font-weight:700;text-transform:uppercase}.label-light{color:var(--gold)}.hero-copy h1{font-size:clamp(64px,6.9vw,108px);line-height:1.06;letter-spacing:-.057em;margin:28px 0}.hero-copy h1 em{color:var(--gold)}.hero-copy>p{max-width:530px;color:#d9e4da;font-size:16px;line-height:1.9}.hero-actions{display:flex;gap:25px;align-items:center;margin:31px 0 42px}.ocee-button{border:none;display:inline-flex;align-items:center;gap:18px;padding:16px 23px;border-radius:3px;font-size:13px;font-weight:700;line-height:1.2;transition:transform .2s}.ocee-button:hover{transform:translateY(-3px)}.ocee-button.gold{background:var(--gold);color:#1d3429}.ocee-button.dark{background:var(--forest);color:#fff}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid #b2c6bb;padding-bottom:7px}.hero-caption{font-size:10px!important;color:#bfcfc4!important}.hero-art{position:relative;min-height:510px;border-radius:52% 48% 43% 57% / 49% 50% 50% 51%;background:radial-gradient(circle at 55% 42%,#fae2a0 0 10%,#e2a65c 11% 22%,transparent 23%),linear-gradient(170deg,#7c9d86 0%,#b8bca0 48%,#bb996e 49%,#365849 59%,#244c42 70%,#0c2a27 100%);box-shadow:0 34px 0 -12px rgba(0,0,0,.12),0 40px 100px #081e1966;isolation:isolate;overflow:hidden}.hero-art:before{content:"";position:absolute;bottom:0;left:-22%;width:75%;height:73%;background:#102b25;clip-path:polygon(0 52%,10% 25%,22% 43%,35% 12%,48% 40%,61% 20%,68% 43%,85% 31%,100% 73%,100% 100%,0 100%)}.hero-art:after{content:"";position:absolute;bottom:9%;right:-5%;width:95%;height:27%;background:repeating-linear-gradient(170deg,#e7c38b4d 0 2px,transparent 3px 20px);transform:rotate(-6deg)}.hero-sun{position:absolute;left:53%;top:26%;width:108px;height:108px;border-radius:100%;background:#f6d18e;filter:blur(1px);box-shadow:0 0 75px 28px #f8cc8277}.hero-water{position:absolute;top:54%;width:100%;height:14%;background:linear-gradient(#6d8b75,#486f63)}.hero-palm{font-family:Georgia,serif;font-size:230px;position:absolute;right:-10%;top:-8%;transform:rotate(-12deg);color:#193d32;opacity:.75}.hero-stamp{position:absolute;right:2%;bottom:11%;width:128px;height:128px;background:var(--gold);color:#17362e;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(11deg);border-radius:50%;font-size:16px;line-height:1.1;font-weight:700;letter-spacing:.12em;box-shadow:0 6px 20px #142c2399;text-align:center}.hero-stamp span{font-size:21px;line-height:1.4}.hero-art-note{position:absolute;top:7%;left:15%;letter-spacing:.18em;font-size:10px;text-transform:uppercase;font-weight:700;color:#f8edcf}.hero-bottom{display:flex;justify-content:space-between;padding-bottom:29px;color:#cfdfd5;letter-spacing:.2em;font-size:10px;font-weight:700}.ocee-section{padding:110px 0}.cream{background:var(--cream)}.pale{background:#e9eade}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:48px}.section-heading>p{max-width:340px;color:#627467;line-height:1.85;margin:0 0 6px}.kicker{color:#ad7836}.experiences-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.experience-card{border:1px solid var(--line);background:#fff;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.experience-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px #1f3c2d1c}.card-no{position:absolute;top:18px;left:18px;z-index:1;background:#f8f5e9e8;padding:9px 11px;color:#345144;font-size:10px}.card-illustration{height:245px;display:flex;align-items:end;padding:20px 22px;position:relative;overflow:hidden}.card-illustration:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#10251d86,transparent 60%)}.card-illustration span{position:relative;z-index:1;font-size:10px;font-weight:700;letter-spacing:.21em;color:white}.card-illustration.village{background:radial-gradient(ellipse at 27% 80%,#724c35 0 6%,transparent 7%),radial-gradient(ellipse at 78% 70%,#ab7548 0 12%,transparent 13%),linear-gradient(135deg,#c9a772 0%,#8a8b55 58%,#4f6849)}.card-illustration.turtle{background:radial-gradient(ellipse at 65% 60%,#597861 0 21%,transparent 22%),linear-gradient(165deg,#a5cbaf,#448f83 48%,#155b63)}.card-illustration.heritage{background:linear-gradient(150deg,#c4a16a 15%,transparent 60%),repeating-linear-gradient(100deg,#9d784d 0 34px,#806344 35px 70px)}.card-illustration.wildlife{background:radial-gradient(ellipse at 75% 65%,#8c794f 0 21%,transparent 22%),linear-gradient(155deg,#bdc69a 0%,#69795c 50%,#384937 100%)}.card-illustration.city{background:repeating-linear-gradient(100deg,#b59c75 0 38px,#d0aa7b 39px 64px,#766c57 65px 84px)}.card-illustration.coast{background:linear-gradient(180deg,#b4c3ad,#70a5a3 53%,#d5b98b 54%,#8c754c)}.card-body{padding:27px 26px 30px}.card-body h3{font-family:"Playfair Display",Georgia,serif;font-size:25px;font-weight:600;letter-spacing:-.03em;margin-bottom:12px}.card-body p{font-size:13px;color:#65746c;line-height:1.9;min-height:100px}.card-body a{display:block;border-top:1px solid #e8e8df;padding-top:17px;font-size:12px;font-weight:700;color:#376a50}.banner{background:#e4b56d;padding:42px 0}.banner .ocee-shell{display:flex;align-items:center;justify-content:space-between;gap:20px}.banner span{font-size:11px;letter-spacing:.19em;font-weight:800}.banner strong{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(24px,3.5vw,43px)}.forest{background:#183e33;color:#fff}.forest .section-heading>p{color:#c5d8cb}.forest .kicker{color:#e8b668}.destination-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.destination-panel{border:1px solid #537062;padding:32px 38px;background:#ffffff09}.panel-tag{color:var(--gold)}.destination-panel ul{list-style:none;margin:20px 0 0;padding:0}.destination-panel li{padding:11px 0;border-bottom:1px solid #ffffff21;font-size:15px}.destination-panel li:before{content:"↗";color:var(--gold);margin-right:12px}.senegal-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.senegal-lead{padding:54px 55px;background:#dce3d4;min-height:420px}.senegal-circle{width:55px;height:55px;border-radius:50%;background:#c6a165;display:grid;place-items:center;font-weight:800;letter-spacing:.12em}.senegal-lead h3{font-size:clamp(33px,3.7vw,51px);margin:32px 0 17px}.senegal-lead p{color:#597262;margin-bottom:25px}.senegal-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.senegal-list li{border-bottom:1px solid #c6cdc2;padding:20px 4px;font-size:15px;font-weight:700}.senegal-list li:before{content:"↗";color:#a87939;margin-right:10px}.about{background:#f8f5ec}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px}.about-lead{font-size:24px;line-height:1.6;font-family:"Playfair Display",Georgia,serif}.about-grid p:not(.about-lead){color:#65766a;line-height:1.95}.services{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.services span{font-size:10px;letter-spacing:.1em;border:1px solid #d3dcd0;padding:9px 12px;font-weight:700}.contact{background:#102e27;color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact h2{margin:16px 0 26px}.contact p{color:#bfd0c6;max-width:470px;line-height:1.9}.contact .kicker{color:var(--gold)}.socials{display:flex;flex-direction:column;gap:18px;margin-top:40px}.socials a{font-size:13px;font-weight:700;letter-spacing:.02em;border-bottom:1px solid #526e60;width:fit-content;padding-bottom:9px}.contact-form{background:#f6f4ed;color:#20392f;padding:39px;display:flex;flex-direction:column;gap:17px}.contact-form label{font-size:12px;font-weight:800;display:block}.contact-form input,.contact-form select,.contact-form textarea{margin-top:7px;background:#fff;border:1px solid #d7dfd6;padding:13px 14px;border-radius:2px;display:block;width:100%;font-weight:400;color:#244439;outline-color:#8fbc8f}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form .ocee-button{justify-content:center}.contact-form .form-notice{font-size:11px;color:#69796c;margin:0;line-height:1.5}.ocee-footer{background:#0c211c;color:#c4d1c8;padding:65px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:40px}.footer-brand{color:#fff;font-weight:800;letter-spacing:.13em}.footer-grid p{font-size:13px;margin:16px 0}.footer-grid strong{color:var(--gold);display:block;margin-bottom:15px;font-size:13px}.footer-grid a{display:block;margin-bottom:12px;font-size:13px}.copyright{border-top:1px solid #ffffff24;margin-top:50px;padding-top:20px;font-size:11px;letter-spacing:.08em}
@media(max-width:950px){.ocee-nav{gap:13px;font-size:11px}.hero-grid{grid-template-columns:1fr .8fr}.hero-copy h1{font-size:clamp(53px,7vw,79px)}.hero-art{min-height:390px}.experiences-grid{grid-template-columns:1fr 1fr}.section-heading{align-items:start}.contact-grid{gap:30px}.senegal-grid{gap:30px}}
@media(max-width:700px){.ocee-shell{width:min(100% - 34px,1180px)}.topbar{min-height:80px}.ocee-nav{display:none}.ocee-mobile-cta{display:block;font-size:12px;background:var(--gold);color:#173b32;padding:10px 12px;font-weight:700}.ocee-brand strong{font-size:13px}.ocee-brand small{font-size:8px}.ocee-symbol{width:39px;height:39px;font-size:23px}.ocee-hero{min-height:auto}.hero-grid{display:block;padding:130px 0 25px}.hero-copy h1{font-size:clamp(51px,12.5vw,83px);margin:22px 0}.hero-copy>p{font-size:14px;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:18px;margin-bottom:27px}.hero-art{min-height:280px;width:87%;margin:46px auto 0}.hero-sun{width:70px;height:70px}.hero-palm{font-size:160px}.hero-stamp{width:95px;height:95px;font-size:12px}.hero-bottom{font-size:8px}.ocee-section{padding:75px 0}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:25px}.experiences-grid,.destination-columns,.senegal-grid,.about-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.experiences-grid{gap:17px}.card-body p{min-height:auto}.card-illustration{height:230px}.banner .ocee-shell{display:block}.banner strong{display:block;margin-top:15px}.destination-panel{padding:26px}.senegal-lead{padding:32px;min-height:auto}.about-grid,.contact-grid{gap:30px}.contact-form{padding:24px}.footer-grid{gap:30px}.senegal-list{grid-template-columns:1fr 1fr}.senegal-list li{font-size:13px}.form-row{grid-template-columns:1fr}.contact h2{font-size:48px}}

/* WordPress Media Library photography */
.hero-art .ocee-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero-art:before,.hero-art:after,.hero-art .hero-sun,.hero-art .hero-water,.hero-art .hero-palm{display:none}
.hero-art .hero-stamp,.hero-art .hero-art-note{z-index:2}
.card-illustration{padding:0}
.card-illustration img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}
.experience-card:hover .card-illustration img{transform:scale(1.06)}
.card-illustration span{position:absolute;bottom:20px;left:22px}
.ocee-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ocee-gallery figure{margin:0;aspect-ratio:4/3;background:#d8dacc;overflow:hidden}
.ocee-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.ocee-gallery figure:hover img{transform:scale(1.04)}
@media(max-width:800px){.ocee-gallery{grid-template-columns:repeat(3,1fr)}}
@media(max-width:550px){.ocee-gallery{grid-template-columns:repeat(2,1fr);gap:9px}}

/* OCEE coastal palette — vibrant sea blue, lagoon turquoise and sunshine coral */
:root{--forest:#075b79;--deep:#032d47;--gold:#ffd06a;--cream:#f5fbfd;--sand:#e0f3f6;--ink:#073f5a;--line:#c7e4e9;--muted:#4c7281}
body.ocee-site{background:#f5fbfd;color:#073f5a}
.ocee-header{background:linear-gradient(180deg,rgba(0,39,65,.54),transparent)}
.ocee-symbol{border-color:#ffd06a;color:#ffd06a;background:#06a4b334}
.ocee-nav .nav-contact{border-color:#65e5ee;background:#05a9bb30}
.ocee-hero{background:radial-gradient(circle at 86% 26%,#2dd6d1 0%,transparent 39%),linear-gradient(119deg,#042b48 4%,#005779 57%,#059fbb 100%)}
.hero-copy h1 em{color:#ffcf65}
.hero-copy>p{color:#e2f7f9}
.hero-art{border:8px solid #ffffffb8;box-shadow:0 35px 100px #00293f99}
.hero-art:before{display:block;inset:0;width:auto;height:auto;clip-path:none;background:linear-gradient(0deg,#0038507a,transparent 48%);z-index:1}
.hero-art:after{display:none}
.hero-stamp{background:#ffca64;color:#07415d}
.hero-art-note{z-index:3}
.ocee-button.gold{background:#ffca64;color:#063b53}
.ocee-button.dark{background:#007d9a;color:white}
.text-link{border-color:#70e2e3}
.cream{background:#f5fbfd}
.pale{background:linear-gradient(140deg,#d8f5f5,#e9f5ff)}
.kicker{color:#ef7350}
.experience-card{border-color:#cce5eb;box-shadow:0 6px 28px #006b8610;border-radius:8px}
.experience-card:hover{box-shadow:0 22px 50px #00739332}
.card-illustration{background-color:#79cbd4}
.card-illustration:after{background:linear-gradient(0deg,#003e59ae,transparent 65%)}
.card-body a{color:#007f9f}
.banner{background:linear-gradient(95deg,#ffbc61,#ffe08b)}
.forest{background:linear-gradient(130deg,#034765,#007c96 78%,#00a9b3);color:#fff}
.forest .section-heading>p{color:#e0f7f8}
.destination-panel{background:#ffffff0f;border-color:#ffffff66;border-radius:8px}
.destination-panel li:before{color:#ffcf65}
.senegal-lead{background:#bdeef0;border-radius:9px}
.senegal-circle{background:#ffbf65;color:#03455c}
.senegal-list li:before{color:#f16a4e}
.about{background:#eefbff}
.services span{border-color:#8bcbd7;background:white}
.contact{background:linear-gradient(140deg,#003b5e,#007b97)}
.contact-form{background:#f7fcff;border-radius:10px;box-shadow:0 25px 75px #00334b33}
.contact-form input,.contact-form select,.contact-form textarea{border-color:#b6d9e1;border-radius:5px}
.contact-form .form-notice{color:#527584}
.ocee-footer{background:#022e46}
.footer-grid strong{color:#ffcf65}
.ocee-gallery figure{border-radius:8px;border:3px solid white;box-shadow:0 8px 24px #00637c1b}
.section-heading h2 em,.about h2 em,.contact h2 em{color:#00a3b6}
.contact h2 em,.forest h2 em{color:#ffcf65}

.ocee-logo-img{width:62px;height:62px;object-fit:contain;flex:none;filter:drop-shadow(0 3px 9px #002f4888)}@media(max-width:700px){.ocee-logo-img{width:51px;height:51px}}
.ocee-hidden-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.ocee-status{padding:14px 16px;border-radius:6px;font-size:13px!important;line-height:1.5!important;margin:0!important}.ocee-status.success{background:#daf7e8;color:#15543e;border:1px solid #83d9af}.ocee-status.error{background:#fff1e8;color:#8c391e;border:1px solid #e9b098}
.ocee-transport{background:linear-gradient(148deg,#e3f8ff 0%,#f6fcff 62%,#d7f2f4 100%)}
.ocee-transport .section-heading>p{max-width:370px}
.ocee-vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ocee-vehicle-card{background:#fff;padding:31px 28px 27px;border:1px solid #bfe5ed;border-radius:12px;box-shadow:0 16px 42px rgba(0,75,107,.08);display:flex;flex-direction:column}
.vehicle-index{font-weight:800;font-size:10px;letter-spacing:.17em;color:#0089a3}
.vehicle-icon{height:115px;display:flex;align-items:center;color:#04627e;margin:16px 0 2px}
.vehicle-icon svg{width:155px;max-width:100%;height:85px}
.ocee-vehicle-card h3{font-family:"Playfair Display",Georgia,serif;font-size:27px;color:#083b5d;margin:0 0 14px}
.ocee-vehicle-card p{font-size:14px;line-height:1.85;color:#526f7b;margin-bottom:25px}
.ocee-vehicle-card p strong{color:#004962}
.vehicle-capacity{display:block;margin-top:auto;border-top:1px solid #dcebf0;padding-top:17px;font-size:11px;font-weight:800;letter-spacing:.12em;color:#007d99}
.ocee-vehicle-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:36px}
.ocee-vehicle-footer p{max-width:650px;color:#517582;font-size:14px;margin:0}
@media(max-width:950px){.ocee-vehicle-grid{grid-template-columns:1fr 1fr}.ocee-vehicle-footer{align-items:flex-start}}
@media(max-width:700px){.ocee-vehicle-grid{grid-template-columns:1fr}.ocee-vehicle-footer{flex-direction:column;align-items:flex-start}.ocee-vehicle-card{padding:25px}.vehicle-icon{height:95px}}
.ocee-vehicle-card .vehicle-photo{width:100%;height:190px;object-fit:cover;object-position:center;display:block;margin:20px 0 14px;border-radius:8px;background:#d2ecf0}.ocee-vehicle-card .vehicle-photo + .vehicle-icon{display:none}
/* Use authentic vehicle photography instead of decorative vehicle illustrations. */
.ocee-vehicle-grid .vehicle-icon{display:none!important}
.ocee-vehicle-card{justify-content:flex-start}
.ocee-vehicle-card .vehicle-index{margin-bottom:18px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}