/*
 Theme Name:   Clochard-peintures – Enfant
 Theme URI:    https://www.enjin.fr
 Description:  Thème enfant de Clochard-peintures. Généré par le plugin Migration – Importer structure.
 Author:       Enjin
 Template:     twentytwentyfive
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  theme-enfant
*/


/* Design exporté (plugin Migration) */

/* ============================================================
   migration-design.css – généré par le plugin Migration
   Variables CSS + styles blocs Gutenberg
   ============================================================ */

:root {

  /* --- Couleurs issues de la BDD de l'ancien site --- */
  --couleur-1: #222;
  --couleur-2: #91b5a0;
  --couleur-3: #3c5939;

  /* --- Couleurs de texte --- */
  --color-text:         #1a1a1a;
  --color-text-muted:   #555555;
  --color-text-light:   #888888;
  --color-heading:      #111111;
  --color-caption:      #666666;

  /* --- Couleurs d'interface --- */
  --color-link:         var(--couleur-1);
  --color-link-hover:   var(--couleur-2);
  --color-border:       #e0e0e0;
  --color-bg-alt:       #f5f5f5;
  --color-quote-border: var(--couleur-1);

  /* --- Police de caractères --- */
  --font-primary:  system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-heading:  var(--font-primary);
  --font-mono:     ui-monospace, 'Courier New', monospace;

  /* --- Graisses (font-weight) --- */
  --font-weight-light:   300;
  --font-weight-normal:  400;
  --font-weight-medium:  500;
  --font-weight-bold:    700;
  --font-weight-heading: var(--font-weight-bold);
  --font-weight-body:    var(--font-weight-normal);

  /* --- Styles de police (font-style) --- */
  --font-style-base:    normal;
  --font-style-italic:  italic;
  --font-style-heading: normal;

  /* --- Tailles de typographie --- */
  --font-size-base: 18px;
  --font-size-sm:   0.875rem;
  --font-size-lg:   1.125rem;
  --font-size-h1:   2.25rem;
  --font-size-h2:   1.875rem;
  --font-size-h3:   1.5rem;
  --font-size-h4:   1.25rem;
  --font-size-h5:   1.125rem;
  --font-size-h6:   1rem;

  /* --- Interlignage (line-height) --- */
  --line-height-base:    1.6;
  --line-height-heading: 1.2;
  --line-height-sm:      1.4;

  /* --- Espacements --- */
  --spacing-xs:  0.25rem;
  --spacing-sm:  0.5rem;
  --spacing-md:  1rem;
  --spacing-lg:  1.5rem;
  --spacing-xl:  2rem;
}

/* ============================================================
   Styles des blocs Gutenberg (contenu migré)
   ============================================================ */

/* --- Taille de police de base --- */
html {
  font-size: 100%;
}
body {
  font-family:  var(--font-primary);
  font-size:    var(--font-size-base);
  font-weight:  var(--font-weight-body);
  font-style:   var(--font-style-base);
  color:        var(--color-text);
  line-height:  var(--line-height-base);
}

/* --- Texte de base --- */
.entry-content,
.wp-block {
  font-family:  var(--font-primary);
  font-size:    var(--font-size-base);
  font-weight:  var(--font-weight-body);
  font-style:   var(--font-style-base);
  color:        var(--color-text);
  line-height:  var(--line-height-base);
}

/* --- wp:paragraph --- */
.entry-content p,
.wp-block-paragraph {
  font-weight:  var(--font-weight-body);
  font-style:   var(--font-style-base);
  line-height:  var(--line-height-base);
  margin-block: var(--spacing-md);
}

