/* ── Base ── */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: 'Syne', sans-serif; background: #080808; }
img { max-width: 100%; }

/* ── Héro accueil ── */
.hero {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 10px;
  background-image: linear-gradient(rgba(8,8,8,0.32), rgba(8,8,8,0.32)), url("/images/Paquito-Couet_tempete-Eleanor-9.jpg");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
}
.hero-nav {
  align-self: flex-start;
  text-align: start;
  margin: 0 0 22px;
  font-family: 'Syne', sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1px;
  letter-spacing: 0.3em;
  color: #F0EDE8;
}
.hero-title {
  order: 99999;
  margin: 0;
  max-width: 300px;
  font-family: 'Syne', sans-serif;
  font-size: 75px;
  font-weight: 300;
  line-height: 0.8em;
  letter-spacing: 0.02em;
  color: #F0EDE8;
  white-space: pre-line;
}
.zone { width: 100%; }
#series, #capsules, #reportages, #bonus { background: #000000; }
#footer-zone { background: #FFFFFF; }
main { display: block; }

/* ── CSS additionnel WordPress (wp-custom-css) ── */
body, html {
  background-color: #080808 !important;
  color: #111 !important;
}
/* pages sur fond clair (démarche, mentions, politique) */
main.fond-clair {
  background-color: #F0EDE8;
  min-height: 100vh;
}

/* ── Snippets site (curseur…) ── */
@media (max-width: 768px) {
  .elementor-widget-html img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
  }
}

*, *::before, *::after,
a, button, input, select, textarea,
img, video, [role="button"] {
  cursor: none !important;
}

#cur-dot {
  position: fixed;
  width: 5px;
  height: 5px;
  background: #F0EDE8;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 99999;
  transition: background .2s;
}

#cur-ring {
  position: fixed;
  width: 38px;
  height: 38px;
  border: 1.5px solid #F0EDE8;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 99998;
  transition: width .2s, height .2s, opacity .2s, border-color .2s;
}

#cur-dash {
  position: fixed;
  width: 52px;
  height: 1.5px;
  background: #F0EDE8;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 99997;
  transition: background .2s;
}

#cur-frame {
  position: fixed;
  width: 44px;
  height: 44px;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 99996;
}

#cur-tl, #cur-tr, #cur-bl, #cur-br {
  position: absolute;
  width: 8px;
  height: 8px;
  border-color: #F0EDE8;
  border-style: solid;
  opacity: 0;
  transition: opacity .2s, border-color .2s;
}

#cur-tl { top: 0; left: 0; border-width: 1.5px 0 0 1.5px; }
#cur-tr { top: 0; right: 0; border-width: 1.5px 1.5px 0 0; }
#cur-bl { bottom: 0; left: 0; border-width: 0 0 1.5px 1.5px; }
#cur-br { bottom: 0; right: 0; border-width: 0 1.5px 1.5px 0; }

/* Homepage : carré au survol photo */
body.on-photo #cur-tl,
body.on-photo #cur-tr,
body.on-photo #cur-bl,
body.on-photo #cur-br { opacity: 1; }

body.on-photo #cur-ring {
  width: 0;
  height: 0;
  opacity: 0;
}

/* Pages fond clair — curseur noir */
.page-id-1188 #cur-dot,
.page-id-1149 #cur-dot,
.page-id-984 #cur-dot,
.page-id-818 #cur-dot,
.page-id-791 #cur-dot,
.page-id-1184 #cur-dot,
.page-id-520 #cur-dot,
.page-id-1208 #cur-dot,
.page-id-518 #cur-dot,
.page-id-512 #cur-dot,
.page-id-1356 #cur-dot,
.page-id-1422 #cur-dot { background: #080808; }

