/*
 * PIX Borne Photo — Feuille de style principale
 * Compatible tous thèmes WordPress — sans Elementor
 * Chargée automatiquement par le plugin pix-borne-photo-style
 *
 * Couleurs :
 *   Rose clair  #F0CAF9  — accents, fonds
 *   Vert foncé  #008154  — principal, boutons, header
 *   Vert clair  #79F689  — hover, soulignements
 *   Texte       #1A1A1A
 */

/* ── CORPS DE TEXTE ── */
body,
p,
li,
td,
input,
textarea,
select,
.wp-block-paragraph,
.entry-content p {
  font-family: 'Mulish', sans-serif !important;
  color: #1A1A1A;
  line-height: 1.75;
}

/* ── TITRES ── */
h1, h2, h3, h4, h5, h6,
.wp-block-heading,
.entry-title,
.page-title,
.site-title {
  font-family: 'Fugaz One', cursive !important;
  color: #008154;
  line-height: 1.2;
}

/* ── LIENS ── */
a {
  color: #008154;
  text-decoration: none;
  transition: color 0.2s ease;
}
a:hover {
  color: #79F689;
}

/* ── BOUTONS ── */
.wp-block-button__link,
.wp-block-button a,
button:not(.menu-toggle):not(.search-submit),
input[type="submit"],
input[type="button"],
.button,
.btn {
  font-family: 'Mulish', sans-serif !important;
  font-weight: 700 !important;
  background-color: #008154 !important;
  color: #FFFFFF !important;
  border-radius: 30px !important;
  padding: 14px 32px !important;
  border: none !important;
  cursor: pointer !important;
  display: inline-block;
  transition: background-color 0.25s ease, transform 0.15s ease !important;
}
.wp-block-button__link:hover,
button:not(.menu-toggle):not(.search-submit):hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.button:hover,
.btn:hover {
  background-color: #79F689 !important;
  color: #1A1A1A !important;
  transform: translateY(-2px) !important;
}

/* ── NAVIGATION ── */
nav a,
.nav-menu a,
.main-navigation a,
.primary-menu a,
.menu a,
header nav a {
  font-family: 'Mulish', sans-serif !important;
  font-weight: 600 !important;
  transition: color 0.2s ease !important;
}
nav a:hover,
.nav-menu a:hover,
.main-navigation a:hover,
.primary-menu a:hover {
  color: #008154 !important;
}

/* ── SITE TITLE ── */
.site-title a {
  font-family: 'Fugaz One', cursive !important;
  color: #008154 !important;
}
.site-header,
header.site-header {
  border-bottom: 3px solid #79F689;
}

/* ── BLOCS GUTENBERG — Cover ── */
.wp-block-cover,
.wp-block-cover-image {
  background-color: #008154 !important;
}
.wp-block-cover .wp-block-cover__inner-container h1,
.wp-block-cover .wp-block-cover__inner-container h2,
.wp-block-cover .wp-block-cover__inner-container p {
  color: #FFFFFF !important;
}

/* ── BLOCS GUTENBERG — Citation ── */
blockquote,
.wp-block-quote,
.wp-block-pullquote {
  border-left: 5px solid #008154 !important;
  background-color: #FDF0FF !important;
  padding: 16px 24px !important;
  border-radius: 0 12px 12px 0 !important;
  font-style: italic;
}

/* ── SÉPARATEUR ── */
hr,
.wp-block-separator {
  border-color: #79F689 !important;
  border-width: 2px !important;
}

/* ── TABLEAUX ── */
table {
  width: 100%;
  border-collapse: collapse;
}
table th {
  background-color: #008154 !important;
  color: #FFFFFF !important;
  font-family: 'Mulish', sans-serif !important;
  font-weight: 700 !important;
  padding: 12px 16px !important;
  text-align: left;
}
table td {
  padding: 10px 16px !important;
  border-bottom: 1px solid #E0E0E0 !important;
  font-family: 'Mulish', sans-serif !important;
}
table tr:nth-child(even) td {
  background-color: #F5F5F5 !important;
}

/* ── FORMULAIRES ── */
.wpforms-form input[type="text"],
.wpforms-form input[type="email"],
.wpforms-form input[type="tel"],
.wpforms-form input[type="number"],
.wpforms-form textarea,
.wpforms-form select,
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea,
.frm_forms input[type="text"],
.frm_forms textarea {
  border: 2px solid #E0E0E0 !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  font-family: 'Mulish', sans-serif !important;
  font-size: 16px !important;
  width: 100% !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  background-color: #FFFFFF !important;
}
.wpforms-form input:focus,
.wpforms-form textarea:focus,
.wpforms-form select:focus,
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
  border-color: #008154 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(0, 129, 84, 0.12) !important;
}
.wpforms-form label,
.wpcf7-form label {
  font-family: 'Mulish', sans-serif !important;
  font-weight: 700 !important;
  color: #1A1A1A !important;
  margin-bottom: 6px !important;
  display: block;
}
.wpforms-submit,
.wpcf7-submit,
.frm_button_submit {
  background-color: #008154 !important;
  color: #FFFFFF !important;
  border-radius: 30px !important;
  font-family: 'Mulish', sans-serif !important;
  font-weight: 700 !important;
  padding: 14px 40px !important;
  font-size: 16px !important;
  border: none !important;
  cursor: pointer !important;
  transition: background-color 0.25s ease !important;
}
.wpforms-submit:hover,
.wpcf7-submit:hover,
.frm_button_submit:hover {
  background-color: #79F689 !important;
  color: #1A1A1A !important;
}

/* ── FOOTER ── */
footer,
.site-footer,
#colophon {
  background-color: #008154 !important;
  color: rgba(255,255,255,0.85) !important;
}
footer a,
.site-footer a,
#colophon a {
  color: #79F689 !important;
}
footer a:hover,
.site-footer a:hover {
  color: #FFFFFF !important;
}
footer p,
.site-footer p,
#colophon p {
  color: rgba(255,255,255,0.75) !important;
  font-family: 'Mulish', sans-serif !important;
}
footer h1, footer h2, footer h3,
.site-footer h1, .site-footer h2, .site-footer h3 {
  color: #FFFFFF !important;
}

/* ── CLASSES UTILITAIRES PIX (à ajouter sur des blocs) ── */
.pix-rose-bg  { background-color: #FDF0FF !important; }
.pix-vert-bg  { background-color: #E8F5EE !important; }
.pix-box {
  background-color: #FDF0FF;
  border-left: 5px solid #C07FD0;
  border-radius: 0 12px 12px 0;
  padding: 20px 24px;
  margin: 24px 0;
}
.pix-box-vert {
  background-color: #E8F5EE;
  border-left: 5px solid #008154;
  border-radius: 0 12px 12px 0;
  padding: 20px 24px;
  margin: 24px 0;
}
.pix-badge {
  background-color: #F0CAF9;
  color: #5a1a7a;
  font-family: 'Mulish', sans-serif;
  font-weight: 700;
  padding: 4px 14px;
  border-radius: 20px;
  font-size: 13px;
  display: inline-block;
}

/* ── RESPONSIVE MOBILE ── */
@media (max-width: 768px) {
  h1 { font-size: 30px !important; }
  h2 { font-size: 24px !important; }
  h3 { font-size: 20px !important; }
  button,
  .button,
  input[type="submit"],
  .wp-block-button__link {
    padding: 12px 24px !important;
    font-size: 15px !important;
  }
  .wpforms-form input,
  .wpforms-form textarea {
    font-size: 16px !important;
  }
}