/* --- wp:heading --- */
.entry-content h1, .entry-content h2, .entry-content h3,
.entry-content h4, .entry-content h5, .entry-content h6,
.wp-block-heading {
  font-family:  var(--font-heading);
  font-weight:  var(--font-weight-heading);
  font-style:   var(--font-style-heading);
  color:        var(--color-heading);
  line-height:  var(--line-height-heading);
  margin-block: var(--spacing-lg) var(--spacing-sm);
}
.entry-content h1 { font-size: var(--font-size-h1); }
.entry-content h2 { font-size: var(--font-size-h2); }
.entry-content h3 { font-size: var(--font-size-h3); }
.entry-content h4 { font-size: var(--font-size-h4); }
.entry-content h5 { font-size: var(--font-size-h5); }
.entry-content h6 { font-size: var(--font-size-h6); }

/* --- Liens --- */
.entry-content a {
  color:           var(--color-link);
  font-weight:     var(--font-weight-normal);
  text-decoration: underline;
}
.entry-content a:hover {
  color:           var(--color-link-hover);
}

/* --- wp:list --- */
.entry-content ul,
.entry-content ol,
.wp-block-list {
  font-weight:          var(--font-weight-body);
  line-height:          var(--line-height-base);
  padding-inline-start: var(--spacing-xl);
  margin-block:         var(--spacing-md);
}
.entry-content li { margin-block: var(--spacing-xs); }

/* --- wp:image --- */
.wp-block-image {
  margin-block: var(--spacing-lg);
}
.wp-block-image img {
  max-width: 100%;
  height:    auto;
  display:   block;
}
.wp-block-image figcaption {
  font-size:   var(--font-size-sm);
  font-style:  var(--font-style-italic);
  color:       var(--color-caption);
  text-align:  center;
  line-height: var(--line-height-sm);
  margin-top:  var(--spacing-xs);
}

/* --- wp:separator --- */
.wp-block-separator {
  border: none;
  border-top: 1px solid var(--color-border);
  margin-block: var(--spacing-xl);
}

/* --- wp:quote --- */
.wp-block-quote {
  border-inline-start: 4px solid var(--color-quote-border);
  padding-inline-start: var(--spacing-lg);
  margin-block:        var(--spacing-lg);
  color:               var(--color-text-muted);
  font-style:          var(--font-style-italic);
  font-weight:         var(--font-weight-normal);
  line-height:         var(--line-height-base);
}

/* --- wp:table --- */
.wp-block-table {
  margin-block:  var(--spacing-lg);
  overflow-x:    auto;
}
.wp-block-table table {
  width:           100%;
  border-collapse: collapse;
  font-size:       var(--font-size-base);
  font-weight:     var(--font-weight-body);
  line-height:     var(--line-height-sm);
}
.wp-block-table th,
.wp-block-table td {
  border:  1px solid var(--color-border);
  padding: var(--spacing-sm) var(--spacing-md);
  text-align: left;
}
.wp-block-table th {
  background:  var(--color-bg-alt);
  font-weight: var(--font-weight-bold);
  font-style:  var(--font-style-base);
  color:       var(--color-heading);
}

/* --- wp:code / wp:preformatted --- */
.wp-block-code,
.wp-block-preformatted {
  font-family:  var(--font-mono);
  font-size:    var(--font-size-sm);
  font-weight:  var(--font-weight-normal);
  font-style:   var(--font-style-base);
  background:   var(--color-bg-alt);
  border:       1px solid var(--color-border);
  border-radius: 4px;
  padding:      var(--spacing-md);
  overflow-x:   auto;
  white-space:  pre;
}

/* --- wp:columns / wp:column --- */
.wp-block-columns {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-lg);
  margin-block: var(--spacing-lg);
}
.wp-block-column {
  flex: 1 1 min(100%, 200px);
}

/* --- Footer migré --- */
.migration-footer {
  margin-top:  var(--spacing-xl);
  padding:     var(--spacing-lg) 0;
  border-top:  1px solid var(--color-border);
  font-size:   var(--font-size-sm);
  font-weight: var(--font-weight-normal);
  color:       var(--color-text-muted);
  line-height: var(--line-height-sm);
}
.migration-footer-inner {
  max-width: var(--wp--style--global--wide-size, 1200px);
  margin:    0 auto;
  padding:   0 var(--spacing-md);
}