/* ruuhe Coaching – Klientenseite. Baut auf dem Theme ruuhe-september auf. */

/* Die Seite hat einen Seitentitel, also zeichnet das Theme Ring und Quadrat schon auf <main>.
   Die Sektion selbst ist zugleich „erste Sektion im Inhalt“ und bekäme beides ein zweites Mal – hier aus. */
.rs-inhalt > section.rc-bereich:first-child::before,
.rs-inhalt > section.rc-bereich:first-child::after { display: none; }
.rc-vergangen { opacity: 0.55; }
.rc-vergangen .wp-block-button__link { pointer-events: none; }
.rc-zeit-gross { font-family: var(--wp--preset--font-family--display, serif); font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 700; line-height: 1.15; letter-spacing: -0.01em; margin: 0 0 1rem; }
.rc-upload { display: grid; gap: 0.75rem; margin-top: 1.75rem !important; } /* !important: der Fluss-Abstand der Karte setzt sonst 0 */
.rc-upload input[type="file"] { font-size: 0.95rem; max-width: 100%; }
.rc-upload button { justify-self: start; cursor: pointer; }
.rc-hinweis { border-left: 4px solid var(--wp--preset--color--petrol, #197278); padding: 0.75rem 1rem; background: var(--wp--preset--color--nebel, #F4F7F7); margin: 0 0 2rem !important; }
.rc-hinweis.rc-fehler { border-color: var(--wp--preset--color--terrakotta, #C44536); background: var(--wp--preset--color--rose, #EDDDD4); }
.rc-login .fls_login_wrapper, .rc-login .fls_login_form { max-width: 100%; }
.rc-liste-kontakt li + li { margin-top: 0.5rem; }

/* ─────────────────────────────────────────────────────────────
   Als Reiter „Coaching“ im FluentCart-Kundenkonto (/account/coaching/)
   FluentCart zeichnet Seitenleiste und Rahmen; hier nur der Inhalt daneben.
   ───────────────────────────────────────────────────────────── */

/* Seitenleiste links, Inhalt rechts kommt von FluentCart (Flex). Der Inhaltsbereich wird zum Container,
   damit die Spalten unten nach seiner Breite umbrechen – :has() greift nur, wenn unser Reiter drin ist. */
.fct-customer-dashboard-app-container:has(> .fct-customer-dashboard-main-content > .rc-konto) > .fct-customer-dashboard-main-content { min-width: 0; container-type: inline-size; }

.rc-konto { padding: 1.75rem 2rem 2.5rem; color: var(--wp--preset--color--tinte, #283D3B); }
.rc-konto .rc-im-konto > * + * { margin-block-start: 0; }
/* Karten etwas kompakter, der Platz neben der Leiste ist schmaler */
.rc-konto .is-style-karte, .rc-konto .is-style-karte-akzent { padding: 1.5rem !important; }
.rc-konto .rc-zeit-gross { font-size: clamp(1.35rem, 1rem + 1.6cqi, 1.9rem); }
.rc-konto .rs-knoten > .wp-block-column:first-child { flex-basis: 104px; }
/* FluentCart nimmt allen Listen im Konto die Punkte – die Kontaktliste bekommt sie zurück */
/* Seit 1.3.1 das Aufzählungszeichen des Themes (Terrakotta-Quadrat) statt Kreis – nur der Außenabstand bleibt fest */
.rc-konto ul.wp-block-list { list-style: none !important; padding-left: 0 !important; margin: 0 !important; }
.rc-konto .wp-block-button__link { line-height: 1.3; }

/* Schmaler Inhalt (Tablet, oder Seitenleiste nimmt viel Platz): Spalten untereinander */
@container (max-width: 640px) {
  .rc-konto { padding: 1.5rem 1.25rem 2rem; }
  .rc-konto .wp-block-columns:not(.rs-knoten) { flex-wrap: wrap !important; }
  .rc-konto .wp-block-columns:not(.rs-knoten) > .wp-block-column { flex-basis: 100% !important; }
}
/* Handy: FluentCart legt die Leiste über den Inhalt und nimmt das Innenpolster weg */
@media (max-width: 806px) {
  .rc-konto { padding: 0.5rem 0 1.5rem; }
}
/* Bezahlen (seit 1.6.0): Sprungziel #bezahlen unter dem festen Kopf, drei Zahlungsweisen nebeneinander */
.rc-bereich .rc-anker { height: 0; scroll-margin-top: 7rem; }
.rc-bereich .rc-zahlarten > .wp-block-column { border-top: 2px solid var(--wp--preset--color--sand, #E3DDD6); padding-top: 1rem; }

/* Upload-Hinweis im Formular (1.6.2) */
.rc-upload .rc-hinweis { margin: 0.5rem 0 1rem !important; }
.rc-upload .rc-hinweis[hidden] { display: none; }