/* PureSeminar – Seite und Kundenkonto */
:root { --ps-marine: #113b53; --ps-orange: #e09900; --ps-linie: #e0e0e0; --ps-text: #24303f; --ps-grau: #5f6b7a; --ps-flaeche: #f5f8fb; }

.ps-marke { display: inline-block; padding: 2px 10px; border-radius: 999px; font-size: .75rem; font-weight: 600; letter-spacing: .02em; background: #e3edf6; color: var(--ps-marine); }
.ps-marke--webinar { background: #fdf1d8; color: #7a5300; }
.ps-leer { color: var(--ps-grau); font-style: italic; }
.ps-los, .ps-termin .ps-los, .ps-kasten .ps-los { background: var(--ps-orange) !important; color: #1b1300 !important; }
.ps-karte-konto__aktion .button { border-radius: 8px; }
.ps-karte-konto__aktion .disabled { font-size: .95rem; }

.ps-kasten { border: 1px solid var(--ps-linie); border-radius: 12px; padding: 20px 22px; margin: 0 0 2rem; background: var(--ps-flaeche); }
.ps-kasten dl { display: grid; grid-template-columns: max-content 1fr; gap: 6px 18px; margin: 14px 0; }
.ps-kasten dt { font-weight: 600; color: var(--ps-marine); }
.ps-kasten dd { margin: 0; }
.ps-kasten__knopf { margin-top: 8px; }

.ps-raster { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 20px; }
.ps-termin { display: flex; flex-direction: column; gap: 8px; border: 1px solid var(--ps-linie); border-radius: 12px; padding: 18px; background: #fff; }
.ps-termin__kopf { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: .85rem; color: var(--ps-grau); }
.ps-termin h3 { margin: 0; font-size: 1.3rem; font-weight: 600; line-height: 1.25; }
.ps-termin h3 a { text-decoration: none; color: var(--ps-marine); }
.ps-termin p { margin: 0; font-size: .95rem; line-height: 1.5; }
.ps-termin__fuss { font-size: .85rem !important; color: var(--ps-grau); margin-top: auto !important; }
.ps-termin .wp-element-button, .ps-kasten .wp-element-button { align-self: flex-start; background: var(--ps-marine); color: #fff; font-size: .95rem; padding: .7em 1.2em; border-radius: 8px; text-decoration: none; }
.ps-termin .wp-element-button:hover, .ps-kasten .wp-element-button:hover { background: #0c2d40; }

.ps-produkt-termin { margin: 0 0 1rem; padding: 10px 14px; border-left: 4px solid var(--ps-marine); background: var(--ps-flaeche); }
.ps-position { margin-top: 6px; font-size: .9em; }

.ps-konto { display: flex; flex-direction: column; gap: 14px; }
.ps-konto__zwischen { margin: 18px 0 0; font-size: 1rem; color: var(--ps-grau); }
.ps-karte-konto { display: grid; grid-template-columns: 64px 1fr auto; gap: 16px; align-items: center; border: 1px solid var(--ps-linie); border-radius: 12px; padding: 14px 16px; background: #fff; }
.ps-karte-konto--offen { border-color: var(--ps-orange); box-shadow: 0 0 0 1px var(--ps-orange); }
.ps-karte-konto--vorbei { opacity: .65; }
.ps-karte-konto__datum { display: flex; flex-direction: column; align-items: center; background: var(--ps-marine); color: #fff; border-radius: 10px; padding: 6px 0; line-height: 1.1; text-transform: uppercase; font-size: .7rem; }
.ps-karte-konto__datum strong { font-size: 1.6rem; }
.ps-karte-konto__inhalt h3 { margin: 6px 0 2px; font-size: 1.05rem; }
.ps-karte-konto__inhalt h3 a { text-decoration: none; color: var(--ps-marine); }
.ps-karte-konto__inhalt p { margin: 0; color: var(--ps-grau); font-size: .9rem; }
.ps-karte-konto__aktion { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; text-align: right; }
.ps-karte-konto__aktion small { color: var(--ps-grau); }
.ps-karte-konto__aktion .disabled { opacity: .5; pointer-events: none; }
.ps-heute .button { margin-left: 8px; }

@media (max-width: 600px) {
    .ps-karte-konto { grid-template-columns: 56px 1fr; }
    .ps-karte-konto__aktion { grid-column: 1 / -1; align-items: stretch; text-align: left; }
}