/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

@font-face {
  font-family: 'Gilroy ExtraBold';
  src: url('/wp-content/uploads/fonts/Gilroy-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy Light';
  src: url('/wp-content/uploads/fonts/Gilroy-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}

/* =====================================================
   PACK D'ANIMATIONS CSS – BLOCKSY / GUTENBERG
   Utilisation :
   Ajouter la classe CSS au bloc Gutenberg
===================================================== */

/* ---------- ACCESSIBILITÉ ---------- */
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}

/* ---------- FADE IN ---------- */
.anim-fade-in {
  opacity: 0;
  animation: fadeIn 0.8s ease forwards;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

/* ---------- SLIDE UP ---------- */
.anim-slide-up {
  opacity: 0;
  transform: translateY(30px);
  animation: slideUp 0.8s ease-out forwards;
}

@keyframes slideUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ---------- SLIDE LEFT ---------- */
.anim-slide-left {
  opacity: 0;
  transform: translateX(-40px);
  animation: slideLeft 0.8s ease-out forwards;
}

@keyframes slideLeft {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* ---------- ZOOM IN ---------- */
.anim-zoom-in {
  opacity: 0;
  transform: scale(0.9);
  animation: zoomIn 0.7s ease forwards;
}

@keyframes zoomIn {
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* ---------- ROTATE IN ---------- */
.anim-rotate-in {
  opacity: 0;
  transform: rotate(-3deg) scale(0.95);
  animation: rotateIn 0.8s ease forwards;
}

@keyframes rotateIn {
  to {
    opacity: 1;
    transform: rotate(0) scale(1);
  }
}

/* ---------- FLOAT (ICÔNES / IMAGES) ---------- */
.anim-float {
  animation: float 4s ease-in-out infinite;
}

@keyframes float {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}

/* ---------- HOVER LIFT (BOUTONS / CARTES) ---------- */
.anim-hover-lift {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.anim-hover-lift:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

/* ---------- DELAYS (EFFET CASCADE) ---------- */
.anim-delay-1 { animation-delay: 0.2s; }
.anim-delay-2 { animation-delay: 0.4s; }
.anim-delay-3 { animation-delay: 0.6s; }
.anim-delay-4 { animation-delay: 0.8s; }

/* État initial */
.anim-on-scroll {
  opacity: 0;
}

/* Quand visible */
.anim-on-scroll.is-visible {
  opacity: 1;
}

/* Menu */
.ct-header .ct-container {
  grid-template-columns: auto 1fr auto !important;
}

.ct-header .ct-container [data-column="start"] {
  justify-self: start;
}

.ct-header .ct-container [data-column="middle"] {
  justify-self: center;
  width: 100%;
}

.ct-header .ct-container [data-column="end"] {
  justify-self: end;
}

.ct-header .ct-container .ct-header-cta .ct-button-ghost.member {
  border-color: #e0b12b;
}

.ct-header .ct-container .ct-header-text .ct-header-cta.sponsor {
  border-radius: 8px;
  background: #e0b12b;
}

.ct-header .ct-container .ct-header-text .ct-header-cta.sponsor a {
  color: #ffffff;
}

.ct-header .ct-container .menu-container .sub-menu {
  background: #292d5b;
}

.ct-header .ct-container .menu-container ul > li > a:hover:after {
  background-color: #e0b12b;
}

.ct-header .ct-container .menu-container ul > li[class*="current-menu-"] > a {
  color: #e0b12b;
}

.ct-header .ct-container .menu-container ul > li[class*="current-menu-"] > a:after {
  background-color: #e0b12b;
}

.ct-header .ct-container .menu-container ul > li[class*="current-menu-"] > a svg {
  fill: #e0b12b;
}

/* Footer */
.ct-footer .ct-container {
  padding: 40px 0 20px 0 !important;
}

.ct-footer [data-row*="bottom"] .ct-container {
  padding: 20px 0px !important;
}

.ct-footer .ct-container .ct-widget h3.widget-title,
.ct-footer [data-row*="middle"] .ct-container .ct-block-wrapper h3,
.ct-footer [data-row*="bottom"] .ct-container .textwidget p {
  color: #ffffff;
}

.ct-footer [data-row*="bottom"] .ct-container .textwidget p a {
  color: #e0b12b;
}

.ct-footer .wpforms-container.inline-fields input.wpforms-field-medium {
  border-color: #ffffff;
}

.ct-footer .wpforms-container.inline-fields .wpforms-submit {
  border: 2px solid #e0b12b;
  color: #e0b12b;
}

.ct-footer .wpforms-container.inline-fields .wpforms-form {
  flex-direction: column;
}

.ct-footer .wpforms-container.inline-fields .wpforms-field-container,
.ct-footer .wpforms-container.inline-fields .wpforms-submit-container,
.ct-footer .wpforms-container.inline-fields .wpforms-field-container .wpforms-field {
  width: 100%;
}

/* .bloc-footer-counter .wp-block-stackable-columns .stk-row {
  max-width: 1290px !important;
} */

.ct-footer .ct-container .ct-widget .textwidget ul li a:hover,
.ct-footer .ct-container .ct-widget .textwidget p a:hover  {
  opacity: 0.5;
  transition: 0.5s;
}

/* TEMPORAIRE */
.ct-footer #wpforms-widget-1 {
  display: none;
  visibility: hidden;
}

/* Home Page */
.home .partner-logo:hover img {
  opacity: 0.5;
  transition: 0.5s;
}

/* PROVISOIRE A SUPPRIMER SITE COMPLET */
.home .ct-header .ct-container .menu-container ul > li[class*="current-menu-"] > a {
  color: #ffffff;
}

.home .ct-header .ct-container .menu-container ul > li[class*="current-menu-"] > a:after {
  content: none;
}

.home .ct-header .ct-container .menu-container ul > li > a:hover:after {
  content: "";
}
/* PROVISOIRE A SUPPRIMER SITE COMPLET */

/* All Pages */
.entry-header .page-title {
  font-family: "Merriweather", Sans-serif;
}

body.page .page-title:after {
  content: none;
  display: none;
}

.entry-header .page-title { 
  text-transform: uppercase;
}

.entry-header .ct-breadcrumbs {
  color: #292d5b;
}

.entry-header .ct-breadcrumbs .last-item {
  color: #e0b12b;
}

/* Home */
.home .stk-block-background .wp-block-stackable-columns .wp-block-stackable-column .stk-column-wrapper {
  margin: 0;
}

/* Evenings */
/* Background */
.evenings #main-container .site-main {
  position: relative;
  overflow: hidden;
  background:
  radial-gradient(
    circle at 50% 40%,
    rgba(224, 177, 43, 0.25),
    rgba(17, 15, 15, 0) 70%
  ),
  radial-gradient(
    circle at 50% 50%,
    rgba(224, 177, 43, 0.10),
    rgba(17, 15, 15, 0) 80%
  ),
  radial-gradient(
    circle at center,
    rgba(17, 15, 15, 0),
    rgba(17, 15, 15, 0.6) 90%
  ),
  #110f0f;
}

.evenings #main-container .site-main .dynamic-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: -1;
}

.evenings #main-container .site-main .dynamic-bg .blob {
  position: absolute;
  top: 0;
  left: 0;
  width: 600px;
  height: 600px;
  background: radial-gradient(
    circle,
    rgba(224, 177, 43, 0.40) 0%,
    rgba(224, 177, 43, 0) 70%
  );
  filter: blur(80px);
  animation: move 10s infinite alternate ease-in-out;
}

.evenings #main-container .site-main .dynamic-bg .blob.blob2 {
  top: 25%;
  left: initial;
  right: 0;
  background: radial-gradient(
    circle,
    rgba(224, 177, 43, 0.35) 0%,
    rgba(224, 177, 43, 0) 70%
  );
  animation-duration: 14s;
}

.evenings #main-container .site-main .dynamic-bg .blob.blob3 {
  top: 50%;
  background: radial-gradient(
    circle,
    rgba(224, 177, 43, 0.30) 0%,
    rgba(224, 177, 43, 0) 70%
  );
  animation-duration: 14s;
}

