/* ==========================================================================
   Marrakech Travel — Luxury Dark & Burgundy Theme
   ========================================================================== */

:root{
  --cv-black:#120a15;
  --cv-dark:#1d1220;
  --cv-dark-2:#28182c;
  --cv-gold:#9c3d6e;
  --cv-gold-light:#c96f97;
  --cv-gold-deep:#6b2249;
  --cv-cream:#f0e6ec;
  --cv-white:#ffffff;
  --cv-muted:#a89aa3;
  --cv-green:#2f5d4c;
  --cv-radius:14px;
  --cv-font-head:'Cormorant Garamond', serif;
  --cv-font-body:'Jost', sans-serif;
  --cv-shadow: 0 20px 50px rgba(0,0,0,.35);
}

*{box-sizing:border-box;}

body.cv-body{
  font-family:var(--cv-font-body);
  color:var(--cv-cream);
  background:var(--cv-black);
  overflow-x:hidden;
}

h1,h2,h3,h4,h5,.cv-serif{
  font-family:var(--cv-font-head);
  font-weight:600;
  color:var(--cv-white);
  letter-spacing:.3px;
}

a{ text-decoration:none; color:inherit; transition:.25s ease; }
img{ max-width:100%; display:block; }

.cv-gold-text{ color:var(--cv-gold); }
section{ position:relative; }

/* ---------------- Buttons (v2: angular-cut corners instead of full pill) ---------------- */
.btn-cv-gold{
  background:linear-gradient(135deg,var(--cv-gold-light),var(--cv-gold-deep));
  color:var(--cv-white) !important;
  border:none;
  padding:13px 30px;
  clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
  font-weight:600;
  letter-spacing:.4px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  transition:.3s ease;
  position:relative;
}
.btn-cv-gold:hover{ transform:translateY(-2px); filter:brightness(1.08); color:var(--cv-white) !important; }

.btn-cv-outline{
  border:1.5px solid var(--cv-gold);
  color:var(--cv-gold) !important;
  padding:12px 29px;
  clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
  font-weight:600;
  letter-spacing:.4px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:transparent;
  transition:.3s ease;
}
.btn-cv-outline:hover{ background:var(--cv-gold); color:var(--cv-white) !important; }

/* ---------------- Topbar ---------------- */
.topbar{
  background:var(--cv-black);
  border-bottom:1px solid rgba(156,61,110,.18);
  padding:9px 0;
  font-size:.82rem;
  color:var(--cv-muted);
}
.topbar-info span{ margin-right:26px; }
.topbar-info i{ color:var(--cv-gold); margin-right:6px; }
.topbar-info a{ color:var(--cv-muted); }
.topbar-info a:hover{ color:var(--cv-gold); }
.topbar-social a{ color:var(--cv-muted); margin-left:16px; font-size:.95rem; }
.topbar-social a:hover{ color:var(--cv-gold); }

/* ---------------- Header (v3: logo | nav | lang+phone+CTA in one row) ---------------- */
.cv-header{
  background:var(--cv-black);
  position:sticky;
  top:0;
  z-index:1000;
  padding:0;
  border-bottom:1px solid rgba(156,61,110,.18);
}
.cv-header-row1{
  padding:14px 0;
}
.cv-header-row1 .container{ gap:24px; }
.cv-logo{ flex-shrink:0; }
.cv-logo img{ max-height:48px; }
.cv-logo-text{
  font-family:var(--cv-font-head);
  font-size:1.8rem;
  font-weight:700;
  color:var(--cv-white);
}
.cv-logo-text::first-letter{ color:var(--cv-gold); }

/* Center nav */
.cv-nav{ flex:1; display:flex; justify-content:center; }
.cv-nav ul{ display:flex; gap:4px; list-style:none; margin:0; padding:0; align-items:center; }
.cv-nav a{
  color:var(--cv-cream);
  font-size:.84rem;
  font-weight:500;
  letter-spacing:.6px;
  text-transform:uppercase;
  padding:10px 16px;
  display:inline-block;
  border-bottom:2px solid transparent;
  white-space:nowrap;
}
.cv-nav li.active a, .cv-nav a:hover{ color:var(--cv-gold); border-color:var(--cv-gold); }

