/* PriPass Design Override — Dark Theme Consistent */

/* ===== ROOT VARIABLES ===== */
:root {
  --cretech-base: #A855F7;
  --cretech-base-rgb: 168, 85, 247;
  --cretech-secondary: #C084FC;
  --pp-dark: #0a0a12;
  --pp-surface: #1A1A22;
  --pp-surface-light: #2A2A35;
  --pp-text: #A0A0B0;
  --pp-purple: #A855F7;
  --pp-purple-light: #C084FC;
  --pp-orange: #A855F7;
  --pp-orange-light: #C084FC;
}

/* ===== GLOBAL ===== */
body {
  background-color: var(--pp-dark) !important;
}

a {
  color: var(--pp-orange);
}

a:hover {
  color: var(--pp-orange-light);
}

/* ===== TOPBAR ===== */
.topbar {
  background-color: #0d0b14 !important;
  border-bottom: 1px solid rgba(168, 85, 247, 0.1);
}
.topbar__text {
  color: var(--pp-orange) !important;
}
.topbar__info li,
.topbar__info li a {
  color: rgba(255,255,255,0.6) !important;
}
.topbar__social li a {
  color: rgba(255,255,255,0.4) !important;
  transition: color 0.3s;
}
.topbar__social li a:hover {
  color: var(--pp-orange) !important;
}

/* ===== NAVBAR ===== */
.main-menu {
  background-color: var(--pp-surface) !important;
}
.sticky-header--cloned.sticky-fixed {
  background-color: var(--pp-surface) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important;
}
.main-menu .main-menu__list > li > a {
  color: rgba(255,255,255,0.8) !important;
}
.main-menu .main-menu__list > li.current > a,
.main-menu .main-menu__list > li:hover > a {
  color: var(--pp-orange) !important;
}
.main-menu .main-menu__list > li > a::before,
.main-menu .main-menu__list > li.current > a::before,
.main-menu .main-menu__list > li:hover > a::before {
  background-color: var(--pp-orange) !important;
}

/* Nav Login button */
.main-menu__right a[href*="login"]:hover {
  background: rgba(168,85,247,0.2) !important;
  border-color: rgba(168,85,247,0.6) !important;
  color: #fff !important;
}

/* Nav CTA (WhatsApp) */
.main-menu__cta span,
.main-menu__cta b {
  color: #fff !important;
}
.main-menu__cta i {
  color: var(--pp-orange) !important;
  transition: color 0.3s;
}
.main-menu__cta:hover i {
  color: var(--pp-orange-light) !important;
}

/* Mobile nav */
.mobile-nav__content {
  background-color: var(--pp-dark) !important;
}

/* ===== BUTTONS — Modern rounded ===== */
.thm-btn {
  background-color: var(--pp-orange) !important;
  border-radius: 12px !important;
  padding: 14px 32px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-size: 15px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 15px rgba(168, 85, 247, 0.3) !important;
}
.thm-btn::before {
  background-color: var(--pp-orange-light) !important;
  border-radius: 12px !important;
}
.thm-btn:hover {
  box-shadow: 0 6px 25px rgba(168, 85, 247, 0.45) !important;
  transform: translateY(-2px);
}
.thm-btn:hover::before {
  background-color: var(--pp-orange-light) !important;
}
.thm-btn--dark {
  background-color: var(--pp-surface-light) !important;
  box-shadow: none !important;
}
.thm-btn--dark::before {
  background-color: #3a3a4a !important;
}

/* ===== HERO SLIDER ===== */
.slider-one .slider-one__carousel .item::before {
  background: linear-gradient(135deg, rgba(10,10,18,0.85) 0%, rgba(10,10,18,0.92) 100%) !important;
}
.slider-one__floated-text {
  -webkit-text-stroke-color: rgba(168, 85, 247, 0.12) !important;
}
.slider-one__text {
  color: rgba(255,255,255,0.8) !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
}
.slider-one__title {
  color: #fff !important;
}

/* ===== SECTION TITLES ===== */
.section-title__tagline {
  color: var(--pp-orange) !important;
  font-weight: 600 !important;
}
.section-title__tagline::before,
.section-title__tagline::after {
  background-color: var(--pp-orange) !important;
}
.section-title__title {
  color: #8a8a98 !important;
}

/* ===== ALL SECTIONS — Dark background ===== */
.about-five {
  background-color: #111119 !important;
}
.service-four {
  background-color: var(--pp-dark) !important;
  background-image: none !important;
}
.project-one,
.about-three,
.cta-two {
  background-color: var(--pp-dark) !important;
}

/* Section text colors */
.about-five__text,
.about-five__box__text,
.about-three__text,
.about-three__list__text,
.service-card-two__text,
.project-card-one__subtitle {
  color: var(--pp-text) !important;
}

