/*
Theme Name: Couture Enfant — ColorMag enfant
Theme URI: https://www.coutureenfant.fr
Description: Thème enfant du thème ColorMag pour CoutureEnfant.fr. Contient l'identité visuelle du site et les correctifs de compatibilité. Ne pas modifier le thème parent.
Author: Couture Enfant
Template: colormag
Version: 1.0.0
Text Domain: colormag-ce
*/

nav#site-navigation.main-navigation.clearfix {
	min-height:66px!important;
	height:66px!important
}
@font-face {
    font-family: "Open Sans-fallback";
    size-adjust: 105.44%;
    ascent-override: 98%;
    src: local("Arial");
		font-display: swap;
}

/* Réserve l'espace des médias */
img { height: auto; display: block; }
figure, .wp-block-image { overflow: hidden; }
.embed-responsive, .video-wrapper, .iframe-wrapper { position: relative; width:100%; }
.embed-responsive iframe,
.video-wrapper iframe, .iframe-wrapper iframe { position:absolute; inset:0; width:100%; height:100%; }

/* Exemples de ratios courants */
.ratio-16x9 { padding-top: 56.25%; }
.ratio-4x3  { padding-top: 75%; }

@font-face{
  font-family:"Inter";
  src:url('/wp-content/uploads/fonts/Inter-400.woff2') format('woff2');
  font-weight:400; font-style:normal; font-display:swap;
  size-adjust: 100%;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}
body { font-family:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }

/* ===== Couture Enfant — doux & artisanal, bleu signature ===== */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&family=Mulish:wght@400;500;700&display=swap');

:root{
  --ce-bleu:    #3366ff;  /* TA couleur signature      */
  --ce-bleu-fc: #2550e0;  /* bleu survol (un peu foncé) */
  --ce-fond:    #FBF7F2;  /* blanc cassé chaud          */
  --ce-carte:   #FFFFFF;
  --ce-chaud:   #C97B63;  /* terracotta = accent discret */
  --ce-texte:   #4A4441;
  --ce-titre:   #2A2A35;
  --ce-bord:    #ECE3D9;
}

/* Fond + lecture */
body, .cm-normal-container, #content, .site-content{
  background-color: var(--ce-fond) !important;
  color: var(--ce-texte);
  font-family: 'Mulish', sans-serif;
  line-height: 1.75;
}

/* Titres en serif chaleureuse */
h1,h2,h3,h4,h5,h6,
.site-title, .cm-entry-title, .cm-entry-title a{
  font-family: 'Fraunces', Georgia, serif !important;
  color: var(--ce-titre);
  font-weight: 600;
}

/* Liens : bleu signature, survol terracotta */
a{ color: var(--ce-bleu); }
a:hover{ color: var(--ce-chaud); }

/* Étiquettes de catégorie : pastille bleu très clair */
.cm-post-categories a{
  background: #EAEFFF !important;
  color: var(--ce-bleu) !important;
  border-radius: 999px;
  padding: 3px 12px;
  font-size: .72rem;
  letter-spacing: .4px;
  text-transform: uppercase;
}

/* Cartes d'articles : bordures douces, coins arrondis, ombre légère */
.cm-post, article{
  background: var(--ce-carte);
  border: 1px solid var(--ce-bord) !important;
  border-radius: 16px;
  box-shadow: 0 6px 24px rgba(74,68,65,.06);
  overflow: hidden;
}

/* Grandes photos arrondies */
.cm-featured-image img, .wp-post-image{
  border-radius: 14px;
  object-fit: cover;
}

/* Titres de widgets : on enlève le gros bloc bleu → titre bleu + filet fin */
.cm-widget-title{
  background: transparent !important;
  color: var(--ce-bleu) !important;
  border: none !important;
  border-bottom: 2px solid var(--ce-bleu) !important;
  padding: 0 0 8px 0 !important;
  border-radius: 0 !important;
}
.cm-widget-title:before, .cm-widget-title:after{ display:none !important; }

/* Boutons « Lire la suite » + recherche : bleu signature arrondi
   (ciblage précis pour ne PAS toucher les crayons du Personnalisateur) */
