/*
Theme Name: Shifa Cabs
Description: Cab & tour booking theme. Edit text in Appearance > Customize; manage Tour Packages, Cabs and Reviews from the left admin menu.
Version: 1.0
Text Domain: shifa-cabs
*/
:root{--gold:#c98b2b;--gold2:#e8b25a;--deep:#1a1208;--cream:#fffaf0;--ink:#2b2015;font-family:Poppins,system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream)}
h1,h2,h3,.logo{font-family:"Playfair Display",Georgia,serif}a{color:inherit;text-decoration:none}img{max-width:100%}
.wrap{max-width:1200px;margin:auto;padding:0 20px}
.topbar{background:var(--deep);color:#e9d5b0;font-size:13px;padding:7px 0}.topbar .wrap{display:flex;gap:22px;flex-wrap:wrap;justify-content:space-between}
.site-head{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.08);position:sticky;top:0;z-index:50}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;height:74px}
.logo{font-size:28px;color:var(--deep);letter-spacing:.03em}
.nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;font-size:15px}.nav a:hover{color:var(--gold)}
.btn{display:inline-block;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1a1005;padding:12px 26px;border-radius:30px;font-weight:600;border:0;cursor:pointer;font:600 15px Poppins,sans-serif}
.menu-btn{display:none;background:none;border:0;font-size:28px}
.hero{position:relative;min-height:640px;overflow:hidden;background:#000;color:#fff}
.hero .bg{position:absolute;inset:-6%;background-size:cover;background-position:center;animation:cam 8s cubic-bezier(.3,.1,.2,1) forwards}
@keyframes cam{from{transform:scale(1.14)}to{transform:scale(1)}}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,8,3,.9),rgba(14,8,3,.55) 45%,transparent 70%)}
.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr 1fr 360px;gap:20px;align-items:center;min-height:640px}
.hero small{letter-spacing:.3em;text-transform:uppercase;color:var(--gold2);display:block;margin-bottom:14px}
.hero h1{font-size:clamp(38px,5vw,72px);line-height:1.05;margin:0 0 18px;font-weight:600}
.w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.1em}
.w span{display:inline-block;transform:translateY(115%);opacity:0;animation:up 1.1s var(--d,.5s) cubic-bezier(.2,.8,.2,1) forwards}
.w.gold span{background:linear-gradient(100deg,#c98b2b 20%,#fff1c4 45%,#e8b25a 60%,#c98b2b 80%) 0 0/250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:up 1.1s var(--d) forwards,shine 3.5s 5s infinite}
@keyframes up{to{transform:none;opacity:1}}@keyframes shine{from{background-position:120% 0}to{background-position:-120% 0}}
.hero p{max-width:460px;color:#f0dcc0;line-height:1.6}
.carbox{align-self:end;padding-bottom:30px;animation:drive 5s 1.4s cubic-bezier(.16,.7,.25,1) both}
@keyframes drive{from{transform:translate(35%,40%) scale(1.2);opacity:0}15%{opacity:1}to{transform:none}}
.carbox img{filter:drop-shadow(0 18px 18px rgba(0,0,0,.55))}
.book{background:#fff;color:var(--ink);padding:22px;border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,.35)}
.book h3{margin:0 0 12px}.book label{font-size:12px;display:block;margin-top:10px}
.book input,.book select{width:100%;padding:10px;border:1px solid #e3d6bd;border-radius:8px;font:inherit}.book .btn{width:100%;margin-top:16px}
.trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:26px;font-size:13px;color:#f0dcc0}.trust b{display:block;color:#fff}
section.s{padding:70px 0}.s h2{text-align:center;font-size:36px;margin:0 0 8px}.s .sub{text-align:center;color:#7a6a52;margin:0 0 36px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.about h2{text-align:left}
.why{background:#fff;border-radius:14px;padding:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;box-shadow:0 6px 24px rgba(120,80,20,.12);text-align:center;font-size:14px}
.why span{display:block;font-size:26px}
.grid5{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.tour{height:240px;border-radius:14px;background:linear-gradient(160deg,#4f8a5b,#1c3d2a) center/cover;position:relative;overflow:hidden;color:#fff;display:flex;align-items:flex-end}
.tour div{padding:16px;width:100%;background:linear-gradient(transparent,rgba(0,0,0,.8))}.tour h3{margin:0;font-size:20px}.tour small{opacity:.85}
.cab{background:#fff;border-radius:12px;text-align:center;padding:18px;box-shadow:0 4px 16px rgba(0,0,0,.08)}.cab img{height:90px;object-fit:contain}.cab .ph{font-size:56px}.cab h3{margin:8px 0 2px;font-size:18px}.cab small{color:#7a6a52}
.rev{background:#fff;border-radius:12px;padding:22px;box-shadow:0 4px 16px rgba(0,0,0,.08);font-size:14px;line-height:1.6}.rev b{display:block;margin-top:10px}.rev i{color:var(--gold);font-style:normal}
.site-foot{background:var(--deep);color:#d9c6a3;padding:50px 0 20px;font-size:14px}.site-foot .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.site-foot .logo{color:var(--gold2)}.copy{text-align:center;margin-top:30px;font-size:12px;opacity:.7}
@media(max-width:900px){.hero .wrap{grid-template-columns:1fr;padding-top:40px;padding-bottom:30px}.carbox{order:3}.about{grid-template-columns:1fr}.menu-btn{display:block}.nav{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;padding:14px 20px}.nav.open{display:block}.nav ul{flex-direction:column;gap:14px}.head-btn{display:none}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01s!important;animation-delay:0s!important}}