/**
 * theme-air — Affiche 2026 « Cycle des éléments — AIR »
 * Portée : body.theme-air #tm-main (header / footer exclus)
 * Images de fond conservées (voile translucide).
 * Compte à rebours : aucune retouche.
 */

body.theme-air #tm-main {
  --theme-air-sky: #c8f0f4;
  --theme-air-sky-mid: #a8e4ea;
  --theme-air-cyan: #3eb8c4;
  --theme-air-cyan-deep: #1f8f9a;
  --theme-air-cream: #fbf8f2;
  --theme-air-paper: #f3eee4;
  --theme-air-sand: #d4b07a;
  --theme-air-coral: #c95b42;
  --theme-air-ink: #3f3830;
  --theme-air-ink-soft: #5c5348;
  --theme-air-cloud: rgba(255, 252, 248, 0.92);
  --theme-air-line: rgba(31, 143, 154, 0.35);
  --theme-air-shadow: 0 14px 36px rgba(31, 143, 154, 0.18);
  --theme-air-radius: 14px;

  background-color: var(--theme-air-sky);
  background-image:
    radial-gradient(ellipse 90% 50% at 50% -5%, #ffffff 0%, transparent 60%),
    radial-gradient(ellipse 60% 40% at 100% 30%, rgba(62, 184, 196, 0.2) 0%, transparent 55%),
    linear-gradient(180deg, #d9f5f8 0%, var(--theme-air-cream) 45%, var(--theme-air-paper) 100%);
  background-attachment: local;
  min-height: 40vh;
}

/* === Hero affiche : image intacte, léger fondu bas === */
body.theme-air #tm-main .section-top-home > .uk-section {
  position: relative;
}

body.theme-air #tm-main .section-top-home > .uk-section::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(
    180deg,
    rgba(200, 240, 244, 0.06) 0%,
    rgba(200, 240, 244, 0.04) 60%,
    rgba(251, 248, 242, 0.4) 100%
  );
}

body.theme-air #tm-main .section-top-home > .uk-section > * {
  position: relative;
  z-index: 1;
}

body.theme-air #tm-main .section-top-home h1,
body.theme-air #tm-main .section-top-home h2,
body.theme-air #tm-main .section-top-home .uk-h1,
body.theme-air #tm-main .section-top-home [id^="page"],
body.theme-air #tm-main .section-top-home p,
body.theme-air #tm-main .section-top-home .uk-text-lead,
body.theme-air #tm-main .section-top-home .section-top-home-text,
body.theme-air #tm-main .section-top-home strong {
  color: #fff8ef !important;
}

/* === Sections photo (hors compte à rebours) : image gardée + voile === */
body.theme-air #tm-main .uk-section-secondary:not(:has(.uk-countdown)) > .uk-section[class*="uk-background"],
body.theme-air #tm-main .section-secondary:not(:has(.uk-countdown)) > .uk-section[class*="uk-background"] {
  position: relative;
}

body.theme-air #tm-main .uk-section-secondary:not(:has(.uk-countdown)) > .uk-section[class*="uk-background"]::after,
body.theme-air #tm-main .section-secondary:not(:has(.uk-countdown)) > .uk-section[class*="uk-background"]::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(
    165deg,
    rgba(62, 184, 196, 0.22) 0%,
    rgba(31, 143, 154, 0.14) 50%,
    rgba(251, 248, 242, 0.18) 100%
  );
}

body.theme-air #tm-main .uk-section-secondary:not(:has(.uk-countdown)) > .uk-section[class*="uk-background"] > *,
body.theme-air #tm-main .section-secondary:not(:has(.uk-countdown)) > .uk-section[class*="uk-background"] > * {
  position: relative;
  z-index: 1;
}

body.theme-air #tm-main .uk-section-secondary:not(:has(.uk-countdown)) .secondary-headline,
body.theme-air #tm-main .section-secondary:not(:has(.uk-countdown)) .secondary-headline,
body.theme-air #tm-main .uk-section-secondary:not(:has(.uk-countdown)) h2,
body.theme-air #tm-main .section-secondary:not(:has(.uk-countdown)) h2 {
  color: #fff !important;
  font-family: "IM Fell English", Georgia, "Times New Roman", serif !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.35);
}

