/* SoloDance Core – structural styles. The Motion & Gesture theme restyles these through the --sd-* tokens. */
.sd {
	--sd-ink: #16101c;
	--sd-paper: #f7f2ea;
	--sd-card: #fffdf9;
	--sd-line: #e4dbcf;
	--sd-muted: #5f5566;
	--sd-accent: #b8124f;
	--sd-accent-ink: #ffffff;
	--sd-ok: #1d6b3a;
	--sd-warn: #9a4a00;
	--sd-radius: 18px;
	--sd-font-display: Georgia, serif;
	color: var(--sd-ink);
	font-size: 1rem;
	line-height: 1.55;
}
.sd *, .sd *::before, .sd *::after { box-sizing: border-box; }
.sd-h1, .sd-h2, .sd-h3, .sd-display { font-family: var(--sd-font-display); line-height: 1.08; margin: 0 0 .4em; font-weight: 600; }
.sd-display { font-size: clamp(2.2rem, 5vw, 4rem); }
.sd-h1 { font-size: clamp(2rem, 4vw, 3rem); }
.sd-h2 { font-size: clamp(1.4rem, 2.6vw, 2rem); }
.sd-h3 { font-size: 1.2rem; }
.sd-eyebrow { text-transform: uppercase; letter-spacing: .16em; font-size: .78rem; font-weight: 700; color: var(--sd-accent); margin: 0 0 .5em; }
.sd-muted { color: var(--sd-muted); }
.sd-small { font-size: .875rem; }
.sd-right { text-align: right; }
.sd-empty { padding: 1.5rem; background: var(--sd-card); border-radius: var(--sd-radius); color: var(--sd-muted); }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.sd-hp { position: absolute !important; left: -9999px; }

