/* ============================================================
   CALL US — LIGHT THEME v2
   ------------------------------------------------------------
   پالت: سفید + کرم + سبز عمیق
   کنتراست بالا برای خوانایی
   ============================================================ */

/* ============================================================
   01 — ROOT TOKENS
   ============================================================ */
:root {
  /* ---------- BACKGROUNDS ---------- */
  --bg-white:      #FFFFFF;   /* سفید خالص */
  --bg-cream:      #F5F0E8;   /* کرم گرم */
  --bg-deep:       #16301F;   /* سبز عمیق */
  --bg-deep-soft:  #1F3F2B;   /* سبز عمیق روشن‌تر */

  /* ---------- TEXT (روی روشن) ---------- */
  --ink:           #0A0A0A;   /* مشکی مطلق (کنتراست 21:1) */
  --ink-soft:      #3D3D3D;   /* خاکستری تیره (کنتراست 11:1) */
  --ink-mute:      #6B6B6B;   /* خاکستری متوسط (کنتراست 6:1) */
  --ink-line:      rgba(10, 10, 10, 0.12);
  --ink-line-2:    rgba(10, 10, 10, 0.22);

  /* ---------- TEXT (روی تیره) ---------- */
  --cream:         #F5F0E8;
  --cream-soft:    #D4CFC5;
  --cream-mute:    #A39E94;
  --cream-line:    rgba(245, 240, 232, 0.15);

  /* ---------- ACCENTS ---------- */
  --emerald:       #2D5A3D;
  --emerald-lt:    #3D7A52;
  --emerald-soft:  rgba(45, 90, 61, 0.08);

  --gold:          #D4B48C;
  --gold-deep:     #8B6F47;   /* طلایی تیره‌تر برای کنتراست */
  --gold-soft:     #F4EDE0;

  /* متغیرهای قدیمی */
  --bone:          #FFFFFF;
  --bone-soft:     #F5F0E8;
  --bone-line:     rgba(10, 10, 10, 0.12);
  --mute:          #6B6B6B;
  --mute-light:    #3D3D3D;
}

/* ============================================================
   02 — BASE
   ============================================================ */
html, body {
  background: #FFFFFF !important;
  color: #0A0A0A !important;
}

