/* ===== THAI MASSAGE THEMES ===== */

/* Theme 1: Warm Gold (default) */
:root,
[data-theme="gold"] {
  --color-primary: #B8860B;
  --color-primary-light: #DAA520;
  --color-primary-dark: #8B6914;
  --color-secondary: #2D2D2D;
  --color-accent: #FFF3D6;
  --color-bg: #FFFAF3;
  --color-bg-alt: #FFF5E6;
  --color-text: #1A1A1A;
  --color-text-muted: #6B6B6B;
  --color-text-on-primary: #FFFFFF;
  --color-border: #E8DCC8;
}

/* Theme 2: Deep Teal */
[data-theme="teal"] {
  --color-primary: #0D9488;
  --color-primary-light: #14B8A6;
  --color-primary-dark: #0F766E;
  --color-secondary: #1E293B;
  --color-accent: #CCFBF1;
  --color-bg: #F0FDFA;
  --color-bg-alt: #E6FAF5;
  --color-text: #1A1A1A;
  --color-text-muted: #64748B;
  --color-text-on-primary: #FFFFFF;
  --color-border: #C8E6E0;
}

/* Theme 3: Plum */
[data-theme="plum"] {
  --color-primary: #7C3AED;
  --color-primary-light: #8B5CF6;
  --color-primary-dark: #6D28D9;
  --color-secondary: #1E1B2E;
  --color-accent: #EDE9FE;
  --color-bg: #FAF5FF;
  --color-bg-alt: #F3E8FF;
  --color-text: #1A1A1A;
  --color-text-muted: #6B7280;
  --color-text-on-primary: #FFFFFF;
  --color-border: #DDD6FE;
}

/* ===== TEMPLATE-SPECIFIC STYLES ===== */
.hero {
  min-height: 100vh;
}

.service-card .card-body {
  display: flex;
  flex-direction: column;
}

.service-duration {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: var(--font-size-sm);
  color: var(--color-primary);
  font-weight: 600;
}

/* Price table enhancements */
.price-table-wrapper {
  background: var(--color-bg);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border);
}

.price-table th {
  background: var(--color-bg-alt);
}

/* About image shape */
.about-image {
  position: relative;
}

.about-image::after {
  content: '';
  position: absolute;
  inset: -8px;
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-lg);
  z-index: -1;
  opacity: 0.3;
}