body.theme-air #tm-main .uk-section-secondary:not(:has(.uk-countdown)) p,
body.theme-air #tm-main .section-secondary:not(:has(.uk-countdown)) p,
body.theme-air #tm-main .uk-section-secondary:not(:has(.uk-countdown)) .uk-text-lead,
body.theme-air #tm-main .uk-section-secondary:not(:has(.uk-countdown)) .uk-text-secondary {
  color: rgba(255, 255, 255, 0.92) !important;
}

/* === Sections claires (Actualités, souvenirs…) === */
body.theme-air #tm-main .uk-section-default {
  background-color: transparent !important;
  color: var(--theme-air-ink);
}

body.theme-air #tm-main .uk-section-default h1,
body.theme-air #tm-main .uk-section-default h2,
body.theme-air #tm-main .uk-section-default h3,
body.theme-air #tm-main .uk-section-default .uk-h1,
body.theme-air #tm-main .uk-section-default .uk-h2,
body.theme-air #tm-main .uk-section-default .uk-h3,
body.theme-air #tm-main .uk-article-title,
body.theme-air #tm-main .uk-heading-medium,
body.theme-air #tm-main .uk-heading-small {
  color: var(--theme-air-cyan-deep) !important;
  font-family: "IM Fell English", Georgia, "Times New Roman", serif !important;
}

body.theme-air #tm-main .uk-section-default p,
body.theme-air #tm-main .uk-section-default .uk-text-lead,
body.theme-air #tm-main .uk-section-default li {
  color: var(--theme-air-ink-soft);
}

/* === Compte à rebours : zéro intervention === */
body.theme-air #tm-main .uk-section-secondary:has(.uk-countdown) > .uk-section::after {
  content: none !important;
  display: none !important;
}

/* === Liens & boutons (hors compte à rebours) === */
body.theme-air #tm-main .uk-section-default a:not(.uk-button):not([class*="uk-navbar"]),
body.theme-air #tm-main .uk-section-secondary:not(:has(.uk-countdown)) a:not(.uk-button):not([class*="uk-navbar"]),
body.theme-air #tm-main .section-secondary:not(:has(.uk-countdown)) a:not(.uk-button):not([class*="uk-navbar"]) {
  color: var(--theme-air-cyan-deep);
}

body.theme-air #tm-main .uk-section-default a:not(.uk-button):hover {
  color: var(--theme-air-coral);
}

body.theme-air #tm-main .uk-section-default .uk-button,
body.theme-air #tm-main .uk-section-default .uk-button-default,
body.theme-air #tm-main .uk-section-default .uk-button-primary,
body.theme-air #tm-main .uk-section-secondary:not(:has(.uk-countdown)) .uk-button,
body.theme-air #tm-main .section-secondary:not(:has(.uk-countdown)) .uk-button,
body.theme-air #tm-main .uk-section-secondary:not(:has(.uk-countdown)) .uk-button-default,
body.theme-air #tm-main .uk-section-secondary:not(:has(.uk-countdown)) .uk-button-primary,
body.theme-air #tm-main .uk-section-secondary:not(:has(.uk-countdown)) .uk-button-secondary,
body.theme-air #tm-main .section-secondary:not(:has(.uk-countdown)) .uk-button-secondary {
  border-radius: 999px !important;
  border-width: 2px !important;
  font-weight: 700 !important;
  box-shadow: var(--theme-air-shadow) !important;
}

body.theme-air #tm-main .uk-section-default .uk-button-default,
body.theme-air #tm-main .uk-section-secondary:not(:has(.uk-countdown)) .uk-button-default,
body.theme-air #tm-main .section-secondary:not(:has(.uk-countdown)) .uk-button-default {
  background: #fff !important;
  color: var(--theme-air-cyan-deep) !important;
  border-color: var(--theme-air-cyan) !important;
}

body.theme-air #tm-main .uk-section-default .uk-button-primary,
body.theme-air #tm-main .uk-section-secondary:not(:has(.uk-countdown)) .uk-button-primary {
  background: linear-gradient(135deg, var(--theme-air-cyan), var(--theme-air-cyan-deep)) !important;
  color: #fff !important;
  border-color: transparent !important;
}

body.theme-air #tm-main .uk-section-secondary:not(:has(.uk-countdown)) .uk-button-secondary,
body.theme-air #tm-main .section-secondary:not(:has(.uk-countdown)) .uk-button-secondary {
  background: linear-gradient(135deg, #e8d4b5, var(--theme-air-sand)) !important;
  color: var(--theme-air-ink) !important;
  border-color: rgba(63, 56, 48, 0.2) !important;
}