body {
  font-family: 'Inter', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection {
  background: #2D5A3D;
  color: #FFFFFF;
}

/* تیترها — کنتراست کامل */
h1, h2, h3, h4, h5, h6 {
  color: #0A0A0A !important;
}

/* ============================================================
   03 — SECTION BACKGROUNDS (RHYTHM)
   ============================================================ */

/* --- سفید خالص --- */
.hero,
.services,
.process,
.doctors,
.guests,
.contact {
  background: #FFFFFF !important;
  color: #0A0A0A !important;
}

/* --- کرم گرم --- */
.manifesto,
.treatments,
.clinics,
.standards,
.testimonials {
  background: #F5F0E8 !important;
  color: #0A0A0A !important;
}

/* --- سبز عمیق (تأکیدی) --- */
.vip,
.consultation,
.facility {
  background: #16301F !important;
  color: #F5F0E8 !important;
}

/* --- مشکی (فقط Flight) --- */
.flight {
  background: #0A0A0A !important;
  color: #F5F0E8 !important;
}

/* --- Footer --- */
.footer {
  background: #16301F !important;
  color: #F5F0E8 !important;
}

/* ============================================================
   04 — TEXT COLORS (کنتراست بالا)
   ============================================================ */

/* تیترها روی روشن */
.hero__title,
.manifesto__text,
.services__title,
.treatments__title,
.process__title,
.clinics__title,
.doctors__title,
.standards__title,
.guests__title,
.testimonials__title,
.contact__title {
  color: #0A0A0A !important;
}

/* تیترها روی تیره */
.vip__title,
.consultation__title,
.facility__title {
  color: #F5F0E8 !important;
}

/* lede / desc روی روشن */
.hero__lede,
.services__desc,
.treatments__lede,
.process__lede,
.clinics__lede,
.doctors__lede,
.guests__footer,
.testimonials__cta-text,
.contact__lede,
.contact__side-block p,
.testimonials__card-info,
.testimonials__card-detail-label {
  color: #3D3D3D !important;
}

/* lede روی تیره */
.vip__card p,
.consultation__lede,
.facility__lede,
.facility__card-desc {
  color: #D4CFC5 !important;
}

/* section-label روی روشن */
.hero .section-label,
.services .section-label,
.manifesto .section-label,
.treatments .section-label,
.process .section-label,
.clinics .section-label,
.doctors .section-label,
.standards .section-label,
.guests .section-label,
.testimonials .section-label,
.contact .section-label {
  color: #2D5A3D !important;
}

/* section-label روی تیره */
.vip .section-label,
.section-label,
.facility .section-label,
.flight .section-label,
.footer .section-label {
  color: #D4B48C !important;
}

/* ============================================================
   05 — ITALIC HEADINGS
   ============================================================ */
.manifesto__em,
.services__title-em,
.treatments__title-line--italic,
.process__title-line--italic,
.clinics__title-line--italic,
.doctors__title-line--italic,
.standards__title-line--italic,
.guests__title-line--italic,
.testimonials__title-line--italic,
.contact__title-em {
  color: #2D5A3D !important;
}

.vip__title-em,
.consultation__line--italic,
.facility__title-line--italic,
.flight__text h2 em {
  color: #D4B48C !important;
}

/* ============================================================
   06 — HERO
   ============================================================ */
.hero__kicker,
.hero__year {
  color: #6B6B6B !important;
}

.hero__scroll {
  color: #6B6B6B !important;
}

.hero__scroll:hover {
  color: #0A0A0A !important;
}

.hero__scroll-line {
  background: #2D5A3D !important;
}


.page-bg {
  background: #FFFFFF !important;
}

/* ============================================================
   08 — TREATMENTS
   ============================================================ */
.treatments__item {
  border-bottom-color: rgba(10, 10, 10, 0.10) !important;
}

.treatments__item:hover {
  background: rgba(255, 255, 255, 0.6) !important;
}

.treatments__item-title {
  color: #0A0A0A !important;
}

.treatments__item:hover .treatments__item-title {
  color: #2D5A3D !important;
}

.treatments__item-desc {
  color: #3D3D3D !important;
}

.treatments__item-cat {
  color: #8B6F47 !important;
}

.treatments__item-num {
  color: #F5F0E8 !important;
  background: rgba(10, 10, 10, 0.8) !important;
}

.treatments__item-meta {
  color: #6B6B6B !important;
}

.treatments__filter {
  color: #3D3D3D !important;
  border-color: rgba(10, 10, 10, 0.15) !important;
}

.treatments__filter:hover {
  color: #0A0A0A !important;
  border-color: rgba(45, 90, 61, 0.5) !important;
}

.treatments__filter.is-active {
  background: #2D5A3D !important;
  border-color: #2D5A3D !important;
  color: #FFFFFF !important;
}

.treatments__filter-count {
  color: #2D5A3D !important;
}

.treatments__filter.is-active .treatments__filter-count {
  color: #FFFFFF !important;
  opacity: 0.75;
}

.treatments__item-cta {
  color: #2D5A3D !important;
  border-bottom-color: rgba(45, 90, 61, 0.3) !important;
}

/* ============================================================
   09 — PROCESS
   ============================================================ */
.process__timeline-line {
  background: rgba(10, 10, 10, 0.12) !important;
}

.process__step-dot {
  background: #FFFFFF !important;
  border-color: rgba(10, 10, 10, 0.25) !important;
}

.process__step-dot::before {
  background: rgba(10, 10, 10, 0.35) !important;
}

.process__step.is-active .process__step-dot {
  border-color: #2D5A3D !important;
  box-shadow: 0 0 0 6px rgba(45, 90, 61, 0.15) !important;
}

.process__step.is-active .process__step-dot::before {
  background: #2D5A3D !important;
}

.process__step-num,
.process__step-label {
  color: #6B6B6B !important;
}

.process__step.is-active .process__step-num,
.process__step.is-active .process__step-label {
  color: #0A0A0A !important;
}

.process__step-num {
  color: #2D5A3D !important;
}

.process__panels {
  border-color: rgba(10, 10, 10, 0.10) !important;
}

.process__panel-num {
  color: #2D5A3D !important;
}

.process__panel-duration {
  color: #6B6B6B !important;
}

.process__panel-title {
  color: #0A0A0A !important;
}

.process__panel-desc {
  color: #3D3D3D !important;
}

.process__panel-list li {
  color: #0A0A0A !important;
}

.process__meta-item {
  border-color: rgba(10, 10, 10, 0.10) !important;
}

.process__meta-label {
  color: #6B6B6B !important;
}

.process__meta-value {
  color: #0A0A0A !important;
}

.process__control {
  border-color: rgba(10, 10, 10, 0.18) !important;
  color: #0A0A0A !important;
}

.process__control:hover {
  border-color: #2D5A3D !important;
  color: #2D5A3D !important;
  background: rgba(45, 90, 61, 0.06) !important;
}

.process__counter-current {
  color: #2D5A3D !important;
}

.process__counter-total {
  color: #6B6B6B !important;
}

/* ============================================================
   10 — CLINICS
   ============================================================ */
.clinics__meta {
  border-color: rgba(10, 10, 10, 0.10) !important;
}

.clinics__meta-num {
  color: #2D5A3D !important;
}

.clinics__meta-label {
  color: #6B6B6B !important;
}

.clinics__meta-divider {
  background: rgba(10, 10, 10, 0.12) !important;
}

.clinics__grid {
  background: rgba(10, 10, 10, 0.10) !important;
  border-color: rgba(10, 10, 10, 0.10) !important;
}

.clinics__card {
  background: #F5F0E8 !important;
}

.clinics__card:hover {
  background: #FFFFFF !important;
}

.clinics__card-monogram span {
  color: #2D5A3D !important;
}

.clinics__card-monogram-ring {
  border-color: rgba(45, 90, 61, 0.3) !important;
}

.clinics__card-monogram-ring::before {
  border-color: rgba(45, 90, 61, 0.15) !important;
}

.clinics__card-num {
  color: #6B6B6B !important;
}

.clinics__card-title {
  color: #0A0A0A !important;
}

.clinics__card:hover .clinics__card-title {
  color: #2D5A3D !important;
}

.clinics__card-meta {
  color: #6B6B6B !important;
}

.clinics__card-desc {
  color: #3D3D3D !important;
}

.clinics__card-tags span {
  color: #3D3D3D !important;
  border-color: rgba(10, 10, 10, 0.15) !important;
}

.clinics__card-foot {
  border-color: rgba(10, 10, 10, 0.10) !important;
}

.clinics__card-cta {
  color: #2D5A3D !important;
}

.clinics__card-status {
  color: #2D5A3D !important;
}

/* ============================================================
   11 — DOCTORS
   ============================================================ */
.doctors__stats {
  border-color: rgba(10, 10, 10, 0.10) !important;
}

.doctors__stat-num {
  color: #2D5A3D !important;
}

.doctors__stat-label {
  color: #6B6B6B !important;
}

.doctors__stat-divider {
  background: rgba(10, 10, 10, 0.12) !important;
}

.doctors__grid {
  background: rgba(10, 10, 10, 0.10) !important;
  border-color: rgba(10, 10, 10, 0.10) !important;
}

.doctors__card {
  background: #FFFFFF !important;
}

.doctors__card:hover {
  background: #FAFAFA !important;
}

.doctors__card-img {
  background: #E8E3DA !important;
}

.doctors__card-overlay {
  background: linear-gradient(
    90deg,
    transparent 0%,
    transparent 60%,
    rgba(255, 255, 255, 0.15) 100%
  ) !important;
}

.doctors__card-num {
  color: #FFFFFF !important;
  background: rgba(10, 10, 10, 0.75) !important;
}

.doctors__card-name {
  color: #0A0A0A !important;
}

.doctors__card:hover .doctors__card-name {
  color: #2D5A3D !important;
}

.doctors__card-specialty {
  color: #8B6F47 !important;
}

.doctors__card-meta {
  border-color: rgba(10, 10, 10, 0.10) !important;
}

.doctors__card-meta-label {
  color: #6B6B6B !important;
}

.doctors__card-meta-value {
  color: #0A0A0A !important;
}

.doctors__card-specialties span {
  color: #3D3D3D !important;
  border-color: rgba(10, 10, 10, 0.15) !important;
}

.doctors__card-stat-num {
  color: #2D5A3D !important;
}

.doctors__card-stat-label {
  color: #6B6B6B !important;
}

/* ============================================================
   12 — STANDARDS
   ============================================================ */
.standards__stats {
  background: rgba(10, 10, 10, 0.10) !important;
  border-color: rgba(10, 10, 10, 0.10) !important;
}

.standards__stat {
  background: #F5F0E8 !important;
}

.standards__stat:hover {
  background: #FFFFFF !important;
}

.standards__stat-num {
  color: #2D5A3D !important;
}

.standards__stat-label {
  color: #6B6B6B !important;
}

.standards__cert-head {
  border-color: rgba(10, 10, 10, 0.10) !important;
}

.standards__cert-label {
  color: #2D5A3D !important;
}

.standards__cert-desc {
  color: #3D3D3D !important;
}

.standards__cert-grid {
  background: rgba(10, 10, 10, 0.10) !important;
  border-color: rgba(10, 10, 10, 0.10) !important;
}

.standards__cert {
  background: #F5F0E8 !important;
}

.standards__cert:hover {
  background: #FFFFFF !important;
}

.standards__cert-title {
  color: #0A0A0A !important;
}

.standards__cert:hover .standards__cert-title {
  color: #2D5A3D !important;
}

.standards__cert-full {
  color: #6B6B6B !important;
}

/* ============================================================
   13 — GUESTS
   ============================================================ */
.guests__stat-num {
  color: #0A0A0A !important;
}

.guests__stat.is-counting .guests__stat-num {
  color: #2D5A3D !important;
}

.guests__stat-label {
  color: #6B6B6B !important;
}

.guests__footer {
  color: #3D3D3D !important;
}

/* ============================================================
   14 — TESTIMONIALS
   ============================================================ */
.testimonials__filters {
  border-color: rgba(10, 10, 10, 0.10) !important;
}

.testimonials__filter {
  color: #3D3D3D !important;
  border-color: rgba(10, 10, 10, 0.15) !important;
}

.testimonials__filter:hover {
  color: #0A0A0A !important;
  border-color: rgba(45, 90, 61, 0.5) !important;
}

.testimonials__filter.is-active {
  background: #2D5A3D !important;
  border-color: #2D5A3D !important;
  color: #FFFFFF !important;
}

.testimonials__filter-count {
  color: #2D5A3D !important;
}

.testimonials__filter.is-active .testimonials__filter-count {
  color: #FFFFFF !important;
  opacity: 0.75;
}

.testimonials__card {
  background: #F5F0E8 !important;
  border-color: rgba(10, 10, 10, 0.10) !important;
}

.testimonials__card:hover {
  border-color: rgba(45, 90, 61, 0.4) !important;
  background: #FFFFFF !important;
}

.testimonials__card-img {
  background: #E8E3DA !important;
}

.testimonials__card-quote {
  color: #0A0A0A !important;
}

.testimonials__card-meta {
  border-color: rgba(10, 10, 10, 0.10) !important;
}

.testimonials__card-name {
  color: #2D5A3D !important;
}

.testimonials__card-info {
  color: #6B6B6B !important;
}

.testimonials__card-foot {
  border-color: rgba(10, 10, 10, 0.10) !important;
}

.testimonials__card-detail-label {
  color: #6B6B6B !important;
}

.testimonials__card-detail-value {
  color: #0A0A0A !important;
}

.testimonials__cta {
  border-color: rgba(10, 10, 10, 0.10) !important;
}

.testimonials__cta-text {
  color: #3D3D3D !important;
}

.testimonials__nav {
  border-color: rgba(10, 10, 10, 0.18) !important;
  color: #0A0A0A !important;
}

.testimonials__nav:hover {
  border-color: #2D5A3D !important;
  color: #2D5A3D !important;
  background: rgba(45, 90, 61, 0.06) !important;
}

.testimonials__dot {
  background: rgba(10, 10, 10, 0.15) !important;
}

.testimonials__dot::after {
  background: #2D5A3D !important;
}

/* ============================================================
   15 — SERVICES
   ============================================================ */
.services {
  color: #0A0A0A !important;
}

.services__list {
  border-color: rgba(10, 10, 10, 0.10) !important;
}

.services__item {
  border-color: rgba(10, 10, 10, 0.10) !important;
}

.services__item::before {
  background: rgba(45, 90, 61, 0.06) !important;
}

.services__num {
  color: #6B6B6B !important;
}

.services__name {
  color: #0A0A0A !important;
}

.services__item:hover .services__name {
  color: #2D5A3D !important;
}

.services__desc {
  color: #3D3D3D !important;
}

.services__arrow {
  color: #0A0A0A !important;
}

/* ============================================================
   16 — CONTACT
   ============================================================ */
.contact {
  background: #FFFFFF !important;
  color: #0A0A0A !important;
}

.field {
  border-color: rgba(10, 10, 10, 0.18) !important;
}

.field:focus-within {
  border-color: #2D5A3D !important;
}

.field label {
  color: #6B6B6B !important;
}

.field input,
.field textarea {
  color: #0A0A0A !important;
}

.contact__side-label {
  color: #2D5A3D !important;
}

.contact__channels li {
  border-color: rgba(10, 10, 10, 0.10) !important;
}

.contact__channels a {
  color: #0A0A0A !important;
}

.contact__channels a:hover {
  color: #2D5A3D !important;
}

.contact__side-block p {
  color: #3D3D3D !important;
}

/* ============================================================
   17 — VIP (سبز عمیق)
   ============================================================ */
.vip__title,
.vip__card h3 {
  color: #F5F0E8 !important;
}

.vip__card p {
  color: #D4CFC5 !important;
}

.vip__card {
  background: #16301F !important;
}

.vip__card:hover {
  background: #1F3F2B !important;
}

.vip__grid {
  background: rgba(245, 240, 232, 0.12) !important;
  border-color: rgba(245, 240, 232, 0.12) !important;
}

.vip__num {
  color: #D4B48C !important;
}

/* ============================================================
   18 — CONSULTATION (سبز عمیق)
   ============================================================ */
.consultation__title,
.consultation__lede,
.consultation__detail-text {
  color: #F5F0E8 !important;
}

.consultation__lede {
  color: #D4CFC5 !important;
}

.consultation__detail {
  border-color: rgba(245, 240, 232, 0.12) !important;
}

.consultation__detail-num {
  color: #D4B48C !important;
}

.consultation__channel {
  color: rgba(245, 240, 232, 0.75) !important;
  border-color: rgba(245, 240, 232, 0.15) !important;
}

.consultation__channel:hover {
  color: #F5F0E8 !important;
  border-color: #D4B48C !important;
  background: rgba(212, 180, 140, 0.08) !important;
}

.consultation__cta {
  background: #D4B48C !important;
  color: #16301F !important;
  border-color: #D4B48C !important;
}

.consultation__cta:hover {
  background: transparent !important;
  color: #D4B48C !important;
}

/* ============================================================
   19 — FACILITY (سبز عمیق)
   ============================================================ */
.facility__card figcaption {
  color: #F5F0E8 !important;
}

.facility__card-title {
  color: #F5F0E8 !important;
}

.facility__card-desc {
  color: #D4CFC5 !important;
}

.facility__card-num {
  color: #D4B48C !important;
}

/* ============================================================
   20 — FLIGHT (مشکی)
   ============================================================ */
.flight__text h2 {
  color: #F5F0E8 !important;
}

.flight__text p {
  color: #D4CFC5 !important;
}

/* ============================================================
   21 — FOOTER (سبز عمیق)
   ============================================================ */
.footer {
  color: #F5F0E8 !important;
}

.footer__logo img {
  filter: brightness(0) invert(1) !important;
}

.footer__col-label {
  color: #D4B48C !important;
}

.footer__col a {
  color: #D4CFC5 !important;
}

.footer__col a:hover {
  color: #F5F0E8 !important;
}

.footer__bottom {
  color: #A39E94 !important;
}

.footer__top {
  border-color: rgba(245, 240, 232, 0.15) !important;
}

/* ============================================================
   22 — BUTTONS
   ============================================================ */
.btn--solid {
  background: #2D5A3D !important;
  color: #FFFFFF !important;
  border-color: #2D5A3D !important;
}

.btn--solid:hover {
  background: #3D7A52 !important;
  border-color: #3D7A52 !important;
}

.btn--outline-dark {
  background: transparent !important;
  color: #0A0A0A !important;
  border-color: rgba(10, 10, 10, 0.25) !important;
}

.btn--outline-dark:hover {
  background: #2D5A3D !important;
  color: #FFFFFF !important;
  border-color: #2D5A3D !important;
}

.btn--outline-light {
  background: transparent !important;
  color: #F5F0E8 !important;
  border-color: rgba(245, 240, 232, 0.35) !important;
}

.btn--outline-light:hover {
  background: #F5F0E8 !important;
  color: #16301F !important;
  border-color: #F5F0E8 !important;
}

/* ============================================================
   23 — FAB
   ============================================================ */
.fab__trigger {
  background: #2D5A3D !important;
  color: #FFFFFF !important;
  border-color: #2D5A3D !important;
}

.fab__trigger:hover {
  background: #3D7A52 !important;
  border-color: #3D7A52 !important;
}

.fab.is-open .fab__trigger {
  background: #D4B48C !important;
  color: #16301F !important;
  border-color: #D4B48C !important;
}

.fab__item {
  background: #FFFFFF !important;
  border-color: rgba(45, 90, 61, 0.35) !important;
  color: #2D5A3D !important;
}

.fab__item:hover {
  background: #2D5A3D !important;
  color: #FFFFFF !important;
  border-color: #2D5A3D !important;
}

.fab__backdrop {
  background: rgba(10, 10, 10, 0.5) !important;
}

/* ============================================================
   24 — PRELOADER
   ============================================================ */
.preloader {
  background: #FFFFFF !important;
  color: #0A0A0A !important;
}

.preloader__logo {
  color: #0A0A0A !important;
}

.preloader__bar {
  background: rgba(10, 10, 10, 0.15) !important;
}

.preloader__bar span {
  background: #2D5A3D !important;
}

.preloader__percent {
  color: #6B6B6B !important;
}

/* ============================================================
   25 — MENU DRAWER
   ============================================================ */
.menu__panel {
  background: #FFFFFF !important;
  color: #0A0A0A !important;
}

.menu__label {
  color: #2D5A3D !important;
}

.menu__close {
  color: #0A0A0A !important;
  border-color: rgba(10, 10, 10, 0.18) !important;
}

.menu__nav a {
  border-color: rgba(10, 10, 10, 0.10) !important;
}

.menu__text {
  color: #0A0A0A !important;
}

.menu__nav a:hover .menu__text {
  color: #2D5A3D !important;
}

.menu__num {
  color: #6B6B6B !important;
}

.menu__foot {
  color: #6B6B6B !important;
}

.menu__bg {
  background: rgba(10, 10, 10, 0.5) !important;
}

/* ============================================================
   26 — CURSOR
   ============================================================ */
#cursor .cursor__dot {
  background: #2D5A3D !important;
  box-shadow: 0 0 12px rgba(45, 90, 61, 0.7) !important;
}

