/* VELLURA - Purple / Golden / Teal Green colour theme
   Matches the Kamakshi Makeover & Academy invitation.
   Load AFTER global.css and style.css, or paste the :root block
   into global.css to replace the old values. */

:root{
  /* Core palette */
  --main-color: #4a1a63;          /* royal purple (headers, buttons, dark sections) */
  --purple-deep: #2d0e42;
  --purple-light: #7b3fa0;
  --gold-color: #d4a843;          /* golden accent */
  --gold-light: #ecd08a;
  --gold-dark: #a8812a;
  --teal-color: #0f4c47;          /* teal green accent */
  --teal-light: #1f7a70;

  --color-two: #f4eef8;           /* soft lavender section background */
  --color-three: #ecd08a;         /* light gold text on dark */
  --orange-color: #d4a843;        /* rating stars -> gold */

  /* Whites / blacks (opacities) */
  --white-color: #ffffff;
  --white-color-opacity-two: rgba(255,255,255,0.75);
  --white-color-opacity-three: rgba(255,255,255,0.45);
  --white-color-opacity-four: rgba(255,255,255,0.18);

  --black-color: #1c0f26;
  --black-color-opacity: rgba(28,15,38,0.65);
  --black-color-opacity-two: rgba(28,15,38,0.75);
  --black-color-opacity-three: rgba(74,26,99,0.30);
  --black-color-opacity-four: rgba(74,26,99,0.15);
  --black-color-opacity-five: rgba(28,15,38,0.50);

  /* Text */
  --text-color-dark: #35283f;
  --text-color-light: #6d5f78;
  --body-text-purple: #7b3fa0;
}

/* ---------- Gold accents ---------- */
.main-menu .navigation > li > a:before{ border-top-color: var(--gold-color); }
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a{ color: var(--gold-light); }
.main-menu .navigation > li > ul > li > a:before,
.main-menu .navigation > li > ul > li > ul > li > a:before{ background-color: var(--gold-color); }

.header-top .top-info li:after{ border-color: var(--gold-color); }

.fixed-header .header-upper{
  background-color: rgba(45,14,66,0.88);   /* purple glass header */
}

.banner-section .swiper-button-next:hover:before,
.banner-section .swiper-button-prev:hover:before{ background: var(--gold-color); }

.title-box .subtitle{ color: #0f4c47; }
.title-box .subtitle.white{ color: var(--gold-light); }

.hidden-bar .side-menu ul li a:hover,
.hidden-bar .side-menu ul li.current > a{ color: var(--gold-light); }

.spa-services-hero .services-list li.active a,
.spa-services-hero .services-list li:hover a{ color: var(--gold-light); }

.testimonials-section .testi-thumbs .active .image{ border-color: var(--gold-color); }

.menu-tabs .buttons .tab-buttons .tab-btn.active-btn{
  background-color: var(--gold-color);
  border-color: var(--gold-color);
  color: var(--purple-deep);
}

.pricing_section .pricing_pannel .pricing_block .price,
.treatment-style1 .treatment-box .trt-amount span,
.special-offer .offer-block-two .main-price{ color: var(--gold-dark); }

.pagination_block ul li a:hover,
.pagination_block ul li a.active{ background-color: var(--gold-color); border-color: var(--gold-color); color: var(--purple-deep); }

.whatsapp-btn a{ border-color: var(--gold-color); color: var(--purple-deep); }
.whatsapp-btn a:hover{ background-color: var(--gold-color); color: var(--purple-deep); }

/* ---------- Teal green accents ---------- */
.story-section,
.offer-banner .offer-box-inner,
.reserve-section.style-two.reserve-page-2 .contact-info,
.voucher-section .voucher-block .amount-box{
  background-color: var(--teal-color);
}

.treatment-details .cta,
.blog_list_section .blog_right_side .banner-block{
  background-color: var(--teal-color);
}

.offer-banner .offer-box{ border-color: var(--gold-color); }
.offer-banner .offer-number{ color: var(--teal-color); }
.offer-banner .offer-number span{ color: var(--teal-color); }

.voucher-section .voucher-block .inner-border{ border-color: var(--gold-color); }
.voucher-section .content-box .fa-gift,
.voucher-section .content-box .voucher-ttl{ color: var(--teal-color); }

.pricing_section .pricing_pannel .pricing_block.highlited_block{ background-color: var(--teal-color); }
.pricing_section .pricing_pannel .pricing_block .popular-pkg{ color: var(--teal-color); }

.treatment-accord-style .accord-ttl-group .trt-ttl span{ border-color: var(--teal-color); color: var(--teal-color); }

.team-block .overlay-box:before{ background-color: var(--teal-color); }
.team-block .social-box li a{ color: var(--teal-color); }
.team-block .social-box li a:hover{ background: var(--gold-color); color: var(--purple-deep); }

.fact-counter .fact-block .inner .fact-count{ color: var(--gold-light); }
.fact-counter.option2 .fact-block .inner .fact-count{ color: var(--teal-color); }

/* ---------- Footer ---------- */
footer .bottom_footer{ border-top-color: var(--gold-color); }
footer .bottom_footer .social_media li a{ border-color: var(--gold-color); color: var(--gold-light); }
footer .bottom_footer .social_media li a:hover{ background-color: var(--gold-color); color: var(--purple-deep); }