/* Right cluster: lang + phone + CTA */
.cv-header-actions{ gap:16px; flex-shrink:0; }
.cv-phone{ color:var(--cv-cream); font-weight:500; font-size:.88rem; align-items:center; gap:7px; white-space:nowrap; }
.cv-phone i{ color:var(--cv-gold); animation: cvRing 2.4s ease-in-out infinite; display:inline-block; }
@keyframes cvRing{ 0%,100%{ transform:rotate(0);} 10%{ transform:rotate(-15deg);} 20%{ transform:rotate(12deg);} 30%{ transform:rotate(-10deg);} 40%{ transform:rotate(6deg);} 50%{ transform:rotate(0);} }

.cv-lang-switch .cv-lang-btn{
  background:linear-gradient(135deg,var(--cv-gold-light),var(--cv-gold-deep));
  border:none; color:var(--cv-white);
  font-size:.78rem; font-weight:700; letter-spacing:.5px; padding:8px 16px 8px 14px; border-radius:20px;
  white-space:nowrap; display:inline-flex; align-items:center; gap:6px;
}
.cv-lang-switch .cv-lang-btn:hover{ filter:brightness(1.08); color:var(--cv-white); }
.cv-lang-switch .cv-lang-btn::after{ filter:none; }
.cv-lang-menu{ background:var(--cv-dark-2); border:1px solid rgba(156,61,110,.3); min-width:120px; padding:6px; border-radius:10px; }
.cv-lang-menu .dropdown-item{ color:var(--cv-cream); font-size:.85rem; padding:9px 14px; border-radius:6px; font-weight:500; }
.cv-lang-menu .dropdown-item:hover{ background:rgba(156,61,110,.14); color:var(--cv-gold); }
.cv-lang-menu .dropdown-item.active{ background:linear-gradient(135deg,var(--cv-gold-light),var(--cv-gold-deep)); color:var(--cv-white); font-weight:700; }

.cv-header-actions .btn-cv-gold{ padding:11px 22px; font-size:.85rem; }

/* Burger (mobile) */
.cv-burger{ width:38px; height:32px; background:none; border:none; display:flex; flex-direction:column; justify-content:space-between; padding:4px 0; }
.cv-burger span{ display:block; height:2px; width:100%; background:var(--cv-gold); border-radius:2px; transition:.3s ease; }
.cv-burger.open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.cv-burger.open span:nth-child(2){ opacity:0; }
.cv-burger.open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

/* Mobile dropdown panel: nav, CTA, then all languages in a single row */
.cv-mobile-nav{
  max-height:0; overflow:hidden; transition:max-height .35s ease;
  background:var(--cv-dark);
  border-top:1px solid rgba(156,61,110,.12);
}
.cv-mobile-nav.open{ max-height:600px; }
.cv-mobile-nav ul{ list-style:none; margin:0; padding:14px 24px 0; }
.cv-mobile-nav li{ border-bottom:1px solid rgba(255,255,255,.06); }
.cv-mobile-nav a{ display:block; padding:13px 0; color:var(--cv-cream); font-weight:500; text-transform:uppercase; font-size:.9rem; }
.cv-mobile-nav li.active a{ color:var(--cv-gold); }
.cv-mobile-nav > .btn-cv-gold{ margin-left:24px; margin-right:24px; width:calc(100% - 48px); justify-content:center; }
.cv-mobile-lang{
  display:flex; gap:10px; justify-content:center; padding:18px 24px 22px;
}
.cv-mobile-lang .cv-lang-btn{
  flex:1; text-align:center; justify-content:center;
  border:1.5px solid rgba(156,61,110,.4); color:var(--cv-gold); background:transparent;
  border-radius:20px; padding:9px 0; font-size:.8rem; font-weight:700; letter-spacing:.5px;
}
.cv-mobile-lang .cv-lang-btn.active{
  background:linear-gradient(135deg,var(--cv-gold-light),var(--cv-gold-deep));
  color:var(--cv-white); border-color:transparent;
}

