/* ===== Arrangement (frontend) ===== */
.arrangement-single .arr-title{ margin:0 0 .5rem; line-height:1.2; }
.arrangement-single .arr-thumb-wrap{ margin:1rem 0 1.5rem; }
.arrangement-single .arr-thumb{ width:100%; height:auto; border-radius:12px; box-shadow:0 1px 8px rgba(0,0,0,.06); }

/* Header-meta: Når + Nedtelling */
.arrangement-single .arr-meta{ display:grid; gap:12px; align-items:center; grid-template-columns: 1fr; margin:.5rem 0 1.5rem; }
.arrangement-single .arr-when{ font-size:1.05rem; }
.arrangement-single .arr-when__value{ margin-left:.25rem; }

/* Nedtelling */
.arrangement-single .arr-countdown{ background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:12px 14px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.arrangement-single .arr-countdown__title{ font-weight:700; color:#0f172a; margin-right:6px; }
.arrangement-single .arr-countdown__timer{ display:flex; align-items:center; gap:8px; font-variant-numeric: tabular-nums; }
.arrangement-single .cd-item{ display:flex; flex-direction:column; align-items:center; min-width:56px; background:#f8fafc; border:1px solid #e5e7eb; border-radius:8px; padding:6px 8px; }
.arrangement-single .cd-num{ font-size:1.25rem; font-weight:700; line-height:1; }
.arrangement-single .cd-label{ font-size:.75rem; color:#475569; }
.arrangement-single .cd-sep{ font-weight:700; color:#64748b; }
.arrangement-single .arr-countdown__status{ color:#065f46; background:#ecfdf5; border:1px solid #a7f3d0; border-radius:8px; padding:6px 10px; font-weight:600; }

/* Innehåll */
.arrangement-single .arr-content{ margin:1.5rem 0 2rem; }
.arrangement-single .arr-content .wp-block-heading{ margin-top:0; }
.arrangement-single .arr-content p{ margin-bottom:1rem; }

/* Program-Tabell */
.arrangement-single .arr-section{ margin:2rem 0; }
.arrangement-single .arr-h2{ font-size:1.5rem; margin:0 0 .75rem; line-height:1.3; }

.arrangement-single .arr-program__table{ display:grid; gap:10px; }
.arrangement-single .arr-program__thead{ display:grid; grid-template-columns: 140px 1fr; gap:12px; font-weight:700; color:#0f172a; padding:6px 8px; }
.arrangement-single .arr-program__row{ display:grid; grid-template-columns: 140px 1fr; gap:12px; align-items:start; padding:12px 14px; border:1px solid #e5e7eb; border-radius:10px; background:#fff; box-shadow:0 1px 6px rgba(0,0,0,.03); }
.arrangement-single .arr-program__time{ font-weight:700; white-space:nowrap; }
.arrangement-single .arr-program__activity{ }
.arrangement-single .arr-muted{ color:#64748b; }

/* Lite bättre layout på större skärmar */
@media (min-width: 768px){
  .arrangement-single .arr-meta{ grid-template-columns: 1fr auto; }
}