/* =====================================================================
   Driftinformation: Pågår/Avslutat och uppdatering överst i ett inlägg som också är ett meddelande.
   Läggs in av pluginet Ekebys öppettider (inne i post-content). Texten bär budskapet; färgen är bara stöd.
   ===================================================================== */
.driftinfo { --_ak: var(--violett); --_bg: var(--dis);
  margin: 0 0 clamp(24px, 3.5vw, 36px); padding: 16px 20px 16px 22px; border-radius: 16px; background: var(--_bg);
  border: 1px solid var(--linje); border-left: 6px solid var(--_ak); color: var(--text); }
.driftinfo p { margin: 0; max-width: none; }
.driftinfo__uppdatering { font-family: var(--rubrik); font-size: 1.25rem; line-height: 1.4; font-weight: 600; letter-spacing: -.01em; color: var(--natt); }
.driftinfo__uppdatering strong { font-weight: 800; }
.driftinfo__uppdatering + .driftinfo__status { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--linje); }
.driftinfo__status { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 12px; font-size: 1rem; line-height: 1.5; }
.driftinfo__etikett { display: inline-block; padding: 2px 12px; border-radius: 999px; font-weight: 800; font-size: .9375rem; line-height: 1.5;
  background: var(--_ak); color: #fff; }
.driftinfo--kommande { --_ak: var(--violett-mork); }
.driftinfo--avslutat { --_ak: var(--dampad); --_bg: #f7f6fa; }
.driftinfo--utkast { --_ak: var(--solnedgang-mork); border-style: dashed; border-left-style: solid; }
@media (max-width: 640px) {
  .driftinfo { padding: 14px 16px 14px 18px; border-radius: 14px; }
  .driftinfo__uppdatering { font-size: 1.125rem; }
}