/* Swahili Tours and Safari — logo-inspired global design layer.
   No booking JavaScript, routes or form names are modified. */
:root {
  --sw-navy:#062d79; --sw-blue:#0755c9; --sw-deep:#031e57;
  --sw-gold:#ffcf25; --sw-orange:#ff8c00; --sw-sky:#ebf6ff;
  --sw-text:#09285f; --sw-line:#d8e6f5;
  --sw-sunset:linear-gradient(180deg,#ffe762 0%,#ffc327 46%,#ff9100 100%);
  --sw-ocean:linear-gradient(115deg,#031c67,#0655c9);
}
html {scroll-behavior:smooth}
body {color:var(--sw-text)}
.site-header {position:relative;z-index:100;background:#fff}
.site-header .top-bar {background:var(--sw-ocean)!important;border-bottom:2px solid var(--sw-gold)!important;color:#fff!important}
.site-header .top-bar a,.site-header .top-bar span,.site-header .top-bar i {color:#fff!important}
.site-header .top-bar i {color:var(--sw-gold)!important}
.site-header .main-navbar {background:#fff!important;border-bottom:2px solid var(--sw-gold)!important;box-shadow:0 5px 20px rgba(3,30,87,.09)}
.site-header .main-navbar .nav-container {min-height:94px}
.site-header .site-logo {display:flex;align-items:center;flex-shrink:0}
.site-header .site-logo img {width:auto!important;height:88px!important;max-width:200px!important;object-fit:contain!important;filter:none!important}
.site-header .main-menu a {color:var(--sw-deep)!important;font-weight:800!important;transition:background .2s,color .2s,transform .2s;border-radius:12px}
.site-header .main-menu a:hover,.site-header .main-menu a.active {color:var(--sw-deep)!important;background:var(--sw-sunset)!important;box-shadow:0 5px 12px rgba(255,153,0,.22)}
.site-header .header-call-icon {background:var(--sw-ocean)!important;color:#fff!important;border:3px solid var(--sw-gold)!important;box-shadow:0 3px 12px rgba(3,30,87,.18)}
.site-header .header-call-text strong {color:var(--sw-deep)!important;font-weight:900}
.site-header .header-call-text small {color:#496183!important}
.site-header .menu-toggle {color:var(--sw-deep)!important}
.site-footer,.zp-footer {background:var(--sw-ocean)!important;color:#fff}
.site-footer a,.zp-footer a {transition:color .2s}
.site-footer a:hover,.zp-footer a:hover {color:var(--sw-gold)!important}
.site-footer h2,.site-footer h3,.site-footer h4,.zp-footer h2,.zp-footer h3,.zp-footer h4 {color:#fff}
button,a,input,select,textarea {accent-color:var(--sw-blue)}
:where(a,button,input,select,textarea):focus-visible {outline:3px solid var(--sw-gold);outline-offset:3px}
@media(max-width:991px) {
 .site-header .site-logo img {height:68px!important;max-width:160px!important}
 .site-header .main-navbar .nav-container {min-height:76px}
 .site-header .main-menu {z-index:110}
 .site-header .main-menu a {box-shadow:none!important}
}
@media(max-width:480px) {
 .site-header .site-logo img {height:56px!important;max-width:138px!important}
 .site-header .main-navbar .nav-container {min-height:66px}
}
