/* === BARRE DE NAVIGATION : layout flex avec recherche  droite === */

/* Le container responsive de la nav devient flex avec justification */
nav.wp-block-navigation .wp-block-navigation__responsive-container-content {
	    display: flex !important;
	    align-items: center !important;
	    justify-content: center !important;
	    position: relative !important;
	    width: 100% !important;
}

/* Les liens du menu restent centrs */
nav.wp-block-navigation .wp-block-navigation__container {
	    display: flex !important;
	    justify-content: center !important;
	    align-items: center !important;
	    flex: 1 !important;
}

/* La barre de recherche colle  droite */
nav.wp-block-navigation .wp-block-search {
	    position: absolute !important;
	    right: 0 !important;
}

/* === STYLE DE LA BARRE DE RECHERCHE === */

/* Rduction de la hauteur + fond transparent + bordure blanche fine */
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
	    background-color: transparent !important;
	    border: 1px solid #ffffff !important;
	    border-radius: 4px !important;
	    min-height: unset !important;
	    padding: 2px 4px !important;
}

/* Champ de saisie : fond transparent, texte blanc, hauteur rduite */
.wp-block-search .wp-block-search__input {
	    background-color: transparent !important;
	    color: #ffffff !important;
	    border: none !important;
	    height: 28px !important;
	    min-height: unset !important;
	    padding: 2px 6px !important;
	    font-size: 13px !important;
}

/* Placeholder en blanc semi-transparent */
.wp-block-search .wp-block-search__input::placeholder {
	    color: rgba(255,255,255,0.5) !important;
}

/* Bouton loupe : fond transparent, icne blanche, taille rduite */
.wp-block-search .wp-block-search__button {
	    background-color: transparent !important;
	    border: none !important;
	    color: #ffffff !important;
	    padding: 2px 6px !important;
	    min-height: unset !important;
	    height: 28px !important;
}

/* Icne loupe SVG en blanc */
.wp-block-search .wp-block-search__button svg {
	    fill: #ffffff !important;
	    width: 16px !important;
	    height: 16px !important;
}
}
}
}
}
}
}
}
}

/* === MINIATURES CLIQUABLES : stretched link sur les cartes articles === */

/* Le cover est le conteneur de reference (deja position:relative) */
.wp-block-post .wp-block-cover {
  position: relative !important;
  overflow: hidden;
}

/* Desactiver les pointer-events sur le background et l image
   pour laisser passer les clics vers le ::after du lien */
.wp-block-post .wp-block-cover .wp-block-cover__background,
.wp-block-post .wp-block-cover .wp-block-cover__image-background {
  pointer-events: none !important;
}

/* Remettre inner-container et titre en static pour que ::after remonte au cover */
.wp-block-post .wp-block-cover .wp-block-cover__inner-container {
  position: static !important;
}

.wp-block-post .wp-block-post-title {
  position: static !important;
}

/* Le ::after du lien couvre tout le cover */
.wp-block-post .wp-block-post-title a {
  position: static;
}

.wp-block-post .wp-block-post-title a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  cursor: pointer;
}

/* === TITRE DES CARTES EN MODE PAYSAGE MOBILE === */
/* Réduit la taille du titre uniquement sur mobile paysage
   (orientation landscape + hauteur max 500px = exclut bureau et tablette) */
@media screen and (orientation: landscape) and (max-height: 500px) {
  .wp-block-post .wp-block-post-title {
    font-size: 0.85rem !important;
    line-height: 1.2 !important;
  }
  .wp-block-post .wp-block-post-date {
    font-size: 0.65rem !important;
  }
}

/* === BARRE DE RECHERCHE EN MODE PAYSAGE MOBILE === */
/* Réduit la largeur de la barre de recherche uniquement sur mobile en paysage
   (même condition que pour les titres : orientation landscape + max-height 500px) */
@media screen and (orientation: landscape) and (max-height: 500px) {
  nav.wp-block-navigation .wp-block-search {
    width: 100px !important;
    min-width: 80px !important;
  }
  nav.wp-block-navigation .wp-block-search .wp-block-search__input {
    min-height: unset !important;
    height: 24px !important;
    font-size: 0.7rem !important;
    padding: 2px 4px !important;
  }
}

