/*
Theme Name: Regionalleitstelle Osnabrück – Child
Theme URI: https://regionalleitstelle-osnabrueck.de
Description: Kadence Child-Theme für die Regionalleitstelle Osnabrück. Enthält das Design-System (Farben, Typografie, Sektions-Styles) und die Block-Patterns des Konzeptentwurfs. Erstellt von Hasegold.
Author: Hasegold
Author URI: https://hasegold.de
Template: kadence
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: rlst-child
*/

/* ============================================================
   Design-Tokens (aus dem Konzeptentwurf)
   ============================================================ */
:root{
  --rlst-red:#D6001C;
  --rlst-red-dark:#A80016;
  --rlst-navy:#0B2545;
  --rlst-navy-2:#13315C;
  --rlst-ink:#12181F;
  --rlst-ink-soft:#4A5561;
  --rlst-line:#D9DEE4;
  --rlst-bg-soft:#F4F6F8;
  --rlst-blue-pale:#E3F0F7;
  --rlst-blue-ink:#0B3B5C;
  --rlst-warn-bg:#FFF4E5;
  --rlst-warn-border:#B4530E;
  --rlst-warn-ink:#6E320A;
  --rlst-radius:14px;
}

/* Basis-Feinschliff */
body{color:var(--rlst-ink);}
.rlst-kicker{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:.95rem;color:var(--rlst-ink-soft);}
.rlst-kicker::before{content:"";width:26px;height:4px;background:var(--rlst-red);border-radius:2px;}

/* Buttons – wir nutzen bevorzugt Kadence/Core-Buttons; diese Klassen für Patterns */
.rlst-btn{display:inline-flex;align-items:center;gap:9px;font-weight:700;padding:14px 26px;border-radius:999px;text-decoration:none;border:2px solid transparent;}
.rlst-btn--red{background:var(--rlst-red);color:#fff;}
.rlst-btn--red:hover{background:var(--rlst-red-dark);color:#fff;}
.rlst-btn--ghost{background:transparent;color:var(--rlst-navy);}
.rlst-btn--ghost:hover{text-decoration:underline;}

/* ============================================================
   Warnmeldungs-Leiste (per Hook aus rlst-core ausgegeben)
   ============================================================ */
.rlst-alert{background:var(--rlst-warn-bg);border-bottom:2px solid var(--rlst-warn-border);}
.rlst-alert__inner{max-width:var(--global-content-width,1290px);margin-inline:auto;display:flex;align-items:center;gap:12px;padding:11px clamp(16px,4vw,40px);}
.rlst-alert__ico{flex:none;width:20px;height:20px;color:var(--rlst-warn-border);}
.rlst-alert__label{flex:none;background:var(--rlst-warn-border);color:#fff;font-weight:800;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:6px;}
.rlst-alert__txt{color:var(--rlst-warn-ink);font-weight:600;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rlst-alert__more{flex:none;color:var(--rlst-warn-ink);font-weight:800;text-decoration:underline;font-size:.95rem;}
.rlst-alert__close{flex:none;margin-left:auto;background:none;border:0;cursor:pointer;color:var(--rlst-warn-ink);font-size:1.3rem;line-height:1;padding:4px 8px;min-height:40px;}

/* ============================================================
   Sektions-Styles für die Block-Patterns
   ============================================================ */
/* Notruf-Streifen */
.rlst-notruf{border-top:1px solid var(--rlst-line);border-bottom:1px solid var(--rlst-line);}
.rlst-notruf .rlst-ns{display:flex;align-items:baseline;gap:12px;}
.rlst-notruf .rlst-ns span{color:var(--rlst-ink-soft);font-size:.95rem;font-weight:600;}
.rlst-notruf .rlst-ns b{font-size:1.35rem;font-weight:800;letter-spacing:-.01em;color:var(--rlst-navy);}
.rlst-notruf .rlst-ns--primary b{color:var(--rlst-red);}

/* Ablauf-Schritte */
.rlst-step{border-top:3px solid var(--rlst-line);padding-top:16px;}
.rlst-step .rlst-step__n{font-size:1.6rem;font-weight:800;color:var(--rlst-red);}

/* Kennzahlen */
.rlst-stat{border-radius:var(--rlst-radius);padding:26px 22px;background:var(--rlst-bg-soft);}
.rlst-stat--navy{background:var(--rlst-navy);color:#fff;}
.rlst-stat--blue{background:var(--rlst-blue-pale);color:var(--rlst-blue-ink);}
.rlst-stat .rlst-stat__v{font-size:2.2rem;font-weight:800;letter-spacing:-.02em;line-height:1;}
.rlst-stat .rlst-stat__l{margin-top:6px;font-size:.95rem;opacity:.92;}

/* News-/Karriere-Karten (Query Loop) */
.rlst-card{border:1px solid var(--rlst-line);border-radius:var(--rlst-radius);overflow:hidden;background:#fff;height:100%;}
.rlst-card img{display:block;width:100%;height:auto;}
.rlst-card__body{padding:20px;}

/* FAQ (core/details) */
.rlst-faq details{border-bottom:1px solid var(--rlst-line);padding:4px 0;}
.rlst-faq summary{cursor:pointer;padding:16px 4px;font-weight:700;font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;align-items:center;}
.rlst-faq summary::-webkit-details-marker{display:none;}
.rlst-faq summary::after{content:"+";color:var(--rlst-red);font-size:1.4rem;line-height:1;}
.rlst-faq details[open] summary::after{content:"–";}
.rlst-faq details .rlst-faq__a{padding:0 4px 18px;color:var(--rlst-ink-soft);max-width:60ch;}

/* Karriere-Teaser */
.rlst-career{background:var(--rlst-navy);color:#fff;border-radius:var(--rlst-radius);}
.rlst-career *{color:#fff;}

/* Fokus-Sichtbarkeit (Barrierefreiheit) */
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #0B57D0;outline-offset:3px;border-radius:6px;}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto;}}