/*
Theme Name:     Imaje Par Seconde
Template:       kadence
Author:         Nicolas Mahler
Author URI:     https://www.nicolasmahler.fr
Description:    Child theme Kadence pour imajeparseconde.fr. Heberge les blocs ACF custom et les overrides ponctuels.
Version:        1.0.0
Text Domain:    imajeparseconde
*/
/* Degrade sombre derriere l'en-tete transparent pour garder le menu lisible
   sur les heros clairs. Limite a .transparent-header : ne s'applique pas si
   l'en-tete redevient opaque (archives, reglage par page...). */
body.transparent-header #wrapper #masthead {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(0, 0, 0, 0.5) 25%,
    rgba(0, 0, 0, 0.35) 50%,
    rgba(0, 0, 0, 0.15) 75%,
    rgba(0, 0, 0, 0) 100%
  );
}

/* Liens du footer : survol en jaune (palette2) au lieu du hover global
   sombre, invisible sur le fond noir du footer. */
#colophon a:hover,
#colophon a:focus-visible {
  color: var(--global-palette2, #feda00);
}

/* Ligne de credit conception, injectee via kadence_after_footer. */
.ipsc-site-credit {
  background: var(--global-palette1);
  text-align: center;
  padding: 0.75rem 1rem;
  font-size: 0.8rem;
}

.ipsc-site-credit a {
  color: currentColor;
  opacity: 0.7;
  text-decoration: none;
}

.ipsc-site-credit a:hover {
  opacity: 1;
  text-decoration: underline;
}

/* Grille des services : breakpoints explicites (le mode auto de Gutenberg
   ne permet pas de controler les paliers). Le width:100% reste necessaire :
   avec container-type:inline-size, la grille s'effondre a 0 dans une
   section Kadence en align-items:center. Double classe pour passer devant
   la regle generee .wp-container-core-group-is-layout-*. */
.wp-block-group.ips-grid {
  width: 100%;
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
  .wp-block-group.ips-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .wp-block-group.ips-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}