/* ===================================================
   Interagros 2026 — IARènes (thème Arènes Antiques)
   =================================================== */

/* Polices romaines — Cinzel Decorative (titres) & Cinzel (corps)
   Téléchargeables sur https://fonts.google.com/specimen/Cinzel+Decorative
   Fallback sur Google Fonts si les fichiers locaux sont absents */
@import url("https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Cinzel:wght@400;600;700&display=swap");

@font-face {
  font-family: "Cinzel Decorative";
  src: url("./font/CinzelDecorative-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Cinzel Decorative";
  src: url("./font/CinzelDecorative-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Cinzel Decorative";
  src: url("./font/CinzelDecorative-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Cinzel";
  src: url("./font/Cinzel-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Cinzel";
  src: url("./font/Cinzel-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

:root {
  --primary-color: #32634d;
}

html {
  font-family: "Cinzel", "Times New Roman", serif;
}

body {
  background-image: url("./images/background2026.webp");
  background-color: #002e25;
  background-blend-mode: multiply;
}

/* Titres principaux — Cinzel Decorative, jaune pastel */
h1,
h2,
h3 {
  font-family: "Cinzel Decorative", "Cinzel", serif;
  color: #f5e4a2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-shadow:
    2px 2px 0px #1a2e25,
    0 0 20px rgba(245, 228, 162, 0.35);
}

/* Liens footer */
footer a {
  color: #f5e4a2;
  text-decoration: none;
  transition: color 0.2s ease;
}

footer a:hover {
  color: #fff;
  text-shadow: 0 0 8px rgba(245, 228, 162, 0.7);
}

footer {
  color: #f7e6a4;
  text-shadow: 1px 1px 3px #000;
}

/* Cartes vidéos */
.video-card,
.card {
  border: 2px solid #32634d;
  background: linear-gradient(
    160deg,
    rgba(26, 46, 37, 0.88) 0%,
    rgba(10, 25, 18, 0.94) 100%
  );
  box-shadow:
    0 4px 16px rgba(0, 0, 0, 0.7),
    inset 0 0 0 1px rgba(245, 228, 162, 0.08);
  transition:
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.video-card:hover,
.card:hover {
  box-shadow:
    0 8px 28px rgba(50, 99, 77, 0.45),
    inset 0 0 0 1px rgba(245, 228, 162, 0.25);
  transform: translateY(-3px);
}

/* Titres de section */
.section-title,
.category-title {
  font-family: "Cinzel Decorative", "Cinzel", serif;
  border-bottom: 2px solid #32634d;
  padding-bottom: 0.3em;
  color: #f5e4a2;
  letter-spacing: 0.12em;
}

/* Boutons */
button,
.btn {
  background: linear-gradient(135deg, #32634d 0%, #1e3d2f 100%);
  border: 1px solid #f7e6a4;
  color: #f7e6a4;
  font-family: "Cinzel", serif;
  letter-spacing: 0.06em;
  transition:
    background 0.2s,
    box-shadow 0.2s;
}

button:hover,
.btn:hover {
  background: linear-gradient(135deg, #3e7a5e 0%, #32634d 100%);
  box-shadow: 0 0 14px rgba(50, 99, 77, 0.6);
}

/* Player vidéo */
.video-js {
  border: 2px solid #32634d;
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.9);
}

.vjs-default-skin .vjs-big-play-button {
  border-color: #f5e4a2;
  background-color: rgba(26, 46, 37, 0.75);
}

.vjs-default-skin:hover .vjs-big-play-button {
  background-color: rgba(50, 99, 77, 0.8);
}