/* ==========================================================
   /randevu — Atelier görünümü (2026). style.css + apple.css'ten
   sonra yüklenir; renkler body.lm-atelier eşlemesinden
   (lumore-tokens.css) gelir. Geri almak için index.php'deki
   bu dosyanın bağlantısını ve body'deki lm-atelier sınıfını kaldırmak yeterli.
   ========================================================== */
html body.nude-page.lm-atelier {
    --ap-font: "Jost", "Futura", "Avenir Next", system-ui, -apple-system, "Segoe UI", sans-serif;
    --ap-font-display: "Bodoni Moda", "Didot", "Bodoni 72", Georgia, serif;
    --font: var(--ap-font);
    --font-display: var(--ap-font-display);
    --font-serif: var(--ap-font-display);
    --font-script: var(--ap-font-display);
    --accent: var(--lm-at-siyah);
    --gold: var(--lm-at-sampanya-metin);
    --radius: 0;
    --radius-sm: 0;
    --radius-xs: 0;
    --ap-shadow: none;
    --ap-shadow-hover: none;
    --shadow: none;
    --shadow-md: 0 8px 24px rgba(23, 23, 23, .08);
    --shadow-lg: 0 16px 40px rgba(23, 23, 23, .12);
    background: var(--lm-at-kirik);
    font-family: var(--ap-font);
    letter-spacing: normal;
}

/* Köşe yok: avatar, nokta, yükleniyor ve uyarı simgeleri hariç */
html body.nude-page.lm-atelier *:not(.gr-avatar):not(.profile-avatar):not(.bk-avatar):not(.step-dot):not(.dot):not(.loading-spinner):not(.gr-g-logo):not([class*="spinner"]):not([class*="avatar"]):not([class^="swal2-icon"]):not(.swal2-icon *):not(.swal2-loader) {
    border-radius: 0 !important;
}

/* Başlıklar serif, kalın değil */
html body.nude-page.lm-atelier :is(h1, h2, h3, .section-title, .step-title, .home-cat-title, .modal-title, .swal2-title) {
    font-family: var(--ap-font-display);
    font-weight: 400;
    letter-spacing: -0.01em;
}

/* Butonlar: büyük harf etiket, düz siyah */
html body.nude-page.lm-atelier :is(.btn-primary, .continue-btn, #confirmBtn, .confirm-btn, .swal2-confirm) {
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: 0.8rem;
    font-weight: 500;
}

html body.nude-page.lm-atelier :focus-visible { outline: 2px solid var(--lm-at-sampanya); outline-offset: 2px; }

/* ---------- Favori uzman ---------- */
html body.nude-page.lm-atelier .bk-staff-card { position: relative; }
html body.nude-page.lm-atelier .bk-staff-fav { display: block; margin-top: 2px; font-size: 0.68rem; letter-spacing: 0.06em; color: var(--lm-at-sampanya-metin); }
html body.nude-page.lm-atelier .bk-fav-toggle {
    margin: 4px 0 14px; padding: 6px 0; background: none; border: 0; cursor: pointer;
    font: inherit; font-size: 0.84rem; color: var(--lm-at-antrasit);
    text-decoration: underline; text-decoration-color: var(--lm-at-sampanya); text-underline-offset: 4px;
}
html body.nude-page.lm-atelier .bk-fav-toggle[aria-pressed="true"] { color: var(--lm-at-sampanya-metin); text-decoration: none; }
html body.nude-page.lm-atelier .bk-fav-toggle:disabled { opacity: .5; }

/* ---------- Son randevuyu tekrarla ---------- */
html body.nude-page.lm-atelier .bk-rebook {
    display: flex; align-items: center; justify-content: space-between; gap: 14px;
    position: relative; z-index: 1; margin: 14px 16px 6px; padding: 16px 18px;
    background: var(--lm-at-beyaz); border: 1px solid var(--lm-at-sampanya);
}
html body.nude-page.lm-atelier .bk-rebook-text { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
html body.nude-page.lm-atelier .bk-rebook-text b { font-weight: 500; font-size: 0.98rem; overflow-wrap: anywhere; }
html body.nude-page.lm-atelier .bk-rebook-text span:last-child { font-size: 0.82rem; color: var(--lm-at-gri); }
html body.nude-page.lm-atelier .bk-rebook .btn { flex: none; width: auto; padding: 0 18px; min-height: 42px; }
@media (min-width: 900px) { html body.nude-page.lm-atelier .bk-rebook { max-width: 860px; margin-left: auto; margin-right: auto; } }

/* ---------- Onay ekranı kural metni ---------- */
html body.nude-page.lm-atelier .bk-policy {
    margin: 14px 0 18px; padding-top: 14px; border-top: 1px solid var(--lm-at-cizgi);
    font-size: 0.84rem; line-height: 1.6; color: var(--lm-at-gri); text-align: left;
}
html body.nude-page.lm-atelier .bk-policy b { color: var(--lm-at-siyah); font-weight: 500; }

/* ---------- Doğrulama formunda KVKK bilgisi ---------- */
html body.nude-page.lm-atelier .bk-kvkk { margin: 12px 0 0; font-size: 0.78rem; line-height: 1.5; color: var(--lm-at-gri); text-align: left; }
html body.nude-page.lm-atelier .bk-kvkk a { color: var(--lm-at-siyah); text-decoration: underline; text-underline-offset: 3px; }