/* ============ GLOBAL / THEME ============ */
/* FONTS */
@font-face {
  font-family: 'Nove';
  src: url('fonts/Nove-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* à passer en local plus tard si besoin */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;700&display=swap');

/* VARIABLES */
:root {
  /* Typo */
  --text: 'Jost', sans-serif;
  --heading: 'Nove', serif;

  /* Couleurs */
  --blue: #4D40AE;
  --pink: #c4007a;     
  --yellow: #FFEA00;
  --green: #9DCBA1;
  --black: #000;
  --white: #fff;
}

.hiden {
  display: none !important;
}

/* ============ RESET ============ */
html { margin-top: 0 !important; }

body {
  margin: 0;
  padding: 0 !important;
  font-family: var(--text);
  font-size: clamp(14px, 1.04vw, 20px);
  color: var(--black);
  background-color: var(--white);
  max-width:100% !important;
	
}

main {
  width: 100%;
  margin: auto;
}

section .section {
  width: 80% !important;
  margin: auto !important;
}

article { width: 70%; }
aside   { width: 30%; }

h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading);
  color: var(--pink);
  margin: 0;
}

h1 { font-size: clamp(1.75rem, 3vw, 48px); }
h2 { font-size: clamp(20px, 1.875vw, 36px); }
h3 { font-size: clamp(16px, 1.25vw, 24px); }

p {
  font-size: clamp(15.2px, calc(0.25vw + 15.2px), 20px);
}

button {
  background-color: var(--pink);
  color: var(--white);
  font-weight: bold;
  font-family: var(--text);
  font-size: clamp(14px, 1.04vw, 20px);
  border: 2px solid var(--pink);
  padding: 0.75rem 1.5rem;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s ease;
}
button:hover {
  background-color: transparent;
  color: var(--pink);
}

details summary {
  color: var(--pink);
  font-weight: bold;
  font-size: clamp(14px, 1.04vw, 20px);
  align-items: baseline;
}

.secondary-button {
  color: var(--pink);
  font-weight: bold;
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: clamp(14px, 1.04vw, 20px);
}
.secondary-button :hover { cursor: pointer; } 
a.secondary-button { text-decoration: none; }
a.secondary-button:hover { transform: scale(1.05); }

.quote { font-size: 22px; font-weight: bold; color: var(--blue); }
.white-on-blue { color: var(--white) !important; }

.hiden { display: none; } /* garde l’utilitaire tel quel */

#menu-toggle, .hamburger { display: none; }

#accessBtn {
  background-color: white !important;
  border: none !important;
}

/* ============ ARTICLES ============ */
body.single-post:not(.home, .page-id-301) #main {
  width: 100%;
}

.single-post article { width: 100%; }

.banniere-article {
  padding: 5%;
  margin: 5%;
}

/* Effacement de certains éléments dans les pages articles */
.single-post #sidebar,
.single-post .entry-header,
.single-post .entry-content .wp-post-image,
.single-post .entry-content .uwp_widgets,
.single-post .entry-footer {
  display: none;
}