/*
Theme Name: Bien Rédiger Custom
Theme URI: https://bien-rediger.fr
Author: Héséd CAKPOVI
Description: Thème WordPress sur mesure basé sur le design React/Tailwind.
Version: 1.0
Text Domain: bien-rediger
*/

@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&family=Fira+Sans+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --font-sans: "Fira Sans Condensed", sans-serif;
  --font-cursive: "Pinyon Script", cursive;

  --color-primary: #0F172A; /* Night Blue */
  --color-accent: #C0162A;  /* Primary Red */
  --color-secondary: #d4e0ef;
  --color-text-dark: #1A1207;
}

body {
  font-family: var(--font-sans);
  color: var(--color-text-dark);
  background-color: #FFFFFF; /* White background for readability */
}

/* Typographie Globale */
h1 {
  font-family: var(--font-cursive);
  line-height: 1.2;
}

h2, h3, h4 {
  font-weight: 700;
  text-transform: none;
}

/* Navbar Menu Visibility Fix */
nav ul li a {
  text-transform: none;
  font-size: 1.125rem;
}


/* Styles pour le contenu WordPress (Gutenberg) */
.prose {
  color: var(--color-text-dark);
  font-family: var(--font-sans);
  line-height: 1.7;
}

.prose h1 { 
  font-family: var(--font-cursive);
  font-size: 3.5rem;
  margin-bottom: 2rem;
  text-transform: none;
}

.prose h2 { 
  font-family: var(--font-sans); /* Better readability for h2 titles */
  font-size: 2rem; 
  font-weight: 700;
  color: var(--color-primary); 
  margin-top: 3rem;
  margin-bottom: 1.5rem; 
  border-bottom: 2px solid #f3f4f6; 
  padding-bottom: 0.5rem;
  text-transform: none; /* Avoid all caps */
}

.prose h3 { 
  font-family: var(--font-sans);
  font-size: 1.5rem; 
  font-weight: 700; 
  color: #3D1A8E; /* Secondary color for articles */
  margin-top: 2rem; 
  margin-bottom: 1rem; 
}

.prose p { margin-bottom: 1.25rem; }
.prose ul { list-style-type: disc; padding-left: 1.5rem; margin-bottom: 1.5rem; }
.prose li { margin-bottom: 0.5rem; }
.prose strong { font-weight: 700; color: var(--color-text-dark); }
.prose a { color: var(--color-accent); text-decoration: underline; font-weight: 600; }

/* Styles spécifiques aux boutons */
.btn-primary {
  @apply inline-flex items-center justify-center px-8 py-4 text-lg font-medium rounded-full text-white bg-primary hover:bg-opacity-90 shadow-lg transition-all;
}