.about-five__box__title,
.about-three__list__title,
.service-card-two__title,
.service-card-two__title a,
.project-card-one__title,
.project-card-one__title a {
  color: #fff !important;
}

/* ===== ABOUT FIVE ===== */
.about-five__box__icon i {
  color: var(--pp-orange) !important;
}
.about-five__count {
  color: var(--pp-orange) !important;
}

/* ===== SERVICE CARDS ===== */
/* Altura FIXA nos cards do carousel — owl usa float layout e o flex stretching
   às vezes não cola, então usamos altura fixa para garantir 100% de igualdade.
   Title com min-height fixo pra alinhar o text na mesma linha entre todos os cards. */
.service-four__carousel .service-card-two {
  height: 320px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  box-sizing: border-box !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  padding-bottom: 32px !important;
}
.service-four__carousel .service-card-two__title {
  min-height: 2.6em !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 12px !important;
}
.service-four__carousel .service-card-two__text {
  margin: 0 !important;
}
.service-card-two {
  background-color: var(--pp-surface) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 16px !important;
  transition: all 0.3s ease !important;
}
.service-card-two:hover {
  border-color: var(--pp-orange) !important;
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(168, 85, 247, 0.15) !important;
}
.service-card-two {
  text-align: center !important;
  padding-top: 40px !important;
}
.service-card-two__icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 90px !important;
  height: 90px !important;
  border-radius: 50% !important;
  background: rgba(168, 85, 247, 0.1) !important;
  box-shadow: none !important;
  margin: 0 auto 20px !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
}
.service-card-two__icon i {
  color: var(--pp-orange) !important;
  opacity: 0.7;
  font-size: 38px !important;
  line-height: 1 !important;
}
.service-card-two__icon::before,
.service-card-two__icon::after,
.service-card-two::before,
.service-card-two::after,
.service-four .service-card-two::before {
  display: none !important;
  content: none !important;
  background-image: none !important;
}
.service-card-two__icon span,
.service-card-two__icon .service-card-two__icon-bg {
  display: none !important;
}
.service-card-two__shape {
  display: none !important;
}

