/* Custom theme overrides — applied after other styles */
:root{
  --color-accent: #00B4D8; /* cyan */
  --color-accent-dark: #0088AA;
  --color-accent-2: #6C5CE7; /* indigo */
  --color-accent-2-dark: #4737B5;
  --color-accent-light: #8FD9F0;
  --color-surface: #071021; /* deep navy */
  --color-on-accent: #ffffff;
  --color-muted: rgba(255,255,255,.75);
  --hero-overlay-start: rgba(7,16,33,0.45);
  --hero-overlay-end: rgba(0,0,0,0.65);
}

/* Page background */
.section-dark{background:var(--color-surface)!important}

/* Hero */
#section-hero .sw-overlay{background:linear-gradient(180deg,var(--hero-overlay-start),var(--hero-overlay-end))!important}
#section-hero .hero-title,#section-hero .hero-lead{color:#ffffff!important;text-shadow:0 6px 22px rgba(0,0,0,.6)}
#section-hero .subtitle{color:var(--color-accent-light)!important}

/* Buttons and badges */
.badge.bg-accent{background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2))!important;color:var(--color-on-accent)!important;border:none!important;box-shadow:0 8px 30px rgba(0,0,0,.45)}
.btn-main{background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2))!important;color:var(--color-on-accent)!important;border:none!important;box-shadow:0 10px 36px rgba(0,0,0,.42);transition:transform .18s ease,box-shadow .18s ease}
.btn-main:hover,.btn-main:focus{transform:translateY(-3px);box-shadow:0 20px 48px rgba(0,0,0,.5)}
.btn-outline-light{color:var(--color-accent-light)!important;border-color:rgba(255,255,255,.08)!important}

/* Hero card */
.hero-card-upgrade{background:linear-gradient(135deg,rgba(0,180,216,0.06),rgba(108,92,231,0.04));border-left:4px solid rgba(0,180,216,0.10)}
.hero-card-upgrade::after{background:linear-gradient(90deg,rgba(108,92,231,0.06),rgba(0,180,216,0.04))}

/* Swiper pagination & controls */
.swiper-pagination-bullet-active{background:var(--color-accent)!important}
.swiper-button-prev,.swiper-button-next{color:var(--color-accent-light)!important}

/* Focus and accessibility */
:focus{outline:3px solid rgba(0,180,216,.16)!important;outline-offset:3px}

/* Minor tweaks */
.hero-features li{color:var(--color-muted)!important}

/* Service cards and decorative separators */
.service-card .subtitle{color:var(--color-accent-light)!important}
.service-card h4::after{background:linear-gradient(90deg,var(--color-accent-light),var(--color-accent-2-dark))!important}

/* Headings separators and hero subtitle */
.hero-banner .subtitle{color:var(--color-accent-light)!important}
#section-services h2::after,#section-packages h2::after{background:linear-gradient(90deg,var(--color-accent-light),var(--color-accent-2))!important}

@media (max-width:767px){
  #section-hero .hero-title{font-size:1.6rem!important}
}

/* Accordion accessibility & behavior */
.accordion .accordion-section-title{cursor:pointer;padding:.6rem 0;font-weight:700}
.accordion .accordion-section-title:focus{outline:3px solid rgba(0,180,216,.12);outline-offset:3px}
.accordion .accordion-section-content{display:none;padding-top:.5rem;color:var(--color-muted)}
.accordion .accordion-section-title.active + .accordion-section-content{display:block}

/* Testimonials — theme-aligned */
.testimonial{background:linear-gradient(180deg,rgba(255,255,255,0.01),rgba(0,0,0,0.02))!important;border-left:none!important;box-shadow:0 8px 24px rgba(0,0,0,.45);color:#dff9fb!important}
.testimonial p{color:#d7eef1!important;font-size:1.02rem}
.testimonial strong{color:var(--color-accent-2-dark)!important}
.testimonial small{color:var(--color-muted)!important}

/* Owl carousel dots */
.testimonials-carousel .owl-dot{opacity:.7}
.testimonials-carousel .owl-dot span{background:rgba(255,255,255,.12)!important}
.testimonials-carousel .owl-dot.active span{background:var(--color-accent)!important}

@media (max-width:767px){
  .testimonial{padding:1rem!important}
}