/* ---------------- Destinations text ticker (used above the image marquee on the homepage) ---------------- */
.cv-marquee{
  background:var(--cv-dark); border-top:1px solid rgba(156,61,110,.15); border-bottom:1px solid rgba(156,61,110,.15);
  overflow:hidden; white-space:nowrap; padding:16px 0;
}
.cv-marquee-track{ display:inline-flex; animation:cvMarquee 32s linear infinite; }
.cv-marquee-track span{ color:var(--cv-muted); font-size:.85rem; text-transform:uppercase; letter-spacing:2px; margin:0 30px; display:inline-flex; align-items:center; gap:10px; }
.cv-marquee-track span i{ color:var(--cv-gold); }
@keyframes cvMarquee{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} }

/* ---------------- Destinations image marquee (auto-scroll cards) ---------------- */
.cv-dest-marquee-wrap{ padding:90px 0 100px; background:var(--cv-black); overflow:hidden; }
.cv-dest-marquee{
  overflow:hidden; position:relative; -webkit-mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.cv-dest-track{ display:inline-flex; gap:22px; animation:cvDestMarquee 45s linear infinite; }
.cv-dest-marquee:hover .cv-dest-track{ animation-play-state:paused; }
.cv-dest-card{
  position:relative; flex:0 0 260px; height:320px; border-radius:6px 34px 6px 34px; overflow:hidden;
  border:1px solid rgba(156,61,110,.2); display:block;
}
.cv-dest-card img{ width:100%; height:100%; object-fit:cover; transition:.6s ease; }
.cv-dest-card:hover img{ transform:scale(1.08); }
.cv-dest-card::after{
  content:''; position:absolute; inset:0; background:linear-gradient(180deg, transparent 40%, rgba(18,10,21,.92) 100%);
}
.cv-dest-name{
  position:absolute; left:18px; bottom:16px; z-index:2; color:var(--cv-white); font-family:var(--cv-font-head);
  font-size:1.3rem; font-weight:600; display:flex; align-items:center; gap:8px;
}
.cv-dest-name i{ color:var(--cv-gold); font-size:1rem; }
@keyframes cvDestMarquee{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} }
@media (max-width:767px){
  .cv-dest-card{ flex:0 0 200px; height:250px; }
  .cv-dest-marquee-wrap{ padding:60px 0 70px; }
}

/* ---------------- Hero (v2: split screen) ---------------- */
.cv-hero{
  min-height:auto;
  padding:70px 0 90px;
  display:block;
  background:var(--cv-black);
  position:relative;
  overflow:hidden;
}
.cv-hero::after{
  content:''; position:absolute; inset:0;
  background:radial-gradient(circle at 85% 15%, rgba(156,61,110,.10), transparent 45%);
  pointer-events:none;
}
.cv-hero-media{ position:relative; }
.cv-hero-media img{
  border-radius:6px 40px 6px 40px;
  width:100%; height:480px; object-fit:cover;
  border:1px solid rgba(156,61,110,.25);
  animation: cvFloat 5s ease-in-out infinite;
}
@keyframes cvFloat{ 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(-14px);} }
.cv-hero-float-badge{
  position:absolute; bottom:-24px; left:-24px; background:var(--cv-gold); color:var(--cv-white);
  padding:20px 26px; border-radius:6px 20px 6px 20px; box-shadow:var(--cv-shadow); text-align:center;
}
.cv-hero-float-badge .num{ font-family:var(--cv-font-head); font-size:1.8rem; font-weight:700; line-height:1; }
.cv-hero-float-badge .lbl{ font-size:.7rem; text-transform:uppercase; letter-spacing:1px; font-weight:600; }
.cv-hero-eyebrow{
  color:var(--cv-gold); text-transform:uppercase; letter-spacing:3px; font-size:.85rem; font-weight:600;
  display:inline-flex; align-items:center; gap:12px;
}
.cv-hero-eyebrow::before{ content:''; width:36px; height:1px; background:var(--cv-gold); display:inline-block; }
.cv-hero h1{
  font-size:clamp(2.4rem, 5vw, 4.2rem);
  line-height:1.1;
  margin:18px 0 22px;
}
.cv-hero p{ color:var(--cv-muted); font-size:1.08rem; max-width:560px; margin-bottom:32px; }
.cv-hero-actions{ display:flex; gap:16px; flex-wrap:wrap; }

