/* ===== Haircare Dark (Matte Black) — CLEAN ===== */
:root{
  color-scheme: dark;
  --bg:#0d0d0d;
  --bg-2:#111;
  --text:#e5e5e5;
  --muted:#aaa;
  --gold:#b68c4a;
  --accent-color: var(--gold);
  --card:#1a1a1a;
  --border:#222;
  --nav-h:64px;
}

/* ===== Global ===== */
html,body{background:var(--bg);color:var(--text)}
h1,h2,h3,h4,h5,h6{color:var(--text)}
a{color:inherit}
.subheading{color:var(--gold)}

/* ===== NAVBAR ===== */
.ftco_navbar,.ftco-navbar-light{
  position:sticky; top:0; z-index:1030;
  height:var(--nav-h); min-height:var(--nav-h);
  background:var(--bg) !important; border-bottom:1px solid var(--border);
  display:flex; align-items:center; padding:0 12px !important;
  box-shadow:none !important;
}
.ftco_navbar .navbar-brand,.ftco_navbar .nav-link{color:#f5f5f5 !important}
.ftco_navbar .nav-link:hover,.ftco_navbar .nav-link.active{color:var(--gold) !important}

/* Book Now */
.ftco_navbar .nav-item.cta .nav-link{
  background:var(--gold) !important; color:#111 !important;
  border:1px solid var(--gold) !important; border-radius:6px;
  font-weight:600; font-size:14px; padding:8px 18px !important; line-height:1 !important;
}
.ftco_navbar .nav-item.cta .nav-link:hover{ background:transparent !important; color:var(--gold) !important }

/* Desktop spacing */
@media (min-width:992px){
  .ftco_navbar .navbar-nav{display:flex; align-items:center; gap:20px}
  .ftco_navbar .navbar-nav.ml-auto{margin-right:12px !important}
  .ftco_navbar .nav-link{padding:8px 12px; text-transform:uppercase; letter-spacing:.5px}
}

/* Toggler */
.navbar-toggler{color:#fff !important; border:0 !important; background:transparent !important}
.navbar-toggler *{color:#fff !important}

/* Drawer (mobile) */
@media (max-width:991.98px){
  .ftco_navbar .container{max-width:100% !important; padding-left:0 !important; padding-right:0 !important}
  .ftco_navbar .navbar-toggler{margin-left:auto}
  .ftco_navbar .navbar-collapse{
    position:absolute; top:var(--nav-h); left:0; right:0; width:100vw;
    background:var(--bg) !important; border-top:1px solid var(--border);
    padding:12px 16px !important;
  }
  .ftco_navbar .navbar-nav{width:100%; display:flex; flex-direction:column; gap:8px}
  .ftco_navbar .navbar-nav .nav-item{width:100%}
  .ftco_navbar .navbar-nav .nav-link{display:block; width:100%; padding:12px 14px; border-radius:6px}
  .ftco_navbar .navbar-nav .nav-link:hover{background:#141414; color:var(--gold) !important}
  .ftco_navbar .navbar-nav .nav-item.cta .nav-link{text-align:center}
}

/* ===== Sections ===== */
.hero-wrap,.ftco-section,.services-section,.testimony-section,.ftco-pricing,.ftco-booking{
  background-color:var(--bg-2) !important; color:var(--text) !important;
}
.hero-wrap[style*="background-image"]{ background-color:transparent !important }

/* ===== Buttons ===== */
.btn-primary{background:var(--gold) !important; border-color:var(--gold) !important; color:#111 !important}
.btn-outline-primary{color:var(--gold) !important; border-color:var(--gold) !important}
.btn-outline-primary:hover{background:var(--gold) !important; color:#111 !important}

/* ===== Service Cards ===== */
.services-wrap,.media.block-6{
  background-color:#131313 !important; border:1px solid #1c1c1c !important;
  border-radius:12px !important; padding:1.5rem !important;
  box-shadow:0 4px 12px rgba(0,0,0,.3); transition:transform .2s, box-shadow .2s;
}
.services-wrap:hover{transform:translateY(-4px); box-shadow:0 6px 16px rgba(0,0,0,.45)}
.media .icon span,.services-wrap .icon span{color:var(--gold) !important; font-size:42px; margin-bottom:.5rem}
.services-wrap h3{color:#f1f1f1 !important; font-weight:600; margin-bottom:.35rem}
.services-wrap p{color:#bbb !important; font-size:15px; line-height:1.6}
/* فاصله ظریف بین کارت‌ها */
.services-section .row.d-flex{margin-left:-8px; margin-right:-8px}
.services-section .row.d-flex > [class*="col-"],
.services-section .row > [class*="col-"]{padding-left:8px; padding-right:8px}

/* ===== Forms ===== */
input,textarea,select{background:#222 !important; color:#eee !important; border-color:#333 !important}

/* ===== Footer (social) ===== */
.ftco-footer{background:var(--bg) !important; color:var(--text) !important}
.ftco-footer a{color:var(--gold) !important}
.ftco-footer a:hover{color:#ffcb6b !important}
.ftco-footer-social a{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  width:40px; height:40px; border-radius:50%; background:#151515; transition:transform .15s, background .15s;
}
.ftco-footer-social a:hover{ background:#191919; transform:translateY(-1px) }

/* ===== Hero Overlay (fix dark edge) ===== */
.hero-wrap .overlay{
  background:rgba(0,0,0,.55) !important;
  position:absolute; inset:0; height:100% !important; z-index:0;
}
.hero-wrap .container,.hero-wrap .slider-text{position:relative; z-index:2}

/* ===== Gallery Slider ===== */
.gallery-slider-section{background-color:var(--bg-2)}
.gallery-slider{
  position:relative; overflow:hidden; border:1px solid #1f1f1f; border-radius:14px;
  background:#0f0f0f; box-shadow:0 8px 28px rgba(0,0,0,.35);
}
.gs-track{display:flex; transition:transform .45s cubic-bezier(.22,.61,.36,1); will-change:transform}
.gs-slide{min-width:100%; user-select:none}
.gs-slide img{width:100%; height:520px; object-fit:cover; display:block; filter:saturate(1.05) contrast(1.03)}
.gs-nav{
  position:absolute; top:50%; transform:translateY(-50%); z-index:3;
  width:42px; height:42px; border-radius:50%; border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.35); color:#fff; font-size:22px; display:grid; place-items:center;
  cursor:pointer; transition:background .2s, transform .2s; backdrop-filter:blur(4px)
}
.gs-prev{left:12px} .gs-next{right:12px}
.gs-nav:hover{background:rgba(0,0,0,.55); transform:translateY(-50%) scale(1.05)}
.gs-dots{position:absolute; left:50%; bottom:12px; transform:translateX(-50%); display:flex; gap:8px; z-index:3}
.gs-dot{width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.35); border:1px solid rgba(255,255,255,.25); cursor:pointer; transition:transform .2s, background .2s, width .2s}
.gs-dot.active{background:var(--gold); border-color:var(--gold); width:20px; border-radius:999px}
@media (max-width:767.98px){ .gs-slide img{height:320px} .gs-nav{width:36px; height:36px; font-size:18px} }
@media (min-width:1200px){ .gs-slide img{max-height:620px} }

/* ===== Mobile greeting (inside collapse) ===== */
.mobile-greet{
  display:flex; align-items:center; gap:8px;
  padding:6px 10px; margin:4px 0 6px;
  border-bottom:1px solid var(--border); background:#0f0f0f; border-radius:6px;
}
.mobile-greet .mg-avatar{
  width:24px; height:24px; border-radius:50%; object-fit:cover; flex:0 0 24px;
  border:1px solid rgba(255,255,255,.12);
}
.mobile-greet .mg-text{line-height:1.05}
.mobile-greet .mg-hello{font-size:.72rem; color:#aaa; margin-bottom:1px}
.mobile-greet .mg-name{font-weight:600; color:#f2f2f2; font-size:.82rem}
.mobile-greet .wave{margin-left:3px; font-size:.8rem}

@media (max-width:991.98px){
  #ftco-nav .btn.btn-block{width:100%}
}

/* ==== Booking form fix: readable inputs on dark ==== */
.bk-card .form-control,
.bk-card input[type="text"],
.bk-card input[type="tel"],
.bk-card input[type="email"],
.bk-card textarea,
.bk-input {
  background:#1a1a1a !important;
  color:#eee !important;
  border:1px solid rgba(255,255,255,.10) !important;
  caret-color:#eee;
}
.bk-card .form-control:focus,
.bk-input:focus{
  border-color:var(--gold) !important;
  box-shadow:0 0 0 .15rem rgba(182,140,74,.22) !important;
  color:#eee !important;
}


.bk-card .form-control::placeholder,
.bk-input::placeholder{ color:#9aa !important; opacity:1; }


.bk-card input:-webkit-autofill,
.bk-card textarea:-webkit-autofill,
.bk-card select:-webkit-autofill{
  -webkit-text-fill-color:#eee !important;
  box-shadow:0 0 0px 1000px #1a1a1a inset !important;
  transition: background-color 9999s ease-in-out 0s !important;
}