/* === Cards listing === */
body.theme-air #tm-main .uk-grid[class*="uk-child-width"] > * > article.uk-article {
  background: var(--theme-air-cloud) !important;
  border: 1px solid #2a241e !important;
  border-radius: var(--theme-air-radius) !important;
  box-shadow: var(--theme-air-shadow) !important;
  overflow: hidden;
}

body.theme-air #tm-main .uk-grid[class*="uk-child-width"] > * > article.uk-article .uk-article-title,
body.theme-air #tm-main .uk-grid[class*="uk-child-width"] > * > article.uk-article .uk-article-title a,
body.theme-air #tm-main .uk-grid[class*="uk-child-width"] > * > article.uk-article h2,
body.theme-air #tm-main .uk-grid[class*="uk-child-width"] > * > article.uk-article h2 a {
  color: var(--theme-air-cyan-deep) !important;
}

body.theme-air #tm-main .uk-card-default {
  background: var(--theme-air-cloud) !important;
  border: 1px solid #2a241e !important;
  border-radius: var(--theme-air-radius) !important;
  box-shadow: var(--theme-air-shadow) !important;
}

/* === Accents pages intérieures === */
body.theme-air #tm-main .editions-panel__title,
body.theme-air #tm-main .goodies-vitrine__caption,
body.theme-air #tm-main .article-back__link,
body.theme-air #tm-main .goodies-page__lede strong,
body.theme-air #tm-main .rue-des-jeux-page__closing,
body.theme-air #tm-main .editions-panel__humour {
  color: var(--theme-air-cyan-deep) !important;
}

body.theme-air #tm-main .goodies-vitrine__frame {
  background: #fff !important;
  border-color: var(--theme-air-cyan) !important;
  box-shadow: var(--theme-air-shadow) !important;
}

body.theme-air #tm-main .editions-panel {
  background: var(--theme-air-cloud) !important;
  border: 2px solid var(--theme-air-line) !important;
  border-radius: var(--theme-air-radius) !important;
  padding: 1.1rem 1.25rem !important;
  box-shadow: var(--theme-air-shadow) !important;
}

body.theme-air #tm-main .uk-tab > .uk-active > a {
  color: var(--theme-air-cyan-deep) !important;
  border-color: var(--theme-air-cyan) !important;
}

body.theme-air #tm-main #js-0.uk-switcher::-webkit-scrollbar-thumb,
body.theme-air #tm-main .uk-width-auto\@m .el-nav.uk-tab-left::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--theme-air-cyan), var(--theme-air-cyan-deep)) !important;
}

body.theme-air #tm-main input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
body.theme-air #tm-main textarea,
body.theme-air #tm-main select {
  background: #fff !important;
  border: 2px solid var(--theme-air-line) !important;
  border-radius: 12px !important;
  color: var(--theme-air-ink) !important;
}

body.theme-air #tm-main input:focus,
body.theme-air #tm-main textarea:focus,
body.theme-air #tm-main select:focus {
  border-color: var(--theme-air-cyan) !important;
  box-shadow: 0 0 0 4px rgba(62, 184, 196, 0.28) !important;
}

body.theme-air #tm-main .goodies-page,
body.theme-air #tm-main .editions-page,
body.theme-air #tm-main .pole-page,
body.theme-air #tm-main .rue-des-jeux-page,
body.theme-air #tm-main .conferences-page,
body.theme-air #tm-main .aventure-vivante,
body.theme-air #tm-main .faction-quiz,
body.theme-air #tm-main .contact-form {
  color: var(--theme-air-ink);
}

body.theme-air #tm-main .article-back__link {
  background: #fff !important;
  border: 2px solid var(--theme-air-line) !important;
  border-radius: 999px !important;
}

body.theme-air #tm-main .uk-section-default hr {
  border: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, var(--theme-air-cyan), transparent) !important;
  opacity: 0.7 !important;
}

@media (prefers-reduced-motion: no-preference) {
  body.theme-air #tm-main .uk-grid[class*="uk-child-width"] > * > article.uk-article {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
  }

  body.theme-air #tm-main .uk-grid[class*="uk-child-width"] > * > article.uk-article:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 44px rgba(31, 143, 154, 0.28) !important;
  }
}