.cv-hero-stats{
  display:flex; gap:40px; margin-top:60px; flex-wrap:wrap;
}
.cv-hero-stats .num{ font-family:var(--cv-font-head); font-size:2.2rem; color:var(--cv-gold); font-weight:700; }
.cv-hero-stats .lbl{ color:var(--cv-muted); font-size:.82rem; text-transform:uppercase; letter-spacing:1px; }

/* ---------------- Section head ---------------- */
.cv-eyebrow{
  color:var(--cv-gold); text-transform:uppercase; letter-spacing:3px; font-size:.82rem; font-weight:600;
  display:inline-flex; align-items:center; gap:12px; margin-bottom:14px;
}
.cv-eyebrow::before{ content:''; width:30px; height:1px; background:var(--cv-gold); }
.cv-section-title{ font-size:clamp(1.9rem,3.4vw,2.7rem); margin-bottom:0; }
.cv-section{ padding:100px 0; }
.cv-section.bg-alt{ background:var(--cv-dark); }
.cv-muted-text{ color:var(--cv-muted); }

/* ---------------- About ---------------- */
.cv-about-media{ position:relative; border-radius:var(--cv-radius); overflow:hidden; }
.cv-about-media img{ border-radius:var(--cv-radius); }
.cv-about-badge{
  position:absolute; bottom:-30px; right:-20px; background:var(--cv-gold); color:var(--cv-white);
  padding:22px 28px; border-radius:var(--cv-radius); text-align:center; box-shadow:var(--cv-shadow);
}
.cv-about-badge .num{ font-family:var(--cv-font-head); font-size:2rem; font-weight:700; line-height:1; }
.cv-about-badge .lbl{ font-size:.75rem; text-transform:uppercase; letter-spacing:1px; font-weight:600; }
.cv-check-list{ list-style:none; margin:26px 0; padding:0; }
.cv-check-list li{ padding:8px 0; color:var(--cv-cream); display:flex; gap:10px; align-items:flex-start; }
.cv-check-list i{ color:var(--cv-gold); margin-top:4px; }

/* ---------------- Tour cards (v2: angular mixed-corner + accent bar) ---------------- */
.cv-tour-card{
  background:var(--cv-dark-2);
  border-radius:4px 28px 4px 28px;
  overflow:hidden;
  border:1px solid rgba(156,61,110,.1);
  border-top:3px solid var(--cv-gold);
  transition:.35s ease;
  height:100%;
}
.cv-tour-card:hover{ transform:translateY(-8px); box-shadow:var(--cv-shadow); border-color:rgba(156,61,110,.4); }
.cv-tour-media{ position:relative; height:230px; overflow:hidden; }
.cv-tour-media img{ width:100%; height:100%; object-fit:cover; transition:.5s ease; }
.cv-tour-card:hover .cv-tour-media img{ transform:scale(1.08) rotate(1deg); }
.cv-tour-badge{
  position:absolute; top:16px; left:0; background:var(--cv-gold); color:var(--cv-white);
  font-size:.72rem; font-weight:700; text-transform:uppercase; padding:5px 14px 5px 12px; letter-spacing:.5px;
  clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%);
}
.cv-tour-price{
  position:absolute; bottom:16px; right:0; background:rgba(18,10,21,.9); color:var(--cv-gold);
  padding:6px 16px 6px 20px; font-weight:700; font-size:.95rem; backdrop-filter:blur(4px);
  clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%);
}
.cv-tour-body{ padding:24px; }
.cv-tour-meta{ display:flex; gap:16px; color:var(--cv-muted); font-size:.82rem; margin-bottom:12px; flex-wrap:wrap; }
.cv-tour-meta span{ display:inline-flex; align-items:center; gap:6px; }
.cv-tour-meta i{ color:var(--cv-gold); }
.cv-tour-body h3{ font-size:1.35rem; margin-bottom:10px; }
.cv-tour-body h3 a{ color:var(--cv-white); }
.cv-tour-body h3 a:hover{ color:var(--cv-gold); }
.cv-tour-body p{ color:var(--cv-muted); font-size:.92rem; margin-bottom:18px; }
.cv-tour-footer{ display:flex; justify-content:space-between; align-items:center; padding-top:16px; border-top:1px solid rgba(255,255,255,.06); }
.cv-tour-footer a{ color:var(--cv-gold); font-weight:600; font-size:.88rem; display:inline-flex; align-items:center; gap:6px; }