/* ===== FUNFACT / CTA BANNER ===== */
.funfact-one {
  background: linear-gradient(135deg, var(--pp-orange) 0%, #9333EA 100%) !important;
}

/* ===== PROJECT CARDS ===== */
.project-card-one {
  border-radius: 16px !important;
  overflow: hidden !important;
  position: relative;
}
.project-card-one__image::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(10,10,18,0.85) 0%, rgba(10,10,18,0.3) 50%, transparent 100%) !important;
  pointer-events: none;
  z-index: 1;
}
.project-card-one__image {
  position: relative;
}
.project-card-one__content {
  position: relative;
  z-index: 2;
}
.project-card-one__hover {
  background-color: rgba(168, 85, 247, 0.9) !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  padding: 24px !important;
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  transform: none !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
}
.project-card-one__content {
  text-align: center !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
.project-card-one__hover .project-card-one__subtitle,
.project-card-one__hover .project-card-one__title,
.project-card-one__hover .project-card-one__title a {
  color: #fff !important;
}
.project-card-one__subtitle {
  font-size: 13px !important;
  margin-bottom: 4px !important;
}
.project-card-one__title {
  font-size: 18px !important;
}
.project-card-one__subtitle {
  color: var(--pp-orange) !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.project-card-one__title,
.project-card-one__title a {
  color: #fff !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

/* ===== CTA TWO (Parallax) ===== */
.cta-two {
  position: relative;
  background-color: var(--pp-surface) !important;
  padding: 120px 0 !important;
}
.cta-two::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(10, 10, 18, 0.7) !important;
  z-index: 1;
}
.cta-two .container {
  position: relative;
  z-index: 2;
}
.cta-two__shape {
  z-index: 2;
  position: relative;
}
.cta-two__title {
  color: #fff !important;
}
.cta-two__title::before {
  background-color: var(--pp-orange) !important;
}

/* ===== CTA ONE (Final) ===== */
.cta-one {
  background: linear-gradient(135deg, var(--pp-orange) 0%, #9333EA 100%) !important;
  padding: 80px 0 !important;
}
.cta-one__title {
  color: #fff !important;
  font-size: 32px !important;
  margin-bottom: 12px !important;
}
.cta-one__text {
  color: rgba(255,255,255,0.9) !important;
  font-size: 16px !important;
  margin-bottom: 30px !important;
}
.cta-one .container {
  text-align: center !important;
}
.cta-one__btn {
  background-color: #fff !important;
  color: #1a1a22 !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.2) !important;
}
.cta-one__btn::before {
  background-color: #e8e8e8 !important;
}
.cta-one__btn span {
  color: #1a1a22 !important;
}

/* ===== ABOUT THREE (Benefits) ===== */
.about-three__list li .about-three__list__icon {
  background-color: rgba(168, 85, 247, 0.1) !important;
}
.about-three__list li .about-three__list__icon i {
  color: var(--pp-orange) !important;
}

/* ===== FOOTER ===== */
.footer-main {
  background-color: #08080e !important;
  padding-top: 80px !important;
  padding-bottom: 20px !important;
  display: block !important;
}
.footer-widget__title {
  color: #fff !important;
}
.footer-widget__text,
.footer-widget__links li a,
.footer-widget__contact li,
.footer-widget__contact li a {
  color: var(--pp-text) !important;
}
.footer-widget__links li a:hover,
.footer-widget__contact li a:hover {
  color: var(--pp-orange) !important;
}
.footer-widget__social {
  display: flex !important;
  gap: 10px !important;
}
.footer-widget__social a {
  background-color: rgba(168, 85, 247, 0.1) !important;
  border: 1px solid rgba(168, 85, 247, 0.2) !important;
  color: var(--pp-orange) !important;
  transition: all 0.3s !important;
  width: 38px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
}
.footer-widget__social a:hover {
  background-color: var(--pp-orange) !important;
  color: #fff !important;
}
.footer-main__bottom {
  border-color: rgba(255,255,255,0.06) !important;
}
.footer-main__copyright {
  color: rgba(255,255,255,0.4) !important;
}

/* ===== OWL DOTS ===== */
.owl-theme .owl-dots .owl-dot span {
  background: rgba(255,255,255,0.2) !important;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--pp-orange) !important;
}

/* ===== OWL NAV ARROWS ===== */
.owl-theme .owl-nav [class*="owl-"] {
  background-color: var(--pp-surface) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  color: #fff !important;
  border-radius: 50% !important;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: var(--pp-orange) !important;
  border-color: var(--pp-orange) !important;
}

/* ===== SCROLL TO TOP & WHATSAPP ===== */
.scroll-to-top {
  background-color: var(--pp-purple) !important;
  border-radius: 12px !important;
}
.scroll-to-top[href*="wa.me"] {
  background-color: #25D366 !important;
  bottom: 100px !important;
}

/* ===== PRELOADER ===== */
.preloader {
  background-color: var(--pp-dark) !important;
}

/* ===== CUSTOM SECTIONS (inline) ===== */
.section-padding--top {
  padding-top: 80px !important;
}
.section-padding--bottom {
  padding-bottom: 80px !important;
}

/* ===== ABOUT-FIVE — mobile fixes ===== */
.about-five__images {
  display: block !important;
  max-width: 520px;
  margin: 0 auto;
}
.about-five__images__one {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}
.about-five__images__one img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  display: block !important;
  object-fit: cover;
  border-radius: 16px;
}
@media (max-width: 991px) {
  .about-five .row.gutter-y-60 > [class*="col-"] + [class*="col-"] {
    margin-top: 24px;
  }
  .about-five__images {
    max-width: 100%;
    margin: 0 auto;
  }
  .about-five__images__one {
    max-width: 280px;
    margin: 0 auto;
    border-radius: 12px;
  }
  .about-five__images__one img {
    max-height: 160px !important;
    object-fit: cover;
    border-radius: 12px;
  }
  .about-five__content .section-title__title {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }
  .about-five__text {
    font-size: 15px;
    line-height: 1.6;
  }
  .about-five__box-wrapper {
    gap: 16px;
  }
  .about-five__box {
    padding: 16px !important;
  }
  .about-five__box__title {
    font-size: 16px !important;
  }
  .about-five__box__text {
    font-size: 13px !important;
  }
}
@media (max-width: 575px) {
  .about-five__images__one {
    max-width: 200px;
  }
  .about-five__images__one img {
    max-height: 110px !important;
  }
  .section-padding--top {
    padding-top: 48px !important;
  }
  .section-padding--bottom {
    padding-bottom: 48px !important;
  }
}

/* ===== FOOTER — mobile spacing ===== */
@media (max-width: 991px) {
  .footer-main .row.gutter-y-40 > [class*="col-"] + [class*="col-"] {
    margin-top: 36px;
  }
  .footer-widget__title {
    margin-bottom: 14px !important;
  }
  .footer-widget--about .footer-widget__text {
    margin-top: 14px !important;
  }
  .footer-widget__social {
    margin-top: 18px !important;
  }
  .footer-widget__contact li {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .footer-main__bottom {
    margin-top: 36px !important;
  }
  .footer-main__bottom .container {
    flex-direction: column;
    text-align: center;
    gap: 14px !important;
  }
  .footer-main__copyright {
    line-height: 1.6;
  }
}