/* Buttons */
.sd-btn { display: inline-flex; align-items: center; justify-content: center; gap: .5em; min-height: 46px; padding: .7em 1.4em; border-radius: 999px; border: 1.5px solid transparent; font: inherit; font-weight: 700; text-decoration: none; cursor: pointer; transition: transform .2s, background .2s, color .2s; line-height: 1.2; }
.sd-btn:hover { transform: translateY(-1px); }
.sd-btn:focus-visible, .sd a:focus-visible, .sd input:focus-visible, .sd select:focus-visible, .sd textarea:focus-visible { outline: 3px solid var(--sd-accent); outline-offset: 2px; }
.sd-btn--primary { background: var(--sd-accent); color: var(--sd-accent-ink); }
.sd-btn--primary:hover { color: var(--sd-accent-ink); filter: brightness(.92); }
.sd-btn--dark { background: var(--sd-ink); color: var(--sd-paper); }
.sd-btn--light { background: var(--sd-paper); color: var(--sd-ink); }
.sd-btn--ghost { border-color: currentColor; background: transparent; color: var(--sd-ink); }
.sd-btn--sm { min-height: 40px; padding: .45em 1em; font-size: .9rem; }
.sd-btn--lg { min-height: 54px; padding: .9em 1.8em; font-size: 1.05rem; }
.sd-btn--block { width: 100%; }
.sd-link { background: none; border: 0; padding: 0; font: inherit; color: var(--sd-accent); text-decoration: underline; cursor: pointer; }
.sd-link--danger { color: #a3202d; }
.sd-back { font-weight: 600; text-decoration: none; }

/* Forms */
.sd-form, .sd-card { background: var(--sd-card); border-radius: var(--sd-radius); padding: clamp(1.25rem, 3vw, 2rem); }
.sd-field { margin: 0 0 1rem; display: flex; flex-direction: column; gap: .35rem; border: 0; padding: 0; }
.sd-field label, .sd-field legend, .sd-label { font-weight: 700; font-size: .92rem; }
.sd-field small, .sd-field label small { font-weight: 500; color: var(--sd-muted); }
.sd input[type=text], .sd input:not([type]), .sd input[type=email], .sd input[type=tel], .sd input[type=password], .sd input[type=date], .sd input[type=number], .sd select, .sd textarea,
.sd #sd-loginform input[type=text], .sd #sd-loginform input[type=password] {
	width: 100%; font: inherit; font-size: 1rem; padding: .75em .9em; border: 1.5px solid var(--sd-line); border-radius: 12px; background: #fff; color: var(--sd-ink); min-height: 48px;
}
.sd-other { margin-top: .4rem; }
.sd-grid2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 0 1.25rem; }
.sd-grid3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0 1rem; }
.sd-radios { display: flex; gap: 1.25rem; min-height: 48px; align-items: center; }
.sd-radios input, .sd-consent input, .sd-choice input, .sd-pill-check input, .sd-chipbox input, .sd-membership-add input { accent-color: var(--sd-accent); width: 20px; height: 20px; }
.sd-consent { display: flex; gap: .75rem; align-items: flex-start; padding: 1rem; border-radius: 14px; background: var(--sd-paper); font-size: .9rem; margin: 1rem 0; }
.sd-consent--inline { background: transparent; padding: 0; margin: 0; }
.sd-levelset { border: 0; padding: 1rem 0 0; margin: 1rem 0 0; border-top: 1px solid var(--sd-line); }
.sd-levelset legend { font-weight: 700; padding: 0; margin-bottom: .75rem; }
.sd-form__foot { display: flex; gap: .75rem; flex-wrap: wrap; margin-top: 1rem; }
.sd-danger { margin-top: 1.5rem; }
.sd-choice { border: 0; padding: 0; margin: 0 0 1.25rem; display: grid; gap: .5rem; }
.sd-choice legend { font-weight: 700; margin-bottom: .5rem; }
.sd-choice--row { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.sd-choice__opt { display: flex; gap: .75rem; align-items: flex-start; padding: .9rem 1rem; border: 1.5px solid var(--sd-line); border-radius: 14px; cursor: pointer; background: #fff; }
.sd-choice__opt:has(input:checked) { border-color: var(--sd-accent); box-shadow: 0 0 0 1px var(--sd-accent); }
.sd-choice__opt span { display: flex; flex-direction: column; }
.sd-choice__opt small { color: var(--sd-muted); }
.sd-inline-form { display: inline-flex; gap: .5rem; margin: .25rem 0; }

/* Notices & badges */
.sd-notice { padding: .9rem 1.1rem; border-radius: 14px; margin: 0 0 1rem; border-left: 0; font-weight: 600; }
.sd-notice--success { background: #e3f1e6; color: #12462a; }
.sd-notice--error { background: #fbe4e6; color: #7d1622; }
.sd-badge { display: inline-block; padding: .2em .65em; border-radius: 999px; font-size: .78rem; font-weight: 700; background: #eee7f0; color: #3b2d45; white-space: nowrap; }
.sd-badge--paid, .sd-badge--active { background: #e3f1e6; color: #12462a; }
.sd-badge--unpaid, .sd-badge--pending, .sd-badge--warn { background: #fdecc8; color: #6b3a00; }
.sd-badge--expired, .sd-badge--cancelled { background: #ece9ee; color: #555; }
.sd-status { font-weight: 700; font-size: .92rem; display: flex; gap: .5rem; align-items: baseline; }
.sd-status::before { content: ''; width: 9px; height: 9px; border-radius: 50%; flex: none; background: currentColor; transform: translateY(-1px); }
.sd-status.is-ok { color: var(--sd-ok); }
.sd-status.is-warn { color: var(--sd-warn); }
.sd-warn { color: var(--sd-warn); font-weight: 600; }

/* Auth */
.sd-auth { display: flex; justify-content: center; }
.sd-auth__card { width: min(560px, 100%); background: var(--sd-card); border-radius: 24px; padding: clamp(1.5rem, 4vw, 2.5rem); }
.sd-auth__links { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; font-size: .92rem; }
#sd-loginform p { margin: 0 0 1rem; display: flex; flex-direction: column; gap: .35rem; }
#sd-loginform .login-remember { flex-direction: row; }
#sd-loginform .button-primary { min-height: 50px; width: 100%; border: 0; border-radius: 999px; background: var(--sd-accent); color: #fff; font: inherit; font-weight: 700; cursor: pointer; }

/* Dashboard */
.sd-dash__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 1rem; margin-bottom: 1.5rem; }
.sd-actions { display: flex; gap: .5rem; flex-wrap: wrap; }
.sd-renew { display: flex; flex-wrap: wrap; gap: 1rem 2rem; align-items: center; justify-content: space-between; background: var(--sd-ink); color: var(--sd-paper); border-radius: 24px; padding: 1.5rem 1.75rem; margin-bottom: 1.5rem; }
.sd-renew__title { font-family: var(--sd-font-display); font-size: 1.4rem; margin: 0 0 .25rem; }
.sd-renew p { margin: 0 0 .5rem; }
.sd-renew__picks { display: flex; flex-wrap: wrap; gap: .5rem; }
.sd-pill-check { display: inline-flex; gap: .4rem; align-items: center; padding: .35rem .8rem; border-radius: 999px; background: rgba(255,255,255,.1); cursor: pointer; }
.sd-tabs { display: flex; gap: .25rem; border-bottom: 1.5px solid var(--sd-line); margin-bottom: 1.5rem; overflow-x: auto; }
.sd-tab { padding: .85rem 1rem; text-decoration: none; font-weight: 700; color: var(--sd-muted); border-bottom: 3px solid transparent; margin-bottom: -1.5px; white-space: nowrap; }
.sd-tab.is-active { color: var(--sd-ink); border-color: var(--sd-accent); }
.sd-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: 1.25rem; }
.sd-dancer { background: var(--sd-card); border-radius: 22px; padding: 1.4rem; display: flex; flex-direction: column; gap: .9rem; }
.sd-dancer__head { display: flex; gap: .9rem; align-items: center; }
.sd-dancer__name { font-family: var(--sd-font-display); font-size: 1.35rem; margin: 0; }
.sd-dancer__head p { margin: 0; font-size: .9rem; }
.sd-dancer__meta { margin: 0; font-size: .92rem; color: var(--sd-muted); }
.sd-dancer__foot { display: flex; gap: .5rem; margin-top: auto; padding-top: .9rem; border-top: 1px solid var(--sd-line); }
.sd-dancer__foot .sd-btn { flex: 1; }
.sd-dancer--add { align-items: center; justify-content: center; text-align: center; border: 2px dashed var(--sd-line); background: transparent; min-height: 260px; text-decoration: none; color: var(--sd-ink); }
.sd-plus { width: 54px; height: 54px; border-radius: 50%; display: grid; place-items: center; font-size: 1.8rem; background: var(--sd-card); color: var(--sd-accent); }
.sd-avatar { width: 52px; height: 52px; flex: none; border-radius: 50%; display: grid; place-items: center; font-weight: 700; color: #fff; background: var(--sd-accent); }
.sd-levels { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .4rem; }
.sd-levels li { padding: .3rem .7rem; border-radius: 999px; background: var(--sd-paper); font-size: .85rem; font-weight: 700; }
.sd-levels li span { font-weight: 500; color: var(--sd-muted); }
.sd-entrygroup { background: var(--sd-card); border-radius: 22px; padding: 1.25rem 1.4rem; margin-bottom: 1.25rem; }
.sd-entrygroup__head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; align-items: center; }
.sd-table-wrap { overflow-x: auto; }
.sd-table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.sd-table th, .sd-table td { text-align: left; padding: .75rem .6rem; border-bottom: 1px solid var(--sd-line); vertical-align: middle; }
.sd-table thead th { font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; color: var(--sd-muted); }
.sd-panels { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.25rem; }
.sd-panel { background: var(--sd-card); border-radius: 22px; padding: 1.4rem; }
.sd-panel--wide { grid-column: 1 / -1; }
.sd-list { list-style: none; margin: 0; padding: 0; }
.sd-list li { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; padding: .55rem 0; border-bottom: 1px solid var(--sd-line); }

/* Events */
.sd-filter { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 2rem; }
.sd-filter__chip { padding: .6rem 1.1rem; border-radius: 999px; border: 1.5px solid var(--sd-line); text-decoration: none; font-weight: 700; color: var(--sd-ink); background: var(--sd-card); }
.sd-filter__chip.is-active { background: var(--sd-ink); color: var(--sd-paper); border-color: var(--sd-ink); }
.sd-event-list { display: flex; flex-direction: column; gap: .75rem; margin-bottom: 3rem; }
.sd-event { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; align-items: center; background: var(--sd-card); border-radius: 22px; padding: 1.1rem 1.4rem; text-decoration: none; color: inherit; }
.sd-event__body { flex: 999 1 260px; min-width: 0; display: flex; flex-direction: column; }
.sd-event__kind { margin: 0; font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; color: var(--sd-muted); }
.sd-event__title { font-family: var(--sd-font-display); font-size: 1.3rem; margin: .1em 0; font-weight: 600; }
.sd-event__title a { color: inherit; text-decoration: none; }
.sd-event__meta { margin: 0; color: var(--sd-muted); font-size: .95rem; }
.sd-event-list--past .sd-event { padding: .8rem 1.2rem; background: transparent; border-bottom: 1px solid var(--sd-line); border-radius: 0; }
.sd-date { width: 72px; flex: none; text-align: center; border-radius: 16px; padding: .5rem 0; background: var(--sd-paper); display: flex; flex-direction: column; }
.sd-event.is-open .sd-date { background: var(--sd-accent); color: var(--sd-accent-ink); }
.sd-date__m { font-size: .72rem; font-weight: 800; letter-spacing: .12em; }
.sd-date__d { font-family: var(--sd-font-display); font-size: 1.35rem; font-weight: 700; line-height: 1.1; }
.sd-chip { padding: .35rem .8rem; border-radius: 999px; font-size: .82rem; font-weight: 700; background: var(--sd-ink); color: var(--sd-paper); }
.sd-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 1rem; margin: 1.5rem 0; }
.sd-facts dt { font-size: .75rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--sd-muted); }
.sd-facts dd { margin: .2rem 0 0; font-weight: 600; font-size: 1.05rem; }
.sd-sections__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1.25rem; }
.sd-sections__col { background: var(--sd-card); padding: 1.2rem; border-radius: 20px; }
.sd-tags { list-style: none; padding: 0; margin: .5rem 0 0; display: flex; flex-wrap: wrap; gap: .35rem; }
.sd-tags li { padding: .25rem .65rem; border-radius: 999px; background: var(--sd-paper); font-size: .85rem; font-weight: 600; }

/* Upcoming widget */
.sd-upcoming { list-style: none; margin: 0; padding: 0; }
.sd-upcoming__item { display: flex; gap: 1rem; align-items: center; padding: .9rem 0; border-top: 1px solid currentColor; border-color: rgba(127,127,127,.3); color: inherit; text-decoration: none; }
.sd-upcoming__text { flex: 1; display: flex; flex-direction: column; }
.sd-upcoming__text span { opacity: .75; font-size: .92rem; }

/* Entry form */
.sd-steps { list-style: none; display: flex; gap: .5rem; padding: 0; margin: 0 0 1.5rem; counter-reset: s; flex-wrap: wrap; }
.sd-steps li { counter-increment: s; flex: 1 1 160px; padding: .7rem 1rem; border-radius: 14px; background: var(--sd-card); font-weight: 700; color: var(--sd-muted); }
.sd-steps li::before { content: counter(s) '  '; }
.sd-steps li.is-current { background: var(--sd-ink); color: var(--sd-paper); }
.sd-pick { border: 2px solid var(--sd-line); border-radius: 22px; padding: 0; margin: 0 0 1rem; background: var(--sd-card); transition: border-color .2s, box-shadow .2s; }
.sd-pick.is-active { border-color: var(--sd-accent); box-shadow: 0 10px 30px -18px var(--sd-accent); }
.sd-pick.is-blocked { opacity: .7; }
.sd-pick__head { padding: 0; width: 100%; }
.sd-pick__toggle { display: flex; gap: .9rem; align-items: center; padding: 1.1rem 1.3rem; cursor: pointer; }
.sd-pick__toggle input { width: 24px; height: 24px; accent-color: var(--sd-accent); }
.sd-pick__name { font-family: var(--sd-font-display); font-size: 1.3rem; font-weight: 600; }
.sd-pick__body { padding: 0 1.3rem 1.2rem; }
.sd-pick__disc { margin-top: .9rem; }
.sd-pick__disclabel { margin: 0 0 .4rem; font-weight: 700; }
.sd-chips { display: flex; flex-wrap: wrap; gap: .5rem; }
.sd-chipbox { position: relative; }
.sd-chipbox input { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; cursor: pointer; margin: 0; }
.sd-chipbox span { display: inline-flex; align-items: center; min-height: 44px; padding: .5rem 1rem; border-radius: 999px; border: 1.5px solid var(--sd-line); background: #fff; font-weight: 700; }
.sd-chipbox input:checked + span { background: var(--sd-accent); border-color: var(--sd-accent); color: var(--sd-accent-ink); }
.sd-chipbox input:focus-visible + span { outline: 3px solid var(--sd-accent); outline-offset: 2px; }
.sd-chipbox--none input:checked + span { background: #fff; color: var(--sd-muted); border-color: var(--sd-ink); }
.sd-chipbox.is-done span { background: #e3f1e6; border-color: #e3f1e6; color: #12462a; }
.sd-membership-add { display: flex; gap: .6rem; align-items: center; padding: .7rem .9rem; border-radius: 14px; background: #fdecc8; font-weight: 600; }
.sd-total { position: sticky; bottom: 1rem; display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; align-items: center; justify-content: space-between; background: var(--sd-ink); color: var(--sd-paper); border-radius: 22px; padding: 1rem 1.3rem; margin-top: 1.5rem; z-index: 5; }
.sd-total .sd-muted { color: inherit; opacity: .75; }
.sd-total__value { font-family: var(--sd-font-display); font-size: 1.6rem; font-weight: 700; }
.sd-total__label { text-transform: uppercase; font-size: .75rem; letter-spacing: .14em; font-weight: 800; }
.sd-total .sd-choice__opt { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.2); color: inherit; }
.sd-total .sd-choice__opt small { color: inherit; opacity: .75; }
.sd-grid td.is-picked { background: #fde8f0; }
.sd-grid tr.is-blocked th { opacity: .6; }
.sd-grid select { min-width: 120px; }

/* Studios */
.sd-search { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.5rem; }
.sd-search input { flex: 2 1 220px; }
.sd-search select { flex: 1 1 160px; width: auto; }
.sd-studio-list { display: grid; gap: .75rem; }
.sd-studio { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; background: var(--sd-card); border-radius: 22px; padding: 1.2rem 1.4rem; }
.sd-studio__info p { margin: .2rem 0; }
.sd-studio__contact { flex: 1 1 280px; max-width: 420px; }
.sd-studio__contact summary { list-style: none; float: right; }
.sd-studio__contact summary::-webkit-details-marker { display: none; }
.sd-studio__contact[open] summary { float: none; margin-bottom: .75rem; }
.sd-form--compact { padding: 0; background: transparent; }

.sd-prose h2 { font-family: var(--sd-font-display); margin-top: 2rem; }

@media (max-width: 600px) {
	.sd-total { position: static; }
	.sd-date { width: 60px; }
}
@media (prefers-reduced-motion: reduce) {
	.sd *, .sd *::before, .sd *::after { transition: none !important; animation: none !important; }
}