/* ---------------- Why us ---------------- */
.cv-feature{
  background:var(--cv-dark-2); border:1px solid rgba(156,61,110,.1); border-radius:var(--cv-radius);
  padding:34px 28px; height:100%; transition:.3s ease;
}
.cv-feature:hover{ border-color:var(--cv-gold); transform:translateY(-6px); }
.cv-feature .icon{
  width:60px; height:60px; border-radius:50%; background:linear-gradient(135deg,var(--cv-gold-light),var(--cv-gold-deep));
  display:flex; align-items:center; justify-content:center; font-size:1.5rem; color:var(--cv-white); margin-bottom:22px;
}
.cv-feature h4{ font-size:1.15rem; margin-bottom:10px; }
.cv-feature p{ color:var(--cv-muted); font-size:.9rem; margin-bottom:0; }

/* ---------------- Testimonials / Reviews ---------------- */
.cv-review-card{
  background:var(--cv-dark-2); border:1px solid rgba(156,61,110,.12); border-radius:var(--cv-radius);
  padding:30px; height:100%; display:flex; flex-direction:column;
}
.cv-review-card .stars{ color:var(--cv-gold); margin-bottom:16px; font-size:.9rem; }
.cv-review-card p.text{ color:var(--cv-cream); font-style:italic; flex-grow:1; }
.cv-review-author{ display:flex; align-items:center; gap:12px; margin-top:20px; }
.cv-review-author img{ width:46px; height:46px; border-radius:50%; object-fit:cover; }
.cv-review-author h6{ margin:0; color:var(--cv-white); font-size:.95rem; }
.cv-review-author span{ color:var(--cv-muted); font-size:.78rem; }

/* ---------------- Blog ---------------- */
.cv-blog-card{ background:var(--cv-dark-2); border-radius:var(--cv-radius); overflow:hidden; border:1px solid rgba(156,61,110,.1); height:100%; transition:.3s; }
.cv-blog-card:hover{ transform:translateY(-6px); border-color:var(--cv-gold); }
.cv-blog-media{ height:210px; overflow:hidden; }
.cv-blog-media img{ width:100%; height:100%; object-fit:cover; }
.cv-blog-body{ padding:24px; }
.cv-blog-meta{ color:var(--cv-gold); font-size:.78rem; text-transform:uppercase; letter-spacing:1px; margin-bottom:10px; }
.cv-blog-body h3{ font-size:1.2rem; margin-bottom:10px; }
.cv-blog-body h3 a{ color:var(--cv-white); }
.cv-blog-body h3 a:hover{ color:var(--cv-gold); }
.cv-blog-body p{ color:var(--cv-muted); font-size:.9rem; }

/* ---------------- CTA banner ---------------- */
.cv-cta{
  background:linear-gradient(135deg, var(--cv-dark-2), var(--cv-black));
  border-top:1px solid rgba(156,61,110,.15);
  border-bottom:1px solid rgba(156,61,110,.15);
  padding:70px 0;
}
.cv-cta h2{ font-size:clamp(1.6rem,3vw,2.3rem); }