.evenings #main-container .site-main .dynamic-bg .blob.blob4 {
  top: initial;
  left: initial;
  bottom: 0;
  right: 0;
  background: radial-gradient(
    circle,
    rgba(224, 177, 43, 0.30) 0%,
    rgba(224, 177, 43, 0) 70%
  );
  animation-duration: 14s;
}

@keyframes move {
  0%   { transform: translate(0, 0) scale(1); }
  50%  { transform: translate(150px, -100px) scale(1.3); }
  100% { transform: translate(-100px, 150px) scale(1); }
}

.evenings .ct-header .ct-sticky-container > div > div {
  background-color: #110f0f !important;
}

.evenings .ct-footer {
  background-color: #110f0f;
}

.evenings .ct-footer .wpforms-container.inline-fields .wpforms-submit {
  background: transparent;
}

.evenings .bloc-footer-counter .stk-block-heading__text,
.evenings .bloc-footer-counter .stk-block-countdown__container-wrapper .stk-block-countdown__digit,
.evenings .bloc-footer-counter .stk-block-countdown__container-wrapper .stk-block-countdown__label-day,
.evenings .bloc-footer-counter .stk-block-countdown__container-wrapper .stk-block-countdown__label-hour,
.evenings .bloc-footer-counter .stk-block-countdown__container-wrapper .stk-block-countdown__label-minute,
.evenings .bloc-footer-counter .stk-block-countdown__container-wrapper .stk-block-countdown__label-second {
  color: #110f0f !important;
}

