/* =========================================================
   COMPETITIONS — public section, registration modal, admin management
   Self-contained: relies on CSS variables already in style.css.
   ========================================================= */
.competitions-section-wrap{ padding: 100px 0; background: var(--ivory-warm); }
.competitions-grid{
  display:grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap:24px; margin-top:20px;
}
.competition-card{
  background: var(--white); border-radius:8px; overflow:hidden;
  box-shadow: 0 12px 30px rgba(14,42,71,.06);
  transition: transform .2s var(--ease), box-shadow .2s var(--ease);
}
.competition-card:hover{ transform: translateY(-4px); box-shadow: 0 20px 40px rgba(14,42,71,.1); }
.competition-card-img{ width:100%; aspect-ratio: 16/9; object-fit:contain; background: var(--navy); }
.competition-card-body{ padding:22px 24px; }
.competition-card-dates{
  display:inline-block; font-family: var(--font-body); font-size:11.5px; font-weight:700;
  letter-spacing:.05em; color: var(--navy); background: rgba(217,164,65,.18);
  padding:5px 12px; border-radius:20px; margin-bottom:12px;
}
.competition-card h3{ font-size:18px; margin:0 0 8px; }
.competition-card-desc{ font-size:13.5px; color:#4a5f78; line-height:1.6; margin:0 0 18px; }
.competition-card-status-closed{
  display:inline-block; font-size:11px; font-weight:700; color:#b5432f;
  background: rgba(181,67,47,.1); padding:4px 10px; border-radius:12px; margin-bottom:12px;
}
.competitions-empty{ text-align:center; color:#4a5f78; padding: 30px 0; }

/* ---- Registration modal (reuses .modal / .field patterns already in style.css) ---- */
.competition-modal-title{ font-size:22px; margin:0 0 4px; }
.competition-modal-dates{ color:#4a5f78; font-size:13px; margin-bottom:18px; }

/* ---- Admin: competitions management ---- */
.admin-competitions-card{ margin-top:24px; }

/* ---- Details-view image gallery (shown before registering) ---- */
.competition-modal-gallery{
  display:flex; gap:10px; overflow-x:auto; margin-bottom:16px; padding-bottom:4px;
}
.competition-modal-gallery img{
  height:180px; width:auto; max-width:85%; flex-shrink:0;
  object-fit:contain; background: var(--ivory); border:1px solid rgba(14,42,71,.1);
  border-radius:6px;
}

/* ---- Card action row (Register + Copy Link) ---- */
.competition-card-actions{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.competition-copy-link{
  background:none; border:none; cursor:pointer; font-family: var(--font-body);
  color: var(--gold); font-weight:600; font-size:13px;
}
.competition-copy-link:hover{ text-decoration: underline; }