/* Massage Corner — 2026 refresh. Loaded after style.css; keeps the original
   layout and sections, updates type, colour, spacing and surfaces. */
:root {
  --mc-ink: #1d1916;
  --mc-ink-2: #4a423b;
  --mc-sand: #f7f2ec;
  --mc-sand-2: #efe6db;
  --mc-copper: #c7834a;
  --mc-copper-dark: #a8682f;
  --mc-radius: 18px;
  --mc-shadow: 0 18px 50px -20px rgba(29, 25, 22, .35);
}

html { scroll-behavior: smooth; }
body, p, a, li, input, select, textarea, button, .btn, .alt-font, .main-font,
h1, h2, h3, h4, h5, h6, .form-control, .select2-container {
  font-family: 'Tajawal', 'Roboto', sans-serif !important;
}
body { color: var(--mc-ink-2); background: #fff; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4 { color: var(--mc-ink); letter-spacing: 0; font-weight: 800 !important; }
p { line-height: 1.9; font-size: 16px; }

/* Header: glass bar */
header .navbar, .cursor-light .navbar {
  background: rgba(29, 25, 22, .35) !important;
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}
header .navbar.fixedmenu, .fixedmenu {
  background: rgba(255, 255, 255, .92) !important;
  box-shadow: 0 8px 30px -18px rgba(0, 0, 0, .35);
}
.navbar-nav .nav-link { font-weight: 600; font-size: 15px !important; }
.navbar-nav .nav-link.active, .navbar-nav .nav-link:hover { color: var(--mc-copper) !important; }

/* Buttons: pills */
.btn, .btn-setting, .form-btn button, button[type="submit"] {
  border-radius: 999px !important; padding: 12px 34px !important;
  background: var(--mc-copper) !important; border-color: var(--mc-copper) !important;
  color: #fff !important; font-weight: 700 !important;
  box-shadow: 0 10px 24px -12px rgba(199, 131, 74, .9);
  transition: transform .2s ease, background .2s ease;
}
.btn:hover, .form-btn button:hover { background: var(--mc-copper-dark) !important; transform: translateY(-2px); }

/* Hero: darker, warmer overlay + glass booking card */
.form-bg::before, #home::before {
  background: linear-gradient(90deg, rgba(20, 16, 13, .25), rgba(20, 16, 13, .78)) !important;
}
#home .form-title h2 { font-size: 56px !important; color: #fff !important; margin-bottom: 8px; }
#home .form-para p { color: rgba(255, 255, 255, .82) !important; font-size: 17px !important; max-width: 520px; margin-inline-start: auto; }
#home form, #home .contact-form, #home .form-box {
  background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 24px; padding: 28px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
#home .form-control, #home .select2-selection {
  background: rgba(255, 255, 255, .12) !important; border: 1px solid rgba(255, 255, 255, .25) !important;
  border-radius: 12px !important; color: #fff !important; min-height: 50px;
}

/* About */
#about { background: var(--mc-sand) !important; padding: 110px 0 !important; }
#about p { font-size: 18px !important; color: var(--mc-ink-2) !important; }
#about img { filter: drop-shadow(0 20px 40px rgba(29, 25, 22, .12)); }

/* Services: rounded cards with a copper price chip */
#services { padding: 110px 0 !important; }
#services .testimonial-title h2 { font-size: 44px !important; }
#services .testimonial-subtitle p { color: rgba(255, 255, 255, .85) !important; font-size: 17px; }
#services .item, #services .testimonial-item, #services .owl-item > div > div {
  border-radius: var(--mc-radius) !important; overflow: hidden;
}
#services .item > div, #services .testimonial-box, #services .bg-white {
  border-radius: var(--mc-radius) !important; box-shadow: var(--mc-shadow) !important;
  border: 0 !important;
}
#services h3.pink, .pink { color: var(--mc-ink) !important; font-size: 21px !important; }
#services p, #services span { color: var(--mc-copper-dark) !important; font-weight: 700; }
.owl-dots .owl-dot span { border-radius: 999px !important; background: rgba(255, 255, 255, .45) !important; }
.owl-dots .owl-dot.active span { background: var(--mc-copper) !important; width: 26px !important; }

/* Photos: rounded tiles with gap */
#photos { padding: 110px 0 !important; }
#photos .portfolio-title h2 { font-size: 44px !important; color: var(--mc-ink) !important; }
#photos img { border-radius: 16px; }
#photos .cbp-item, #photos .cbp-caption { border-radius: 16px; overflow: hidden; }

/* Branches */
#address .map-text { font-size: 44px !important; }
#address .contact-box, #address .address-box, #address .bg-white {
  border-radius: 24px !important; box-shadow: var(--mc-shadow) !important;
}

/* Footer */
.footer-sec { background: var(--mc-ink) !important; }
.footer-sec p, .footer-sec a { color: rgba(255, 255, 255, .7) !important; }
.footer-sec a:hover { color: var(--mc-copper) !important; }

/* Accent colour everywhere the template used orange */
.pink, .text-pink, a:hover { color: var(--mc-copper); }
.bg-pink, .btn-pink { background-color: var(--mc-copper) !important; }

/* Branches: static map tile instead of the keyless Google Maps embed */
.mc-map { border-radius: 24px; overflow: hidden; box-shadow: var(--mc-shadow); }
.mc-map img { display: block; width: 100%; height: 420px; object-fit: cover; }
#address h2, #address .map-text { color: #fff !important; }
#address p, #address strong { color: rgba(255, 255, 255, .85) !important; }