/* Pink + White Salon Theme Override (client redesign) */

:root{
  --salon-pink:#f6a7c7;
  --salon-pink-deep:#e56aa3;
  --salon-pink-dark:#b73b73;

  /* client asked: use WHITE ki jagah BLACK color use karo */
  --salon-ink:#111111; /* black-ish */
  --salon-white:#ffffff;

  --salon-border:rgba(229,106,163,.28);
  --salon-shadow:0 16px 42px rgba(229,106,163,.18);
}

html, body{
  background:#fff !important;
  color:var(--salon-ink) !important;
}

/* ---------------- HEADER / NAV ---------------- */
.main-header-wrapper,
.menu-fixed{
  background:rgba(255,255,255,.94) !important;
}

/* default nav links => black */
.main-header-wrapper .navbar-nav li a{
  color:var(--salon-ink) !important;
}

/* hover + focus => pink */
.main-header-wrapper .navbar-nav li:hover a,
.main-header-wrapper .navbar-nav li a:focus{
  color:var(--salon-pink-deep) !important;
}

/* active class in header => pink */
.main-header-wrapper .navbar-nav li.active > a,
.main-header-wrapper .navbar-expand-lg .navbar-collapse .navbar-nav li.active > a,
.main-header-wrapper .navbar-expand-lg .navbar-collapse .navbar-nav li a.active{
  color:var(--salon-pink-deep) !important;
}

/* Sub-menu panel */
.main-header-wrapper .navbar-nav li .sub-menu{
  background:var(--salon-white) !important;
  border:1px solid var(--salon-border) !important;
  border-radius:14px !important;
  box-shadow:0 18px 40px rgba(17,17,17,.10) !important;
}

.main-header-wrapper .navbar-nav li .sub-menu li a{
  color:var(--salon-ink) !important;
  padding:10px 14px !important;
}

.main-header-wrapper .navbar-nav li .sub-menu li:hover a{
  background:linear-gradient(135deg, rgba(246,167,199,.28) 0%, rgba(255,255,255,1) 85%) !important;
  color:var(--salon-pink-deep) !important;
}

/* Mobile sidebar */
#sidebar{background:var(--salon-white)!important;}
#sidebar #cssmenu ul li{border-bottom:1px solid var(--salon-border)!important;}
#sidebar #cssmenu ul li a{color:var(--salon-ink)!important;}
#sidebar #cssmenu ul .has-sub:before,
#sidebar #cssmenu ul .has-sub::after{background:var(--salon-pink-dark)!important;}

/* ---------------- BUTTONS ---------------- */
.main-btn,
.main-btn-red{
  background:linear-gradient(135deg, var(--salon-pink) 0%, var(--salon-pink-deep) 100%) !important;
  border-color:transparent !important;
  box-shadow:0 14px 34px rgba(229,106,163,.22) !important;
  color:#fff !important;
}

.main-btn:hover,
.main-btn-red:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 20px 50px rgba(229,106,163,.30) !important;
}

/* Make outline buttons black text, pink border */
.btn.btn-secondary,
.button4-wrapper .btn4,
.button6-wrapper .btn6.explore{
  border:1px solid rgba(229,106,163,.42) !important;
  background:#fff !important;
  color:var(--salon-ink) !important;
}

.btn.btn-secondary:hover{
  border-color:rgba(229,106,163,.75) !important;
  color:var(--salon-pink-deep) !important;
}

/* ---------------- FOOTER ---------------- */
.footer-wrapper{
  background:linear-gradient(180deg, #fff 0%, rgba(246,167,199,.35) 35%, rgba(229,106,163,.18) 100%) !important;
  color:var(--salon-ink) !important;
  border-top: 1px solid pink;

}

/* Force footer backgrounds on nested wrappers too (legacy CSS may override) */
.footer-wrapper .footer-main,
.footer-wrapper .footer-contact,
.footer-wrapper .footer-link-wrapper,
.footer-wrapper .bottom-footer{
  background:transparent !important;
}


.footer-wrapper *{
  color:inherit !important;
}

.footer-wrapper .footer-contact ul,
.footer-wrapper .footer-link-wrapper ul,
.footer-wrapper .bottom-footer p{
  color:var(--salon-ink) !important;
}

.footer-wrapper .footer-link-wrapper ul li a,
.footer-wrapper .footer-contact ul li a,
.footer-wrapper .footer-icon a{
  color:var(--salon-ink) !important;
}

.footer-wrapper .footer-link-wrapper ul li a:hover,
.footer-wrapper .footer-contact ul li a:hover,
.footer-wrapper .footer-icon a:hover{
  color:var(--salon-pink-deep) !important;
}

.footer-wrapper .bottom-footer{
  border-top:1px solid rgba(229,106,163,.35) !important;
}

/* ---------------- TYPOGRAPHY ---------------- */
h1,h2,h3,h4,h5{letter-spacing:.2px;}

.inner-head h1,
.section-heading h4,
.about-wrapper .about-content h3,
.service-wrapper .service-head-wrapper .service-content h3,
.gellary-head h3,
.gellary-head h5{
  color:var(--salon-ink) !important;
}

/* Pink accent for headings inside client categories */
.inner-head h1,
.gellary-head h3,
.testimonial-head h3,
.testimonial-head h5,
.feature-one__item__title a,
.about-wrapper h3{
  text-shadow:0 1px 0 rgba(229,106,163,.10);
}

/* ---------------- HOME: main category (gallery section) redesign ---------------- */
/* Feature cards in home */
.feature-one__item{
  border:1px solid rgba(229,106,163,.25) !important;
  border-radius:18px !important;
  padding:18px 16px !important;
  background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(246,167,199,.10) 100%) !important;
  box-shadow:0 14px 40px rgba(229,106,163,.08) !important;
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
}