.evenings .bloc-footer-counter .stk-block-button .stk-button span {
  color: #110f0f !important;
}

.evenings .bloc-footer-counter .stk-block-button .stk-button::before {
  border-color: #110f0f !important;
}

.evenings .ct-back-to-top {
  background: #e0b12b;
}

.evenings .ct-back-to-top:hover {
  background: #292d5b;
}

.evenings .entry-header .ct-breadcrumbs,
.evenings .entry-header .ct-breadcrumbs a {
  color: #ffffff;
}

.evenings .entry-header .ct-breadcrumbs a:hover {
  color: #e0b12b;
}

.evenings .entry-header .page-title {
  color: #ffffff;
}

.evenings .ct-header .ct-container .menu-container .sub-menu {
  background: #110f0f;
}

.a-propos .ct-container-full {
  padding-bottom: 0;
}

.a-propos .title-name h4 a {
  color: #e0b12b;
}

.a-propos .title-name h4 a:hover {
  opacity: 0.5;
  transition: 0.5s;
}

.a-propos .linkedin a:hover {
  background: #e0b12b !important;
  transition: 0.5s;
}

/* Timeline */
.timeline {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 60px 0;
  font-family: inherit;
  color: black;
}

.timeline::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 30px;
  height: 3px;
  background: #D4AF37;
  transform: translateY(-50%);
  z-index: 1;
}

.event {
  position: relative;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  width: 120px;
}

.event.top    { transform: translateY(-35px); }
.event.bottom { transform: translateY(35px); }

.event::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 25px;
  height: 25px;
  border: 2px solid red;
  background: #D4AF37;
  border-radius: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.timeline > .event:nth-child(2).top::after {
  background: none;
}

.event.top::after    { bottom: -25px; }
.event.bottom::after { top: -25px; }

.timeline::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 16px solid #D4AF37;
}

/* RESPONSIVE DESIGN */
/* Mobile < 690px */
@media (max-width: 689.98px) {
  .timeline::before {
    content: none !important;
  }

  .timeline::after {
    content: none !important;
  }

  .timeline {
    display: flex !important;
    flex-direction: column !important;
    position: relative;
    padding: 20px 0 30px 30px;
  }

  .timeline .mobile-line {
    content: "";
    position: absolute;
    left: 6px;
    top: 0;
    bottom: 20px;
    width: 3px;
    background: #D4AF37;
    z-index: 0;
  }

  .event {
    margin: 20px 0;
    padding-left: 20px;
    text-align: left;
    transform: none !important;
    position: relative;
  }

  .event::after {
    width: 14px;
    height: 14px;
    background: #D4AF37;
    border-radius: 50%;
    position: absolute;
    left: -1px;
    top: 6px;
    content: "";
    z-index: 2;
  }

  .home .events-home .event-date {
    margin: 20px auto 0 auto;
  }

  .ct-footer .ct-container {
    display: grid !important;
    grid-template-columns: 1fr auto auto !important;
    align-items: center;
  }

  .ct-footer .ct-container [data-column="widget-area-1"],
  .ct-footer [data-row*="bottom"] .ct-container [data-column="copyright"],
  .ct-footer [data-row*="bottom"] .ct-container [data-column="widget-area-5"] {
    grid-column: 1 / -1;
  }

  .ct-footer .ct-container [data-column="widget-area-2"] {
    min-height: 173px;
    min-width: 81px;
  }

  .ct-footer .ct-container [data-column="widget-area-4"] {
    white-space: nowrap;
    margin-left: 10px;
    min-height: 173px;
  }

  .ct-footer .ct-container [data-column="widget-area-4"] #text-4 {
    text-align: left;
  }

  .ct-footer .ct-container [data-column="widget-area-4"] #block-7 {
    align-self: flex-start;
  }

  .ct-footer .ct-container [data-column="widget-area-1"] .textwidget img {
    width: 120px;
  }

  .ct-footer .ct-container [data-column="widget-area-1"] .textwidget p:nth-child(2) {
    margin-top: 20px;
  }

  .ct-footer .ct-container .textwidget p {
    font-size: 14px;
    margin-bottom: 0;
  }

  .ct-footer .ct-container .ct-widget h3.widget-title,
  .ct-footer .ct-container .ct-widget .textwidget ul li a {
    font-size: 14px;
  }

  .ct-footer .ct-container .ct-widget .textwidget ul li {
    line-height: 1;
  }

  .ct-footer .ct-container [data-column="widget-area-4"] .ct-block-wrapper {
    width: 95px;
  }

  .ct-footer .ct-container [data-column="widget-area-4"] .ct-block-wrapper .ct-socials-block .ct-social-box a:nth-child(1) {
    margin-left: 25px;
  }

  .entry-header .page-title {
    font-size: 40px;
  }
}