.cv-footer-cta{
  background:linear-gradient(135deg,var(--cv-gold-deep),var(--cv-gold));
  padding:50px 0;
}
.cv-footer-cta h2{ color:var(--cv-white); font-size:clamp(1.5rem,2.8vw,2.1rem); margin-bottom:8px;}
.cv-footer-cta p{ color:rgba(18,10,21,.75); }
.cv-footer-cta .btn-cv-gold{ background:var(--cv-black); color:var(--cv-gold) !important; box-shadow:none; }
.cv-footer-cta .btn-cv-gold:hover{ background:#000; color:var(--cv-gold-light) !important; }

/* ---------------- Footer ---------------- */
.cv-footer{ background:var(--cv-black); padding:70px 0 24px; border-top:1px solid rgba(156,61,110,.1); }
.cv-footer-title{ color:var(--cv-gold); text-transform:uppercase; letter-spacing:1px; font-size:.85rem; margin-bottom:20px; }
.cv-footer-links{ list-style:none; padding:0; margin:0; }
.cv-footer-links li{ margin-bottom:12px; color:var(--cv-muted); font-size:.9rem; }
.cv-footer-links a{ color:var(--cv-muted); }
.cv-footer-links a:hover{ color:var(--cv-gold); }
.cv-footer-links i{ color:var(--cv-gold); margin-right:6px; }
.text-muted-cv{ color:var(--cv-muted); font-size:.9rem; }
.cv-social{ display:flex; gap:12px; margin-top:18px; }
.cv-social a{
  width:38px; height:38px; border-radius:50%; border:1px solid rgba(156,61,110,.3);
  display:flex; align-items:center; justify-content:center; color:var(--cv-gold);
}
.cv-social a:hover{ background:var(--cv-gold); color:var(--cv-white); }
.cv-social a .cv-icon-img{ width:18px; height:18px; object-fit:contain; }
.topbar-social .cv-icon-img{ width:15px; height:15px; object-fit:contain; vertical-align:-2px; }
.cv-footer-hr{ border-color:rgba(255,255,255,.08); margin:40px 0 20px; }
.cv-footer-bottom{ color:var(--cv-muted); font-size:.82rem; }

.cv-whatsapp-float{
  position:fixed; bottom:26px; right:26px; width:58px; height:58px; background:#25D366; color:#fff;
  border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.6rem; z-index:999;
  box-shadow:0 10px 25px rgba(0,0,0,.35);
}
.cv-scrolltop{
  position:fixed; bottom:26px; right:96px; width:44px; height:44px; background:var(--cv-gold); color:var(--cv-white);
  border-radius:50%; border:none; display:none; align-items:center; justify-content:center; z-index:999;
}
.cv-scrolltop.show{ display:flex; }

/* ---------------- Page banner ---------------- */
.cv-page-banner{
  padding:170px 0 90px;
  background:linear-gradient(180deg, rgba(18,10,21,.6), rgba(18,10,21,.94)), var(--cv-banner-img, linear-gradient(135deg,#28182c,#120a15));
  background-size:cover; background-position:center;
  text-align:center;
}
.cv-page-banner h1{ font-size:clamp(2.2rem,4vw,3.2rem); margin-bottom:14px; }
.cv-breadcrumb{ color:var(--cv-muted); font-size:.9rem; }
.cv-breadcrumb a{ color:var(--cv-gold); }

/* ---------------- Forms ---------------- */
.cv-form-control{
  background:var(--cv-dark-2); border:1px solid rgba(255,255,255,.12); color:var(--cv-cream);
  border-radius:10px; padding:14px 16px; width:100%; font-family:var(--cv-font-body);
}
.cv-form-control:focus{ outline:none; border-color:var(--cv-gold); background:var(--cv-dark-2); color:var(--cv-cream); box-shadow:0 0 0 3px rgba(156,61,110,.15); }
.cv-form-control::placeholder{ color:var(--cv-muted); }
label.cv-label{ color:var(--cv-muted); font-size:.85rem; margin-bottom:8px; display:block; }
.cv-form-box{ background:var(--cv-dark-2); border:1px solid rgba(156,61,110,.15); border-radius:var(--cv-radius); padding:36px; }
.cv-alert-success{ background:rgba(47,93,76,.2); border:1px solid var(--cv-green); color:#7ddba7; padding:14px 18px; border-radius:10px; margin-bottom:18px; }
.cv-alert-error{ background:rgba(180,40,40,.15); border:1px solid #b42828; color:#ff8080; padding:14px 18px; border-radius:10px; margin-bottom:18px; }

/* ---------------- Tour detail ---------------- */
.cv-itinerary-item{ display:flex; gap:22px; padding-bottom:34px; position:relative; }
.cv-itinerary-item::before{
  content:''; position:absolute; left:23px; top:50px; bottom:-4px; width:1px; background:rgba(156,61,110,.25);
}
.cv-itinerary-item:last-child::before{ display:none; }
.cv-itinerary-day{
  min-width:48px; height:48px; border-radius:50%; background:linear-gradient(135deg,var(--cv-gold-light),var(--cv-gold-deep));
  color:var(--cv-white); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:.95rem; flex-shrink:0;
}
.cv-itinerary-content h5{ margin-bottom:8px; font-size:1.1rem; }
.cv-itinerary-content p{ color:var(--cv-muted); font-size:.92rem; margin-bottom:0; }

.cv-sidebar-box{ background:var(--cv-dark-2); border:1px solid rgba(156,61,110,.15); border-radius:var(--cv-radius); padding:28px; }
.cv-price-tag{ font-family:var(--cv-font-head); font-size:2.2rem; color:var(--cv-gold); font-weight:700; }
.cv-price-tag small{ font-family:var(--cv-font-body); font-size:.85rem; color:var(--cv-muted); }

.cv-gallery-grid img{ border-radius:10px; height:130px; width:100%; object-fit:cover; }

/* ---------------- FAQ accordion — tour detail page: GOLD background, BLACK text ---------------- */
.cv-faq-accordion .accordion-item{ background:linear-gradient(135deg,var(--cv-gold-light),var(--cv-gold-deep)); border:1px solid rgba(0,0,0,.15); border-radius:10px !important; margin-bottom:12px; overflow:hidden; }
.cv-faq-accordion .accordion-button{ background:transparent; color:var(--cv-white); font-weight:700; font-size:.98rem; box-shadow:none; }
.cv-faq-accordion .accordion-button:not(.collapsed){ background:rgba(0,0,0,.15); color:var(--cv-white); }
.cv-faq-accordion .accordion-button:focus{ box-shadow:none; border-color:rgba(255,255,255,.2); }
.cv-faq-accordion .accordion-button::after{ filter:invert(1) brightness(2); }
.cv-faq-accordion .accordion-body{ color:#fdf2f7; font-size:.92rem; background:rgba(0,0,0,.15); font-weight:500; }

/* ---------------- Category cards (Explore Our Categories) ---------------- */
.cv-cat-card{ position:relative; display:block; height:280px; border-radius:6px 30px 6px 30px; overflow:hidden; border:1px solid rgba(156,61,110,.2); }
.cv-cat-card img{ width:100%; height:100%; object-fit:cover; transition:.6s ease; }
.cv-cat-card:hover img{ transform:scale(1.08); }
.cv-cat-card::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg, transparent 30%, rgba(18,10,21,.95) 100%); }
.cv-cat-overlay{ position:absolute; left:0; right:0; bottom:0; z-index:2; padding:20px; }
.cv-cat-name{ color:var(--cv-white); font-family:var(--cv-font-head); font-size:1.35rem; font-weight:600; margin-bottom:12px; display:flex; align-items:center; gap:10px; }
.cv-cat-name i{ color:var(--cv-gold); }

/* ---------------- Booking process steps (4 easy steps) ---------------- */
.cv-steps-row{ display:flex; align-items:flex-start; gap:0; flex-wrap:wrap; justify-content:center; }
.cv-step-card{
  flex:1 1 220px; max-width:260px; background:var(--cv-dark-2); border:1px solid rgba(156,61,110,.15);
  border-radius:14px; padding:30px 22px; text-align:center; position:relative;
}
.cv-step-num{
  position:absolute; top:-16px; left:50%; transform:translateX(-50%);
  width:34px; height:34px; border-radius:50%; background:linear-gradient(135deg,var(--cv-gold-light),var(--cv-gold-deep));
  color:var(--cv-white); font-weight:700; display:flex; align-items:center; justify-content:center; font-size:.95rem;
}
.cv-step-icon{ width:56px; height:56px; margin:14px auto 16px; border-radius:14px; background:rgba(156,61,110,.12); display:flex; align-items:center; justify-content:center; font-size:1.5rem; color:var(--cv-gold); }
.cv-step-card h4{ color:var(--cv-white); font-size:1.05rem; margin-bottom:8px; }
.cv-step-card p{ color:var(--cv-muted); font-size:.85rem; margin:0; }
.cv-step-connector{ flex:0 0 40px; height:1px; border-top:2px dashed rgba(156,61,110,.3); align-self:center; margin-top:-40px; }
@media (max-width:991px){ .cv-step-connector{ display:none; } .cv-steps-row{ gap:20px; } }

/* ---------------- Homepage FAQ: GOLD text on BLACK/dark background ---------------- */
.cv-home-faq-section{ background:var(--cv-black); }
.cv-faq-media{ width:100%; border-radius:6px 30px 6px 30px; border:1px solid rgba(156,61,110,.2); max-height:260px; object-fit:cover; }
.cv-home-faq-accordion .accordion-item{ background:var(--cv-dark-2); border:1px solid rgba(156,61,110,.18); border-radius:10px !important; margin-bottom:12px; overflow:hidden; }
.cv-home-faq-accordion .accordion-button{ background:var(--cv-dark-2); color:var(--cv-gold-light); font-weight:600; font-size:.96rem; box-shadow:none; gap:12px; }
.cv-home-faq-accordion .accordion-button:not(.collapsed){ background:rgba(156,61,110,.1); color:var(--cv-gold); }
.cv-home-faq-accordion .accordion-button:focus{ box-shadow:none; border-color:rgba(156,61,110,.2); }
.cv-home-faq-accordion .accordion-button::after{ filter:invert(72%) sepia(28%) saturate(500%) hue-rotate(3deg) brightness(95%); }
.cv-home-faq-accordion .accordion-body{ color:var(--cv-muted); font-size:.9rem; background:var(--cv-dark-2); }
.cv-faq-num{
  display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:50%;
  background:linear-gradient(135deg,var(--cv-gold-light),var(--cv-gold-deep)); color:var(--cv-white); font-size:.78rem; font-weight:700; flex-shrink:0;
}

/* ---------------- Counters / Stats bar ---------------- */
.cv-stats-bar{ background:var(--cv-dark); padding:60px 0; border-top:1px solid rgba(156,61,110,.1); border-bottom:1px solid rgba(156,61,110,.1); }
.cv-stat{ text-align:center; }
.cv-stat .num{ font-family:var(--cv-font-head); font-size:2.6rem; color:var(--cv-gold); font-weight:700; }
.cv-stat .lbl{ color:var(--cv-muted); text-transform:uppercase; font-size:.8rem; letter-spacing:1px; }

/* ---------------- Utilities ---------------- */
.cv-swiper-nav{ display:flex; gap:12px; margin-top:26px; }
.cv-swiper-nav button{
  width:44px; height:44px; border-radius:50%; border:1px solid rgba(156,61,110,.35); background:transparent; color:var(--cv-gold);
}
.cv-swiper-nav button:hover{ background:var(--cv-gold); color:var(--cv-white); }

@media (max-width: 991px){
  .cv-section{ padding:70px 0; }
  .cv-page-banner{ padding:140px 0 60px; }
  .cv-about-badge{ position:static; margin-top:20px; display:inline-block; }
  .cv-hero-media{ margin-bottom:50px; }
}

/* ---------------- Newsletter bar (footer top) ---------------- */
.cv-newsletter{
  background:var(--cv-dark-2); border:1px solid rgba(156,61,110,.15);
  border-radius:4px 24px 4px 24px; padding:34px 40px; margin-top:-90px; position:relative; z-index:5;
}
.cv-newsletter h4{ margin-bottom:4px; }
.cv-newsletter p{ color:var(--cv-muted); font-size:.88rem; margin:0; }
.cv-newsletter form{ display:flex; gap:10px; }
.cv-newsletter input{ flex:1; }

/* ---------------- Extra scroll-reveal utility (used with AOS variety) ---------------- */
.cv-zoom-hover{ transition:.4s ease; }
.cv-zoom-hover:hover{ transform:scale(1.03); }