/* === BOUTONS D'AFFILIATION === */
/* Style premium blanc sur noir — remplace le dégradé bleu/rouge */
.wp-block-button__link {
  background: #ffffff !important;
  background-image: none !important;
  color: #0a0a0a !important;
  border: 2px solid #ffffff !important;
  border-radius: 4px !important;
  padding: 14px 32px !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: background 0.2s ease, color 0.2s ease !important;
}
.wp-block-button__link:hover {
  background: transparent !important;
  background-image: none !important;
  color: #ffffff !important;
}

/* Exclure le bouton newsletter du restyling */
.newsletter-box .wp-block-button__link,
.wp-block-jetpack-subscriptions .wp-block-button__link,
.jetpack-subscribe-button {
  background: #ffffff22 !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 1px solid #ffffff44 !important;
  border-radius: 4px !important;
}
.newsletter-box .wp-block-button__link:hover,
.wp-block-jetpack-subscriptions .wp-block-button__link:hover {
  background: #ffffff33 !important;
  color: #ffffff !important;
}

/* === PAGINATION NUMEROTEE FOOTER === */

.maillotsnhl-pagination {
    display: flex;
    justify-content: center;
    gap: 6px;
    padding: 12px 16px 16px;
    width: 100%;
    box-sizing: border-box;
}
.maillotsnhl-pagination a,
.maillotsnhl-pagination span.current {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: rgba(255,255,255,0.7);
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.15);
    transition: background 0.2s;
}
.maillotsnhl-pagination a:hover {
    background: rgba(255,255,255,0.18);
    color: #fff;
}
.maillotsnhl-pagination span.current {
    background: rgba(255,255,255,0.25);
    border-color: rgba(255,255,255,0.4);
    color: #ffffff;
}

/* === TITRES ARTICLES : contour noir pour lisibilité === */
.wp-block-post-title,
.wp-block-post-title a {
    text-shadow:
        1px  1px 1px rgba(0,0,0,0.45),
       -1px -1px 1px rgba(0,0,0,0.45),
        1px -1px 1px rgba(0,0,0,0.45),
       -1px  1px 1px rgba(0,0,0,0.45),
        0px  1px 2px rgba(0,0,0,0.35);
}

/* === TEXTURE GLACE / FOND GIVRÉ SUBTIL === */
body {
  background-color: #0a0e14;
  background-image:
    /* Reflets lumineux diagonaux style glace */
    linear-gradient(
      135deg,
      rgba(255,255,255,0.015) 0%,
      transparent 40%,
      rgba(150,200,255,0.02) 55%,
      transparent 70%,
      rgba(255,255,255,0.01) 100%
    ),
    /* Réseau de micro-fissures style glace (SVG inline) */
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeBlend in='SourceGraphic' mode='overlay'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E"),
    /* Dégradé global bleu nuit vers noir */
    radial-gradient(
      ellipse at 50% 0%,
      rgba(10, 30, 60, 0.6) 0%,
      rgba(5, 10, 20, 0.9) 60%,
      #080c12 100%
    );
  background-attachment: fixed;
  background-size: 100% 100%, 400px 400px, 100% 100%;
}
/* === FIN TEXTURE GLACE === */


/* === BARRE DE RECHERCHE EN MODE PORTRAIT MOBILE === */
/* En portrait mobile, le menu s'ouvre en plein ecran vertical :
 *    on retire le positionnement absolu et on centre la loupe sous les liens */
@media screen and (orientation: portrait) and (max-width: 767px) {
	  nav.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-container-content {
		    flex-direction: column !important;
		    align-items: center !important;
		    justify-content: center !important;
	}
	  nav.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open
	.wp-block-search {
		    position: static !important;
		    right: auto !important;
		    width: 60% !important;
		    max-width: 260px !important;
		    margin-top: 16px !important;
	}
}
	}
	}
}