/*
 Theme Name:   Alice Nails — BioSculpture Studio
 Theme URI:    https://alicenails.cz
 Description:  Child theme for Alice Nails salon, built on top of You theme. BioSculpture branding with sage-green palette.
 Author:       Alice Nails
 Template:     you
 Version:      1.0.0
 Text Domain:  alicenails-child
*/

/* ── COLOR SYSTEM ─────────────────────────────── */
:root {
  --sage-light:  #E8EDE3;
  --sage:        #C8D9C2;
  --sage-mid:    #8FAF87;
  --sage-deep:   #4A7044;
  --forest:      #2D4A28;
  --bg:          #0F1210;
  --bg-light:    #161A17;
  --white:       #FAFAF8;
  --stone:       #A8A8A0;
  --cream:       #F5F3EE;
}

/* ── TYPOGRAPHY ───────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap');

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--white);
  background: var(--bg);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Cormorant Garamond', Georgia, serif;
}

/* ── GLOBAL OVERRIDES ─────────────────────────── */

/* Primary buttons */
.btn-primary,
.vc_btn3-color-juicy-pink,
.vc_btn3-color-primary,
input[type="submit"],
button.btn {
  background: var(--sage-deep) !important;
  color: var(--white) !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: 'Inter', sans-serif !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.8rem;
  padding: 14px 32px;
  transition: background 0.25s ease;
}

.btn-primary:hover,
.vc_btn3-color-juicy-pink:hover,
.vc_btn3-color-primary:hover {
  background: var(--forest) !important;
}

/* Ghost/outline buttons */
.btn-ghost {
  background: transparent;
  border: 1px solid var(--sage-mid);
  color: var(--stone);
  padding: 14px 32px;
  font-family: 'Inter', sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.8rem;
  transition: color 0.25s, border-color 0.25s;
}

.btn-ghost:hover {
  color: var(--sage-deep);
  border-color: var(--sage-deep);
}

/* Links */
a {
  color: var(--sage-mid);
  transition: color 0.2s ease;
}

a:hover {
  color: var(--sage-deep);
}

/* Section labels */
.section-label {
  display: flex;
  align-items: center;
  gap: 14px;
  font-family: 'Inter', sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--sage-deep);
  margin-bottom: 26px;
}

.section-label::before {
  content: '';
  width: 28px;
  height: 1px;
  background: var(--sage-deep);
}

/* Section titles */
.section-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.15;
  color: var(--white);
  margin-bottom: 30px;
}

.section-title em {
  font-style: italic;
  color: var(--sage-deep);
}

/* ── NAVIGATION ───────────────────────────────── */
#you-header,
.header-wrap,
.you-main-nav {
  background: rgba(15, 18, 16, 0.92) !important;
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(200, 217, 194, 0.08);
}

.you-main-nav a,
.nav-links a {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--stone) !important;
  transition: color 0.2s !important;
}

.you-main-nav a:hover,
.nav-links a:hover {
  color: var(--sage-deep) !important;
}

/* Logo text */
.logo-text,
.site-title a {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 300 !important;
  color: var(--white) !important;
  letter-spacing: 0.02em;
}

/* ── PAGE BACKGROUND ──────────────────────────── */
#page,
.page-wrap,
.main-content,
.you-page-wrap {
  background: var(--bg) !important;
}

/* ── WPBakery Row Overrides ───────────────────── */
.vc_row {
  background-color: var(--bg);
}

/* Light section variant */
.vc_row.light-section,
.vc_row[data-vc-full-width].light-section {
  background-color: var(--sage-light) !important;
}

.light-section,
.light-section h1,
.light-section h2,
.light-section h3,
.light-section p {
  color: var(--bg) !important;
}

.light-section .section-title em {
  color: var(--sage-deep) !important;
}

/* ── FOOTER ───────────────────────────────────── */
footer,
#you-footer,
.footer-wrap {
  background: var(--bg) !important;
  border-top: 1px solid rgba(200, 217, 194, 0.08);
  color: var(--stone);
}

footer a,
#you-footer a {
  color: var(--sage-mid) !important;
}

footer a:hover,
#you-footer a:hover {
  color: var(--sage) !important;
}

/* ── HIDE UNWANTED ELEMENTS ───────────────────── */

/* Floating booking button (Req 1) */
.booking-float,
.sln-booking-button-floating,
.sln-salon-floating-button {
  display: none !important;
}

/* Theme preloader */
.preloader,
#preloader {
  display: none !important;
}

/* Dock bar */
.dock-bar,
.you-dock {
  display: none !important;
}

/* ── RESPONSIVE ───────────────────────────────── */
@media (max-width: 768px) {
  .section-title {
    font-size: 2.2rem;
  }
}

@media (max-width: 480px) {
  .section-title {
    font-size: 1.8rem;
  }
}