.feature-one__item:hover{
  transform:translateY(-6px) !important;
  box-shadow:0 26px 70px rgba(229,106,163,.20) !important;
  border-color:rgba(229,106,163,.55) !important;
}

.feature-one__item__title a,
.feature-one__item__title a:hover,
.feature-one__item__title a:focus{
  color:var(--salon-ink) !important;
}

.feature-one__item__icon{
  color:var(--salon-pink-deep) !important;
}

/* Home gallery section redesign */
.gellary-grid-wrapper .column{
  padding:6px;
  transition:transform .35s ease;
}

/* gallery clickable wrapper borders + soft pink tint */
.gellary-grid-wrapper .column a.img-link{
  border:1px solid rgba(229,106,163,.20) !important;
  background:rgba(255,255,255,.8) !important;
}


.gellary-grid-wrapper .column .img-link,
.gellary-grid-wrapper .column a.img-link{
  border-radius:18px !important;
  overflow:hidden;
  position:relative;
  display:block;
  background:#fff;
}

.gellary-grid-wrapper .column img{
  width:100%;
  height:auto;
  border-radius:18px !important;
  box-shadow:0 14px 34px rgba(229,106,163,.10);
  transition:transform .35s ease, box-shadow .35s ease, filter .35s ease;
}

.gellary-grid-wrapper .column:hover img{
  transform:translateY(-6px) scale(1.02);
  box-shadow:0 26px 70px rgba(229,106,163,.20);
}

.gellary-grid-wrapper .column a.img-link:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(246,167,199,.45) 0%, rgba(255,255,255,0) 60%);
  opacity:0;
  transition:opacity .35s ease;
  pointer-events:none;
}

.gellary-grid-wrapper .column:hover a.img-link:before{opacity:1;}

/* ---------------- TESTIMONIAL redesign ---------------- */
.testimonial-box,
.testimonial-wrapper .testimonial-box,
.test-slider-wrapper .testimonial-box{
  border:1px solid rgba(229,106,163,.25) !important;
  border-radius:18px !important;
  padding:26px 18px !important;
  background:linear-gradient(180deg, #fff 0%, rgba(246,167,199,.16) 100%) !important;
  box-shadow:0 18px 54px rgba(229,106,163,.10) !important;
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
  position:relative;
}

.testimonial-box:before{
  content:"";
  position:absolute;
  top:-1px;
  left:16px;
  right:16px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(246,167,199,.9), rgba(229,106,163,.9));
  opacity:.9;
}

.testimonial-box:hover,
.test-slider-wrapper .testimonial-box:hover,
.testimonial-wrapper .testimonial-box:hover{
  transform:translateY(-8px) !important;
  border-color:rgba(229,106,163,.60) !important;
  box-shadow:0 32px 110px rgba(229,106,163,.22) !important;
}

.testimonial-wrapper i.fa-quote-left,
.testimonial-box i.fa-quote-left{
  color:var(--salon-pink-deep) !important;
  font-size:22px !important;
}

.testimonial-wrapper p,
.testimonial-box p{
  color:var(--salon-ink) !important;
}

.testimonial-wrapper h5,
.testimonial-box h5{
  color:var(--salon-pink-deep) !important;
}

/* Owl dots + arrows accent */
.owl-theme .owl-dots .owl-dot span{
  background:rgba(229,106,163,.35) !important;
}
.owl-theme .owl-dots .owl-dot.active span{
  background:linear-gradient(135deg, var(--salon-pink), var(--salon-pink-deep)) !important;
}

.owl-theme .owl-nav [class*="owl-"]{
  color:var(--salon-ink) !important;
}


/* ---------------- Scroll reveal (optional) ---------------- */
[data-salon-reveal]{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .7s ease, transform .7s ease;
}

[data-salon-reveal].is-visible{
  opacity:1;
  transform:translateY(0);
}

/* ---------------- Return to top ---------------- */
#return-to-top{background:linear-gradient(135deg, var(--salon-pink) 0%, var(--salon-pink-deep) 100%)!important;}
#return-to-top i{color:#fff!important;}