/* =========================================================
   SITE SKIN — zladenie verejnej rezervačnej stránky s webom
   gynkomed.sk: Fraunces + Manrope, ostrý editorial dizajn,
   telenová zelená. Načítava LEN index.html (nie admin).
   ========================================================= */

:root {
  --green:        #24B46D !important;
  --green-dark:   #1E9A5C !important;
  --green-soft:   #EEF9F3 !important;
  --green-tint:   #F5FAF7 !important;
  --ink:          #10241A !important;
  --ink-soft:     #3A4E44 !important;
  --muted:        #6E837A !important;
  --line:         #E2EDE7 !important;
  --line-soft:    #ECF6F0 !important;
  --bg:           #FFFFFF !important;
  --bg-soft:      #F5FAF7 !important;
  --warn:         #E08A1E !important;
  --radius-sm:    0px !important;
  --radius:       0px !important;
  --radius-lg:    0px !important;
  --radius-xl:    0px !important;
  --font-ui:      'Manrope', system-ui, sans-serif !important;
  --font-body:    'Manrope', system-ui, sans-serif !important;
}

body { font-family: 'Manrope', system-ui, sans-serif !important; color: var(--ink) !important; }

h1, h2, h3, h4 {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em !important;
  color: var(--ink) !important;
}
h1 { font-weight: 300 !important; }
h2 { font-weight: 300 !important; }
em { font-family: 'Fraunces', serif !important; font-style: italic !important; color: var(--green-dark) !important; }

/* ---- OSTRÉ HRANY (web je „hranatý") — štruktúrne prvky bez zaoblenia ---- */
.btn, .btn-primary, .btn-ghost, .btn-soft, .btn-danger,
.brand-mark, .about-icon, .hours-mini-row, .slot-pill, .legend-dot,
.booking-wrap, .stepper, .step-num,
.svc-option, .ptype-option, .date-chip, .mini-cal, .mc-day,
.slot-btn, .slot-empty, .slot-pill,
.field input, .field textarea, .field select,
.summary, .note, .consent, .reg-toggle,
.hours-wrap, .hours-mini-row, .service-card, .about-card, .contact-card,
.hero-card, .hero-card .cf, .eyebrow, .lang-pill,
.contact-map, .map-placeholder, .ph-card, .map-pin, .pin-icon,
.email-card, .reminder-how, .rh-ico,
.day-chip, .booking-card, .booking-time, .summary-row {
  border-radius: 0 !important;
}

/* tlačidlá — ostré, telenová, Manrope */
.btn { font-family: 'Manrope', sans-serif !important; font-weight: 600 !important; letter-spacing: .01em !important; }
.btn-primary { background: var(--green) !important; color: #fff !important; box-shadow: none !important; }
.btn-primary:hover:not(:disabled) { background: var(--green-dark) !important; }
.btn-ghost { border: 1px solid var(--green-900, #0E3F25) !important; color: var(--ink) !important; }

/* eyebrow — namiesto pilulky štítok s linkou (ako na webe) */
.eyebrow {
  background: transparent !important; border: 0 !important; padding: 0 !important;
  font-family: 'Manrope', sans-serif !important; font-weight: 700 !important;
  letter-spacing: .16em !important; text-transform: uppercase !important;
  color: var(--green-dark) !important; gap: 13px !important;
}
.eyebrow::before {
  content: "" !important; width: 28px !important; height: 2px !important;
  background: var(--green) !important; border-radius: 0 !important; box-shadow: none !important;
}

/* vstupy / výber — ostré, jemný zelený fokus */
.field input, .field textarea, .field select {
  border: 1px solid var(--line) !important; background: var(--paper, #F5FAF7) !important;
}
.field input:focus, .field textarea:focus, .field select:focus {
  border-color: var(--green) !important; box-shadow: 0 0 0 3px rgba(36,180,109,.15) !important; background: #fff !important;
}

/* sloty / dlaždice — ostré */
.slot-btn.is-selected, .date-chip.is-free.is-selected, .mc-day.mc-free.is-selected { background: var(--green) !important; border-color: var(--green) !important; }

/* nadpisy v krokoch / sekciách cez Fraunces (boli cez --font-ui) */
.step-pane h3, .booking-wrap h3, .contact-card h4, .section-head h2 { font-family: 'Fraunces', serif !important; }

/* krok — číslo ostré, akcent telenová */
.step.is-active .step-num { background: var(--green) !important; border-color: var(--green) !important; }
.step.is-done .step-num { background: var(--green-soft) !important; border-color: var(--green) !important; color: var(--green-dark) !important; }

/* hero hodiny — dnešný riadok, výnimky, poznámky */
.hours-mini-row.is-today { background: var(--green-tint) !important; border-radius: 0 !important; padding: 3px 6px !important; margin: 0 -6px !important; }
.hours-mini-row.is-today .hours-mini-day { font-weight: 700 !important; color: var(--green-dark) !important; }
.hours-mini-row.is-exc .hm-vals { color: var(--warn) !important; }
.hm-exc-badge {
  display: inline-block !important; font-size: .68rem !important; font-weight: 700 !important;
  letter-spacing: .06em !important; text-transform: uppercase !important;
  background: rgba(224,138,30,.15) !important; color: var(--warn) !important;
  padding: 1px 5px !important; margin-left: 5px !important; vertical-align: middle !important;
}
.hm-closed { color: var(--muted) !important; }
.hm-note { color: var(--muted) !important; font-size: .82em !important; font-style: italic !important; }