#cursor .cursor__ring {
  border-color: rgba(45, 90, 61, 0.5) !important;
}

#cursor.is-hover .cursor__ring {
  border-color: #2D5A3D !important;
  background: rgba(45, 90, 61, 0.08) !important;
}

/* ============================================================
   27 — GRAIN / MISC
   ============================================================ */
.grain {
  opacity: 0.025;
}


/* ============================================================
   28 — GOLD ACCENTS (طلایی — حس لوکس)
   ============================================================ */

/* ============================================================
   A — خطوط جداکننده‌ی طلایی
   ============================================================ */
.services__list,
.treatments__item,
.process__panels,
.contact__channels li,
.testimonials__card-foot,
.testimonials__card-meta {
  border-color: rgba(212, 180, 140, 0.25) !important;
}

/* خط طلایی زیر هر item */
.treatments__item::after,
.services__item::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0%;
  height: 1px;
  background: linear-gradient(90deg, #D4B48C, transparent);
  transition: width 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.treatments__item:hover::after,
.services__item:hover::after {
  width: 100%;
}

/* ============================================================
   B — شماره‌ها و اعداد (طلایی)
   ============================================================ */

/* شماره‌ی سکشن‌ها */
.treatments__item-num,
.clinics__card-num,
.doctors__card-num {
  color: #D4B48C !important;
  background: rgba(10, 10, 10, 0.85) !important;
  border: 1px solid rgba(212, 180, 140, 0.4);
}

/* آمارها */
.standards__stat-num,
.doctors__stat-num,
.clinics__meta-num,
.guests__stat-num,
.doctors__card-stat-num {
  color: #B8976E !important;   /* طلایی تیره‌تر برای کنتراست روی روشن */
}

/* روی تیره — طلایی روشن */
.vip .vip__num,
.facility .facility__card-num {
  color: #D4B48C !important;
}

/* شماره‌ی پروسه */
.process__panel-num {
  color: #D4B48C !important;
  -webkit-text-stroke: 1px rgba(212, 180, 140, 0.3);
}

/* ============================================================
   C — Badge / Tag (طلایی)
   ============================================================ */
.doctors__card-verified,
.testimonials__card-badge {
  background: rgba(212, 180, 140, 0.15) !important;
  border-color: rgba(212, 180, 140, 0.5) !important;
  color: #8B6F47 !important;
}

.doctors__card-specialty,
.treatments__item-cat,
.testimonials__card-cat {
  color: #8B6F47 !important;
}

/* tags */
.doctors__card-specialties span,
.clinics__card-tags span,
.testimonials__card-detail-label {
  border-color: rgba(212, 180, 140, 0.35) !important;
  color: #8B6F47 !important;
}

/* ============================================================
   D — Monogram (طلایی)
   ============================================================ */
.clinics__card-monogram span {
  color: #D4B48C !important;
  font-weight: 400;
}

.clinics__card-monogram-ring {
  border-color: rgba(212, 180, 140, 0.4) !important;
}

.clinics__card-monogram-ring::before {
  border-color: rgba(212, 180, 140, 0.2) !important;
}

/* ============================================================
   E — دکمه‌های CTA خاص (طلایی)
   ============================================================ */

/* دکمه‌ی Request access توی VIP */
.vip__cta .btn--outline-light {
  background: #D4B48C !important;
  color: #16301F !important;
  border-color: #D4B48C !important;
}

.vip__cta .btn--outline-light:hover {
  background: transparent !important;
  color: #D4B48C !important;
  border-color: #D4B48C !important;
}

/* دکمه‌ی Apply as a clinic */
.clinics__footer .btn--outline-light {
  background: #D4B48C !important;
  color: #16301F !important;
  border-color: #D4B48C !important;
}

.clinics__footer .btn--outline-light:hover {
  background: transparent !important;
  color: #D4B48C !important;
  border-color: #D4B48C !important;
}

/* دکمه‌ی Begin your journey توی Testimonials */
.testimonials__cta .btn--outline-light {
  background: #2D5A3D !important;
  color: #F5F0E8 !important;
  border-color: #2D5A3D !important;
}

.testimonials__cta .btn--outline-light:hover {
  background: #3D7A52 !important;
  border-color: #3D7A52 !important;
}

/* ============================================================
   F — progress bar (طلایی → زمردی)
   ============================================================ */
.process__timeline-progress {
  background: linear-gradient(90deg, #2D5A3D, #D4B48C) !important;
  box-shadow: 0 0 12px rgba(212, 180, 140, 0.4) !important;
}

/* ============================================================
   G — زیرخط italic (طلایی نازک)
   ============================================================ */
.treatments__title-line--italic::after,
.process__title-line--italic::after,
.clinics__title-line--italic::after,
.doctors__title-line--italic::after,
.standards__title-line--italic::after,
.guests__title-line--italic::after,
.testimonials__title-line--italic::after {
  content: '';
  display: block;
  width: 60px;
  height: 1px;
  background: linear-gradient(90deg, #D4B48C, transparent);
  margin-top: 0.4rem;
}

/* روی تیره، طلایی روشن */
.vip__title-em::after,
.consultation__line--italic::after,
.facility__title-line--italic::after {
  content: '';
  display: block;
  width: 60px;
  height: 1px;
  background: linear-gradient(90deg, #D4B48C, transparent);
  margin-top: 0.4rem;
}

/* ============================================================
   H — عکس‌ها: قاب طلایی نازک
   ============================================================ */
.doctors__card-img,
.testimonials__card-img,
.facility__card,
.standards__cert-img {
  border: 1px solid rgba(212, 180, 140, 0.25) !important;
  transition: border-color 0.5s var(--ease) !important;
}

.doctors__card:hover .doctors__card-img,
.testimonials__card:hover .testimonials__card-img,
.facility__card:hover,
.standards__cert:hover .standards__cert-img {
  border-color: rgba(212, 180, 140, 0.6) !important;
}

/* ============================================================
   I — Hover روی لینک‌ها: طلایی
   ============================================================ */
.header__nav a:hover .header__nav-num {
  color: #D4B48C !important;
}

.clinics__card-cta:hover,
.treatments__item-cta:hover {
  color: #B8976E !important;
  border-bottom-color: #D4B48C !important;
}

/* ============================================================
   J — FAB: طلایی
   ============================================================ */
.fab__trigger-ring {
  border-color: rgba(212, 180, 140, 0.5) !important;
}

/* ============================================================
   K — Header CTA (Free Consultation): طلایی
   ============================================================ */
.header__cta {
  color: #16301F !important;
  border-color: #D4B48C !important;
}

.header__cta:hover {
  background: transparent !important;
  color: #8B6F47 !important;
  border-color: #D4B48C !important;
  box-shadow: 0 12px 40px rgba(212, 180, 140, 0.35) !important;
}

.header__cta-spark {
  color: #16301F !important;
}

.header__cta:hover .header__cta-spark {
  color: #D4B48C !important;
}

/* روی سکشن‌های تیره */
.header.is-dark .header__cta {
  background: #D4B48C !important;
  color: #16301F !important;
}

.header.is-dark .header__cta:hover {
  background: transparent !important;
  color: #D4B48C !important;
}

/* ============================================================
   L — Filter active (طلایی به جای سبز؟)
   ⚡ نگه‌داشتیم سبز، ولی hover طلایی
   ============================================================ */
.treatments__filter:hover:not(.is-active),
.testimonials__filter:hover:not(.is-active) {
  border-color: rgba(212, 180, 140, 0.6) !important;
  color: #8B6F47 !important;
}

/* ============================================================
   M — نقطه‌های active (طلایی)
   ============================================================ */
.process__step.is-active .process__step-dot {
  border-color: #D4B48C !important;
  box-shadow: 0 0 0 6px rgba(212, 180, 140, 0.15),
              0 0 24px rgba(212, 180, 140, 0.4) !important;
}

.process__step.is-active .process__step-dot::before {
  background: #D4B48C !important;
}

/* ============================================================
   N — Sub-heading gold
   ============================================================ */
.testimonials__rating-stars {
  color: #D4B48C !important;
}

.testimonials__card-stars {
  color: #D4B48C !important;
}

.testimonials__rating-num {
  color: #8B6F47 !important;
}

/* ============================================================
   O — Page background texture (subtle gold)
   ============================================================ */
.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(
    ellipse at 80% 20%,
    rgba(212, 180, 140, 0.06) 0%,
    transparent 50%
  );
  pointer-events: none;
  z-index: 0;
}

/* ============================================================
   P — Menu drawer: gold
   ============================================================ */
.menu__num {
  color: #B8976E !important;
}

.menu__close:hover {
  background: rgba(212, 180, 140, 0.1) !important;
  border-color: #D4B48C !important;
  color: #D4B48C !important;
}

/* ============================================================
   Q — Preloader bar: gold
   ============================================================ */
.preloader__bar span {
  background: linear-gradient(90deg, #2D5A3D, #D4B48C) !important;
}

/* ============================================================
   R — Contact form focus: gold
   ============================================================ */
.field:focus-within {
  border-color: #D4B48C !important;
}

.field input:focus + label,
.field input:not(:placeholder-shown) + label,
.field textarea:focus + label,
.field textarea:not(:placeholder-shown) + label {
  color: #8B6F47 !important;
}

/* ============================================================
   S — Selection color: gold
   ============================================================ */
::selection {
  background: #D4B48C !important;
  color: #16301F !important;
}

/* ============================================================
   T — Footer gold accents
   ============================================================ */
.footer__col-label {
  color: #D4B48C !important;
  position: relative;
  padding-bottom: 0.75rem;
}

.footer__col-label::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 24px;
  height: 1px;
  background: #D4B48C;
}

.footer__col a:hover {
  color: #D4B48C !important;
}

/* ============================================================
   29 — DOCTORS: FIX IMAGE FILTER
   ============================================================ */

/* حالت عادی — عکس کمی رنگ داره */
.doctors__card-img img {
  filter: grayscale(0.4) brightness(0.85) contrast(1.05) !important;
  transition: filter 0.8s var(--ease), transform 1.2s var(--ease) !important;
}

/* hover — کمی رنگی‌تر، نه کاملاً */
.doctors__card:hover .doctors__card-img img {
  filter: grayscale(0) brightness(0.95) contrast(1.05) !important;
  transform: scale(1.04) !important;
}

/* ============================================================
   30 — TESTIMONIALS: FIX IMAGE FILTER
   ============================================================ */

.testimonials__card-img img {
  filter: grayscale(0.4) brightness(0.9) contrast(1.05) !important;
  transition: filter 0.8s var(--ease), transform 1.2s var(--ease) !important;
}

.testimonials__card:hover .testimonials__card-img img {
  filter: grayscale(0) brightness(1) contrast(1.05) !important;
  transform: scale(1.04) !important;
}

/* ============================================================
   31 — FACILITY: FIX IMAGE FILTER
   ============================================================ */

.facility__card img {
  filter: grayscale(0.4) brightness(0.85) !important;
  transition: filter 1s var(--ease), transform 1.4s var(--ease) !important;
}

.facility__card:hover img {
  filter: grayscale(0) brightness(0.95) !important;
  transform: scale(1.06) !important;
}

/* ============================================================
   32 — STANDARDS CERT: FIX IMAGE FILTER
   ============================================================ */

.standards__cert-img img {
  filter: grayscale(0.3) brightness(0.95) !important;
  transition: filter 0.6s var(--ease), transform 0.8s var(--ease) !important;
}

.standards__cert:hover .standards__cert-img img {
  filter: grayscale(0) brightness(1) !important;
  transform: scale(1.04) !important;
}

/* عکس کارت‌های marquee */
.vip__marquee-img img {
  filter: grayscale(0.3) brightness(0.85) !important;
}

.vip__marquee-card:hover .vip__marquee-img img {
  filter: grayscale(0) brightness(1) !important;
}

/* عکس accordion (پنل‌ها) */
.vip__panel-bg img {
  filter: grayscale(0.4) brightness(0.55) !important;
}

.vip__panel:hover .vip__panel-bg img,
.vip__panel.is-active .vip__panel-bg img {
  filter: grayscale(0) brightness(0.8) !important;
}

.treatments__item-img img {
  filter: grayscale(0.3) brightness(0.85) !important;
}

.treatments__item:hover .treatments__item-img img {
  filter: grayscale(0) brightness(1) !important;
}


/* ============================================================
   PROCESS LIST — FIX (تضمینی)
   ============================================================ */
.process__panel-list li > span:first-child {
  display: inline-block !important;
  width: 20px !important;
  height: 1px !important;
  background: #B8976E !important;
  opacity: 0.7 !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}

.process__panel-list li > span:last-child {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  color: #0A0A0A !important;
  font-size: 0.92rem !important;
  line-height: 1.5 !important;
  flex: 1 !important;
  opacity: 1 !important;
}