/*
Theme Name: RideXRide Dhaka Premium
Theme URI: https://ridexride.com
Author: RideXRide
Author URI: https://ridexride.com
Description: Premium Dhaka ride-sharing WordPress theme for motorbike and car services.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.5
Requires PHP: 7.4
License: GPL v2 or later
Text Domain: ridexride-dhaka-premium
*/

:root{
  --blue:#0878ff;
  --blue2:#00b7ff;
  --dark:#020b18;
  --dark2:#061426;
  --text:#07111f;
  --muted:#667085;
  --white:#ffffff;
  --card:#ffffff;
  --border:#e7edf7;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, Arial, Helvetica, sans-serif;
  background:#020b18;
  color:#fff;
}
a{text-decoration:none;color:inherit}
.container{
  width:min(1440px,94%);
  margin:0 auto;
}

/* Header */
.rxr-header{
  background:linear-gradient(90deg,#030914,#061426);
  border-bottom:1px solid rgba(255,255,255,.08);
  position:sticky;
  top:0;
  z-index:99;
}
.rxr-nav{
  height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.rxr-logo img{
  height:68px;
  width:auto;
  display:block;
}
.rxr-menu{
  display:flex;
  align-items:center;
  gap:34px;
  font-weight:800;
  font-size:16px;
}
.rxr-menu a{
  color:#f5f7fb;
  opacity:.96;
  position:relative;
}
.rxr-menu a:hover,
.rxr-menu a.active{
  color:var(--blue);
}
.rxr-contact{
  display:flex;
  align-items:center;
  gap:22px;
  font-weight:800;
}
.rxr-phone{
  display:flex;
  align-items:center;
  gap:10px;
  color:#fff;
  white-space:nowrap;
}
.rxr-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:linear-gradient(135deg,#0878ff,#005bea);
  color:#fff;
  padding:15px 25px;
  border-radius:8px;
  font-weight:900;
  border:0;
  box-shadow:0 12px 30px rgba(8,120,255,.22);
}

/* Hero */
.rxr-hero{
  position:relative;
  min-height:520px;
  background:
    linear-gradient(90deg, rgba(2,11,24,.98) 0%, rgba(2,11,24,.88) 28%, rgba(2,11,24,.18) 68%, rgba(2,11,24,.18) 100%),
    url('assets/hero-dhaka-ride.jpg') center right/cover no-repeat;
  overflow:hidden;
}
.rxr-hero:after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:160px;
  background:linear-gradient(180deg, transparent, #020b18);
}
.rxr-hero-inner{
  position:relative;
  z-index:2;
  padding:62px 0 74px;
  max-width:520px;
}
.rxr-hero h1{
  margin:0;
  font-size:clamp(46px,5.4vw,70px);
  line-height:1.04;
  letter-spacing:-2px;
  font-weight:950;
}
.rxr-hero h1 span{
  color:var(--blue);
}
.rxr-hero p{
  font-size:20px;
  line-height:1.55;
  color:#fff;
  margin:22px 0 36px;
}
.rxr-features{
  display:flex;
  gap:28px;
  align-items:flex-start;
  margin-bottom:40px;
}
.rxr-feature{
  display:flex;
  gap:12px;
  align-items:flex-start;
  min-width:0;
}
.rxr-icon{
  width:45px;
  height:45px;
  border-radius:50%;
  background:linear-gradient(135deg,#0b83ff,#005bea);
  display:grid;
  place-items:center;
  flex:0 0 45px;
  font-size:20px;
}
.rxr-feature b{
  display:block;
  font-size:14px;
  color:#fff;
}
.rxr-feature small{
  color:#e5edf8;
  display:block;
  line-height:1.35;
}
.rxr-actions{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}
.rxr-outline{
  background:rgba(255,255,255,.04);
  border:2px solid rgba(255,255,255,.75);
  box-shadow:none;
}

/* Services floating panel */
.rxr-services-wrap{
  margin-top:-30px;
  position:relative;
  z-index:5;
}
.rxr-services{
  background:#fff;
  color:var(--text);
  border-radius:18px;
  padding:26px 36px 32px;
  box-shadow:0 25px 80px rgba(0,0,0,.35);
}
.rxr-section-title{
  text-align:center;
  margin-bottom:26px;
}
.rxr-section-title small{
  color:var(--blue);
  font-weight:950;
  letter-spacing:.5px;
}
.rxr-section-title h2{
  margin:4px 0 0;
  font-size:35px;
  line-height:1.1;
  color:#08111f;
}
.rxr-section-title h2 span{color:var(--blue)}
.rxr-title-line{
  width:44px;
  height:3px;
  background:var(--blue);
  margin:12px auto 0;
  border-radius:99px;
}
.rxr-service-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}
.rxr-service-card{
  min-height:205px;
  border:1px solid var(--border);
  border-radius:14px;
  display:grid;
  grid-template-columns:1fr 255px;
  align-items:center;
  gap:10px;
  padding:22px;
  box-shadow:0 10px 30px rgba(10,30,70,.06);
  overflow:hidden;
}
.rxr-service-icon{
  width:74px;
  height:74px;
  border-radius:16px;
  background:#dcebff;
  color:var(--blue);
  display:grid;
  place-items:center;
  font-size:34px;
  margin-bottom:12px;
}
.rxr-service-card h3{
  margin:0 0 6px;
  font-size:25px;
  color:#07111f;
}
.rxr-service-card h3 span{color:var(--blue)}
.rxr-service-card p{
  margin:0 0 24px;
  color:#192333;
  line-height:1.5;
}
.rxr-tags{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  color:#344054;
  font-size:14px;
  margin-bottom:18px;
}
.rxr-tags span:before{
  content:"♙";
  color:var(--blue);
  font-weight:900;
  margin-right:6px;
}
.rxr-card-btn{
  display:inline-flex;
  background:var(--blue);
  color:#fff;
  border-radius:7px;
  padding:12px 22px;
  font-weight:900;
}
.rxr-service-img{
  height:170px;
  object-fit:contain;
  width:100%;
}

/* Stats */
.rxr-stats{
  padding:32px 0 44px;
  background:#020b18;
}
.rxr-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}
.rxr-stat{
  display:flex;
  align-items:center;
  gap:18px;
  border-right:1px solid rgba(255,255,255,.14);
  justify-content:center;
}
.rxr-stat:last-child{border-right:0}
.rxr-stat-icon{
  width:60px;
  height:60px;
  border-radius:50%;
  background:#082e72;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:25px;
}
.rxr-stat b{
  display:block;
  font-size:28px;
  line-height:1;
}
.rxr-stat span{
  color:#d3deef;
  font-size:15px;
}

/* Content sections */
.rxr-info{
  background:#f6f9ff;
  color:#07111f;
  padding:80px 0;
}
.rxr-info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
}
.rxr-info-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:18px;
  padding:30px;
  box-shadow:0 16px 40px rgba(10,30,70,.08);
}
.rxr-info-card h2{
  margin:0 0 10px;
  font-size:34px;
}
.rxr-info-card p{
  color:#4b5a70;
  margin:0 0 18px;
}
.rxr-list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:12px;
}
.rxr-list li:before{
  content:"✓";
  color:var(--blue);
  font-weight:950;
  margin-right:9px;
}
.rxr-footer{
  background:#020b18;
  color:#dce7f7;
  padding:34px 0;
  text-align:center;
}
.rxr-footer img{
  height:58px;
  margin-bottom:12px;
}
.rxr-footer p{
  margin:6px 0;
}

/* Responsive */
@media(max-width:1050px){
  .rxr-menu{display:none}
  .rxr-contact{gap:12px}
  .rxr-phone{display:none}
  .rxr-service-card{grid-template-columns:1fr}
  .rxr-service-img{height:140px}
}
@media(max-width:820px){
  .rxr-nav{height:auto; padding:12px 0}
  .rxr-logo img{height:56px}
  .rxr-contact .rxr-btn{padding:12px 16px;font-size:14px}
  .rxr-hero{
    min-height:auto;
    background:
      linear-gradient(90deg, rgba(2,11,24,.98), rgba(2,11,24,.72)),
      url('assets/hero-dhaka-ride.jpg') center/cover no-repeat;
  }
  .rxr-hero-inner{padding:48px 0 70px}
  .rxr-features{display:grid;grid-template-columns:1fr;gap:16px}
  .rxr-service-grid,.rxr-stats-grid,.rxr-info-grid{grid-template-columns:1fr}
  .rxr-services{padding:24px 18px}
  .rxr-stat{border-right:0; justify-content:flex-start}
}