/* dc26-leiravello — entry point PostCSS
   Ajouter les overrides et styles spécifiques Leiravello ici */

/* Leiravello — custom styles */

.dc26-header-leiravello .wp-block-template-part.is-style-sticky-header {
  left: var(--wp--preset--spacing--50);
  right: var(--wp--preset--spacing--50);
}

.dc26-header-scroll-reveal .wp-block-template-part.is-style-sticky-header {
  will-change: transform;
}

.dc26-header-leiravello .wp-block-template-part.is-style-sticky-header > header.wp-block-group,
.dc26-header-leiravello .wp-block-template-part.is-style-sticky-header > .wp-block-group {
  background-color: var(--wp--preset--color--primary);
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  overflow: hidden;
}

@media (max-width: 781px) {
  /* Mobile — header standard plein largeur, sans animation flottante.
     GSAP applique transform: translateY() inline sur le sticky header, ce qui
     crée un containing block et piège l'overlay du menu (position: fixed).
     transform: none !important écrase le style inline de GSAP. */
  .dc26-header-leiravello .wp-block-template-part.is-style-sticky-header {
    left: 0;
    right: 0;
    transform: none !important;
    will-change: auto;
  }

  .dc26-header-leiravello .wp-block-template-part.is-style-sticky-header > header.wp-block-group,
  .dc26-header-leiravello .wp-block-template-part.is-style-sticky-header > .wp-block-group {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    overflow: visible;
  }
}

/* Home cover silk-style background (CSS only) */

.is-style-silk-css {
  position: relative;
  overflow: hidden;
  background: var(--wp--preset--color--primary);
  isolation: isolate;
}

.is-style-silk-css > .wp-block-cover__background {
  position: absolute !important;
  inset: 0;
  display: block !important;
  background: #0e2146 !important;
  overflow: hidden;
  z-index: 0;
}

.is-style-silk-css > .wp-block-cover__inner-container {
  position: relative;
  z-index: 2;
}

.is-style-silk-css > .wp-block-cover__background::before,
.is-style-silk-css > .wp-block-cover__background::after {
  content: "";
  position: absolute;
  inset: -28%;
  pointer-events: none;
  mix-blend-mode: soft-light;
  opacity: 0.95;
  filter: blur(42px) saturate(125%);
  transform-origin: 50% 50%;
}

.is-style-silk-css > .wp-block-cover__background::before {
  background:
    radial-gradient(55% 68% at 18% 26%, rgba(201, 222, 255, 0.45), transparent 70%),
    radial-gradient(48% 62% at 78% 36%, rgba(72, 124, 220, 0.55), transparent 68%),
    linear-gradient(130deg, #0b1c3b 0%, #244b95 48%, #0e2146 100%);
  animation: dc26-silk-flow-a 14s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite alternate;
}

.is-style-silk-css > .wp-block-cover__background::after {
  background:
    radial-gradient(52% 66% at 72% 76%, rgba(193, 214, 255, 0.4), transparent 70%),
    radial-gradient(46% 58% at 30% 78%, rgba(46, 95, 191, 0.5), transparent 66%),
    linear-gradient(320deg, #0e2146 0%, #16356f 50%, #0a1732 100%);
  animation: dc26-silk-flow-b 18s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite alternate-reverse;
}

@keyframes dc26-silk-flow-a {
  0% {
    transform: translate3d(-10%, -6%, 0) rotate(-4deg) scale(1.08);
  }
  100% {
    transform: translate3d(8%, 7%, 0) rotate(9deg) scale(1.2);
  }
}

@keyframes dc26-silk-flow-b {
  0% {
    transform: translate3d(9%, 8%, 0) rotate(5deg) scale(1.06);
  }
  100% {
    transform: translate3d(-9%, -8%, 0) rotate(-10deg) scale(1.18);
  }
}

@media (prefers-reduced-motion: reduce) {
  .is-style-silk-css > .wp-block-cover__background::before,
  .is-style-silk-css > .wp-block-cover__background::after {
    animation: none;
  }
}

/* Core button style variation: no background, no border */

.wp-block-button.is-style-neutral .wp-block-button__link {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  padding: 0;
}

.wp-block-button.is-style-neutral .wp-block-button__link:hover,
.wp-block-button.is-style-neutral .wp-block-button__link:focus {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  text-decoration: underline;
}