/* JógaTér – oktató nyilvános oldala (v7.2). A színek/betűk a style.css :root változóiból jönnek. */
.oo-body { background: var(--bg-main, #faf6f1); min-height: 100vh; display: flex; flex-direction: column; }
.oo-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 20px; background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,.06); position: sticky; top: 0; z-index: 20; }
.oo-vissza { font-weight: 600; color: var(--brown, #7a5c43); text-decoration: none; }
.oo-vissza:hover { text-decoration: underline; }
.oo-share { border: 1px solid rgba(37,91,110,.35); background: #fff; color: #255b6e; border-radius: 999px; padding: 7px 14px; font: inherit; font-size: .88rem; cursor: pointer; }
.oo-share:hover { background: rgba(37,91,110,.08); }
.oo-main { width: 100%; max-width: 820px; margin: 0 auto; padding: 28px 18px 48px; flex: 1; }
.oo-profil { display: flex; gap: 22px; align-items: center; flex-wrap: wrap; background: var(--bg-card, #fff); border-radius: var(--radius, 16px); box-shadow: var(--shadow, 0 4px 20px rgba(0,0,0,.06)); padding: 22px; }
.oo-kep { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; border: 4px solid var(--accent, #eba35f); flex: 0 0 auto; }
.oo-profil-szoveg { flex: 1; min-width: 220px; }
.oo-profil h1 { font-family: 'Playfair Display', serif; font-size: 1.8rem; margin: 0 0 4px; color: var(--text-dark, #2d2622); }
.oo-szak { color: var(--text-muted, #8a7f78); margin: 0 0 8px; }
.oo-cim { font-size: .85rem; color: var(--text-muted, #8a7f78); margin: 0 0 10px; }
.oo-cim span { background: rgba(37,91,110,.08); border-radius: 6px; padding: 2px 8px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.oo-kapcs { display: flex; gap: 14px; flex-wrap: wrap; font-size: .92rem; }
.oo-kapcs a { color: #255b6e; text-decoration: none; }
.oo-kapcs a:hover { text-decoration: underline; }
.oo-bio { margin: 20px 0 0; background: var(--bg-card, #fff); border-radius: var(--radius, 16px); box-shadow: var(--shadow, 0 4px 20px rgba(0,0,0,.06)); padding: 20px 22px; line-height: 1.65; }
.oo-bio p { margin: 0 0 10px; }
.oo-bio img { max-width: 100%; height: auto; border-radius: 10px; }
.oo-orak { margin-top: 26px; }
.oo-orak h2 { font-family: 'Playfair Display', serif; font-size: 1.4rem; margin: 0 0 12px; }
.oo-nap { font-size: .95rem; color: var(--brown, #7a5c43); margin: 18px 0 8px; padding-bottom: 4px; border-bottom: 1px dashed rgba(122,92,67,.3); }
.oo-ora { margin-bottom: 8px; }
.oo-ora .btn-register { text-decoration: none; }
.oo-copy { cursor: pointer; }
.oo-figyelem { background: rgba(235,163,95,.16); border-left: 3px solid var(--accent, #eba35f); padding: 10px 14px; border-radius: 8px; margin-bottom: 14px; font-size: .9rem; }
.oo-ures { color: var(--text-muted, #8a7f78); }
.oo-lab { text-align: center; padding: 22px; font-size: .85rem; color: var(--text-muted, #8a7f78); }
.oo-lab a { color: var(--brown, #7a5c43); }
.oo-toast { position: fixed; left: 50%; bottom: 28px; transform: translateX(-50%); background: #2d2622; color: #fff; padding: 10px 18px; border-radius: 999px; font-size: .9rem; box-shadow: 0 6px 20px rgba(0,0,0,.25); z-index: 50; }
@media (max-width: 560px) {
  .oo-profil { padding: 18px; }
  .oo-kep { width: 92px; height: 92px; }
  .oo-profil h1 { font-size: 1.45rem; }
  .oo-ora { flex-wrap: wrap; }
  .oo-ora .popup-class-name { flex-basis: 100%; }
}