/* Mobile -> Tablet Compact 690px - 999px */
@media (min-width: 690px) and (max-width: 999.98px) {
  .ct-footer .ct-container {
    padding: 20px 0 10px 0 !important;
  }

  .ct-footer [data-row*="bottom"] .ct-container {
    padding: 10px 0 20px 0;
  }

  .ct-footer .wpforms-container.inline-fields .wpforms-field-container {
    width: initial;
  }

  .ct-footer .wpforms-container.inline-fields .wpforms-submit-container {
    width: initial;
    margin-left: 20px;
  }

  .ct-footer .wpforms-container.inline-fields .wpforms-form {
    flex-direction: initial;
    justify-content: initial;
  }

  .home .header-home .counter-next-evening .stk-column-wrapper > .stk-inner-blocks {
    align-items: center;
  }

    .ct-footer .ct-container {
    display: grid !important;
    grid-template-columns: 1fr auto auto !important;
    align-items: center;
  }

  .ct-footer .ct-container [data-column="widget-area-1"],
  .ct-footer [data-row*="bottom"] .ct-container [data-column="copyright"],
  .ct-footer [data-row*="bottom"] .ct-container [data-column="widget-area-5"] {
    grid-column: 1 / -1;
  }

  .ct-footer .ct-container [data-column="widget-area-2"] {
    white-space: nowrap;
    margin-left: 10px;
    min-height: 170px;
  }

  .ct-footer .ct-container [data-column="widget-area-4"] {
    white-space: nowrap;
    margin-left: 10px;
    min-height: 170px;
  }

  .ct-footer .ct-container [data-column="widget-area-4"] #text-4 {
    text-align: left;
  }

  .ct-footer .ct-container [data-column="widget-area-4"] #block-7 {
    align-self: flex-start;
  }

  .ct-footer .ct-container .textwidget p {
    font-size: 13px;
    margin-bottom: 0;
  }

  .ct-footer .ct-container .ct-widget h3.widget-title,
  .ct-footer .ct-container .ct-widget .textwidget ul li a {
    font-size: 13px;
  }

  .ct-footer .ct-container .ct-widget .textwidget ul li {
    line-height: 1;
  }
}

/* Mobile / Tablet Compact < 999px */
@media (max-width: 999.98px) {
  .mobile-menu li.member .ct-menu-link {
    color: #292d5b;
  }

  .mobile-menu li.sponsor .ct-menu-link {
    color: #e0b12b;
  }

  /* PROVISOIRE A SUPPRIMER SITE COMPLET */
  .home nav[class*="menu"] li[class*="current-menu-"] > .ct-menu-link {
    color: #b8b7b7;
  }

  .home nav[class*="menu"] li:hover > .ct-menu-link {
    color: #292d5b;
  }
  /* PROVISOIRE A SUPPRIMER SITE COMPLET */
}

/* Desktop Large 1000px - 1285px */
@media (min-width: 1000px) and (max-width: 1285px) {
  .ct-header .ct-container {
    margin: 0;
    width: 100%;
    padding: 0 35px;
  }

  .ct-header .ct-container .site-branding {
    margin: 0 !important;
  }

  .ct-header .ct-container .site-branding .site-logo-container img {
    max-width: 150px;
  }

  .ct-header .ct-container .menu-container .menu .menu-item .ct-menu-link {
    padding: 0 10px;
    font-size: 14px;
  }

  .ct-header .ct-container .ct-header-cta .ct-button-ghost.member {
    font-size: 14px;
    padding: 6px 8px;
  }

  .ct-header .ct-container .ct-header-text .ct-header-cta.sponsor a {
    font-size: 14px;
    padding: 6px 8px;
  }

  .entry-header .page-title {
    font-size: 75px;
  }

  .ct-footer .ct-container .textwidget p {
    font-size: 13px;
    margin-bottom: 0;
  }

  .ct-footer .ct-container .ct-widget h3.widget-title,
  .ct-footer .ct-container .ct-widget .textwidget ul li a,
  .ct-footer .ct-container .ct-footer-copyright p {
    font-size: 13px;
  }

  .ct-footer .ct-container .ct-widget .textwidget ul li {
    line-height: 1;
  }

  .ct-footer [data-row="bottom"] .ct-container {
    gap: 0;
  }

  body .bloc-title h2.stk-block-heading__text { 
    font-size: 50px !important;
  }
}

/* Desktop ≥ 1000px */
@media (min-width: 1000px) {

}

/* Desktop Large ≥ 1285px */
@media (min-width: 1285px) {
  .home .header-home {
    padding: 300px 0 !important;
  }

  .ct-footer .ct-container .textwidget p {
    margin-bottom: 0;
  }
}