.page-id-1188 #cur-dash,
.page-id-1149 #cur-dash,
.page-id-984 #cur-dash,
.page-id-818 #cur-dash,
.page-id-791 #cur-dash,
.page-id-1184 #cur-dash,
.page-id-520 #cur-dash,
.page-id-1208 #cur-dash,
.page-id-518 #cur-dash,
.page-id-512 #cur-dash,
.page-id-1356 #cur-dash,
.page-id-1422 #cur-dash { background: #080808; }

.page-id-1188 #cur-ring,
.page-id-1149 #cur-ring,
.page-id-984 #cur-ring,
.page-id-818 #cur-ring,
.page-id-791 #cur-ring,
.page-id-1184 #cur-ring,
.page-id-520 #cur-ring,
.page-id-1208 #cur-ring,
.page-id-518 #cur-ring,
.page-id-512 #cur-ring,
.page-id-1356 #cur-ring,
.page-id-1422 #cur-ring { border-color: #080808; }

/* Désactiver le carré sur pages fond clair */
.page-id-1188.on-photo #cur-tl,
.page-id-1188.on-photo #cur-tr,
.page-id-1188.on-photo #cur-bl,
.page-id-1188.on-photo #cur-br,
.page-id-1149.on-photo #cur-tl,
.page-id-1149.on-photo #cur-tr,
.page-id-1149.on-photo #cur-bl,
.page-id-1149.on-photo #cur-br,
.page-id-984.on-photo #cur-tl,
.page-id-984.on-photo #cur-tr,
.page-id-984.on-photo #cur-bl,
.page-id-984.on-photo #cur-br,
.page-id-818.on-photo #cur-tl,
.page-id-818.on-photo #cur-tr,
.page-id-818.on-photo #cur-bl,
.page-id-818.on-photo #cur-br,
.page-id-791.on-photo #cur-tl,
.page-id-791.on-photo #cur-tr,
.page-id-791.on-photo #cur-bl,
.page-id-791.on-photo #cur-br,
.page-id-1184.on-photo #cur-tl,
.page-id-1184.on-photo #cur-tr,
.page-id-1184.on-photo #cur-bl,
.page-id-1184.on-photo #cur-br,
.page-id-520.on-photo #cur-tl,
.page-id-520.on-photo #cur-tr,
.page-id-520.on-photo #cur-bl,
.page-id-520.on-photo #cur-br,
.page-id-1208.on-photo #cur-tl,
.page-id-1208.on-photo #cur-tr,
.page-id-1208.on-photo #cur-bl,
.page-id-1208.on-photo #cur-br,
.page-id-518.on-photo #cur-tl,
.page-id-518.on-photo #cur-tr,
.page-id-518.on-photo #cur-bl,
.page-id-518.on-photo #cur-br,
.page-id-512.on-photo #cur-tl,
.page-id-512.on-photo #cur-tr,
.page-id-512.on-photo #cur-bl,
.page-id-512.on-photo #cur-br { opacity: 0 !important; }

.page-id-1188.on-photo #cur-ring,
.page-id-1149.on-photo #cur-ring,
.page-id-984.on-photo #cur-ring,
.page-id-818.on-photo #cur-ring,
.page-id-791.on-photo #cur-ring,
.page-id-1184.on-photo #cur-ring,
.page-id-520.on-photo #cur-ring,
.page-id-1208.on-photo #cur-ring,
.page-id-518.on-photo #cur-ring,
.page-id-512.on-photo #cur-ring {
  width: 38px !important;
  height: 38px !important;
  opacity: 1 !important;
}/* Footer blanc homepage — curseur noir */
body.on-footer #cur-dot { background: #080808; }
body.on-footer #cur-dash { background: #080808; }
body.on-footer #cur-ring { border-color: #080808; }
body.on-footer #cur-tl,
body.on-footer #cur-tr,
body.on-footer #cur-bl,
body.on-footer #cur-br { border-color: #080808; }@media (max-width: 768px) {
  *, *::before, *::after {
    cursor: auto !important;
  }
  #cursor-dot,
  #cursor-circle,
  #cursor-trail {
    display: none !important;
  }
}