/* ======================================================================
   my_calendar.css — style dla /me/my_calendar.php  (v1.3)
   - Sekcje, scalone "linklike", fix .ekf-onair-dot
   ====================================================================== */

/* === Utils === */
.m-0{margin:0!important}
.mt-8{margin-top:8px!important}
.mt-10{margin-top:10px!important}
.mb-16{margin-bottom:16px!important}

/* === ON AIR (puls) === */
@keyframes ekf-onair-pulse{
  0%,100%{box-shadow:0 0 0 1px rgba(191,6,3,.15),0 0 8px rgba(191,6,3,.40)}
  50%{box-shadow:0 0 0 2px rgba(191,6,3,.22),0 0 12px rgba(191,6,3,.65)}
}
.ekf-onair{
  display:inline-flex;align-items:center;gap:6px;
  font-weight:800;font-size:11px;letter-spacing:.3px;
  padding:4px 8px;border-radius:999px;background:#BF0603;color:#fff;
  animation:ekf-onair-pulse 1.6s ease-in-out infinite
}
.ekf-onair--inline{display:inline-flex;margin-bottom:6px}
.ekf-onair-dot{
  display:inline-block; /* FIX: wcześniej brakowało -> width/height mogły nie działać */
  width:8px;height:8px;border-radius:50%;background:#fff
}

/* === Badges === */
.badge-utc{
  display:inline-block;font-size:10px;font-weight:700;line-height:1;
  border:1px solid #cbd5e1;border-radius:999px;padding:2px 6px;
  color:#111827;background:#fff;margin-left:6px
}

/* === Układ strony === */
.mycal-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;margin:12px 0}
@media (max-width:980px){.mycal-grid{grid-template-columns:1fr}}

/* === Mini-kalendarz === */
.mini{border-radius:12px;background:#fff;box-shadow:var(--shadow,0 6px 20px rgba(0,0,0,.06));padding:12px}
.mini__hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.mini__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.mini__dow{font-size:11px;color:#6b7280;text-align:center}
.mini__cell{position:relative;min-height:56px;padding:6px;background:#fafafa;border:1px solid #e5e7eb;border-radius:10px}
.mini__cell>a{position:absolute;inset:0;display:block;text-decoration:none}
.mini__d{display:block;font-size:12px;color:#374151}
.mini__dots{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}
.today{outline:2px solid #001427}

/* === Legenda === */
.mini__legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:#374151}
.legend__item{display:flex;align-items:center;gap:6px}

/* === Listy wydarzeń (karty i wiersze) === */
.card{background:#fff;border-radius:12px;box-shadow:var(--shadow,0 6px 20px rgba(0,0,0,.06));padding:12px}
.list{display:flex;flex-direction:column;gap:8px}
.row{display:flex;gap:12px;align-items:flex-start;border:1px solid #e5e7eb;border-radius:10px;padding:10px}
.row__body{flex:1}
.row__actions{margin-left:auto}
.time{min-width:72px;font-weight:700}
.meta-small{font-size:12px;color:#6b7280}
.meta--row{margin-top:2px}
.title{font-size:15px;font-weight:600;overflow-wrap:anywhere}
.btn-ghost{display:inline-block;height:28px;line-height:26px;padding:0 10px;border-radius:8px;border:1px solid #cbd5e1;text-decoration:none;color:#111827;background:#fff;font-size:12px}

/* === Kropki i kolory typów === */
.dot{display:inline-block;width:8px;height:8px;border-radius:50%}
.dot--contest{background:#BF0603}
.dot--exam{background:#2e7d32}
.dot--award{background:#F4D58D}
.dot--meet{background:#001427}

.type{font-weight:600}
.type--contest{color:#BF0603}
.type--exam{color:#2e7d32}
.type--award{color:#8D0801}
.type--meet{color:#001427}

/* === Linklike (spójne dla <a> i <button>) === */
a.linklike,
button.linklike{
  background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;
  text-decoration:none;                 /* domyślnie BEZ podkreślenia */
}
a.linklike:hover,
a.linklike:focus,
button.linklike:hover,
button.linklike:focus{
  text-decoration:underline;            /* podkreślenie w hover/focus */
  color:#8D0801;                        /* czerwony najechany */
}