.cm-entry-button, .cm-entry-button a,
.search-submit, input[type="submit"]{
  background: var(--ce-bleu) !important;
  color:#fff !important;
  border:none !important;
  border-radius: 999px !important;
  padding: 10px 22px !important;
  font-family:'Mulish',sans-serif !important;
  font-weight:700 !important;
}
.cm-entry-button:hover, .cm-entry-button a:hover,
.search-submit:hover, input[type="submit"]:hover{
  background: var(--ce-bleu-fc) !important;
}

/* Un peu plus de respiration */
.cm-post-content{ padding: 22px; }


/* Encadrés des articles (ajout 2026-09-11) */
.encadre {
  background: #eef6fb;
  border-left: 4px solid #207daf;
  border-radius: 6px;
  padding: 16px 20px;
  margin: 24px 0;
  line-height: 1.7;
}
.astuce {
  background: #fdf6e9;
  border-left: 4px solid #d99a2b;
  border-radius: 6px;
  padding: 16px 20px;
  margin: 24px 0;
  line-height: 1.7;
}
.encadre p:last-child,
.astuce p:last-child {
  margin-bottom: 0;
}

/* Bloc « Ma communauté, en direct » : chiffres d'audience (genere automatiquement).
   Les selecteurs sont prefixees par .cea pour passer devant les styles de paragraphes du theme. */
.cea .cea-intro{margin:0 0 22px}
.cea .cea-total{background:#fffaf6;border:1px solid #f0dede;border-radius:18px;padding:22px 20px;
  text-align:center;margin-bottom:24px}
.cea .cea-total p{margin:0}
.cea .cea-total-num{font-size:44px;font-weight:700;line-height:1.1;color:#b6495f;letter-spacing:-.5px}
.cea .cea-total-lab{font-size:15px;margin-top:4px}
.cea .cea-total-sub{font-size:13px;color:#6b615f;margin-top:8px}
.cea .cea-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.cea .cea-card{position:relative;border:1px solid #f0dede;border-radius:16px;background:#fff;
  padding:15px 16px 14px;transition:box-shadow .15s ease,transform .15s ease}
.cea .cea-card:hover{box-shadow:0 8px 22px rgba(0,0,0,.07);transform:translateY(-2px)}
.cea .cea-card p{margin:0}
.cea .cea-cta{margin-top:8px}
.cea .cea-cta a{color:#b6495f;font-weight:600;font-size:13px;text-decoration:none}
.cea .cea-cta a:hover{text-decoration:underline}
/* Le lien de la carte est etire sur toute la carte : un seul lien par carte, tout est cliquable. */
.cea .cea-cta a::after{content:"";position:absolute;inset:0;border-radius:16px}
.cea .cea-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cea .cea-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;
  flex:0 0 26px;border-radius:8px;color:#fff;font-size:13px;font-weight:700}
.cea .cea-reseau{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b615f}
.cea .cea-val{margin-top:10px;font-size:27px;font-weight:700;line-height:1.15;color:#3a3231}
.cea .cea-unit{font-size:14px;font-weight:400;color:#6b615f}
.cea .cea-lib{font-size:13px;color:#6b615f;margin-top:2px}
.cea .cea-det{font-size:13px;color:#4b4342;margin-top:8px}
.cea .cea-pied{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}
.cea .cea-delta{font-size:13px;font-weight:600}
.cea .cea-maj{font-size:11.5px;color:#8a807e}
.cea .cea-up{color:#1c7c54}
.cea .cea-down{color:#b6495f}
.cea .cea-src{margin-left:auto;font-size:9.5px;text-transform:uppercase;letter-spacing:.4px;
  font-weight:700;padding:3px 7px;border-radius:999px;white-space:nowrap;background:#f4f4f4;color:#5f5a59}
.cea .cea-src--auto{background:#e7f6ee;color:#1c7c54}
.cea .cea-src--manuel{background:#fdf0e3;color:#a8681c}
.cea .cea-src--semi{background:#eef1f8;color:#3d5a99}
.cea .cea-foot{font-size:12.5px;color:#7d7371;text-align:center}
@media (max-width:900px){
  .cea .cea-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .cea .cea-total-num{font-size:34px}
  .cea .cea-grid{grid-template-columns:1fr}
}


/* ============================================================
   CORRECTIFS DE MIGRATION (ex-options Pro, 2026-10-30)
   ============================================================ */
/* Grille du blog : 3 colonnes (remplace l'option Pro colormag_grid_layout_column) */
@media screen and (min-width: 48em){
	.cm-posts.cm-layout-2.col-2{ --grid-column: 3 !important; }
}