/*
Theme Name:   Kadence Child — Cécile Millotte MCI
Theme URI:    https://www.cecilemillotte.fr/
Description:  Thème enfant de Kadence appliquant la charte graphique de Cécile Millotte, praticienne en Méthode Causale Intégrative à Liverdy-en-Brie. Palette, typographies, composants, données structurées.
Author:       Charte MCI
Version:      1.0.0
Template:     kadence
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  kadence-child-mci
Tags:         blog, custom-colors, custom-logo, custom-menu, translation-ready
*/

/* =========================================================================
   Cécile Millotte — Praticienne MCI
   Charte graphique · dossier 3
   -------------------------------------------------------------------------
   Vert profond  #3E5F55   titres, en-tête, pied de page, liens
   Sauge         #8FA99B   aplats, illustrations, filets
   Sauge voilé   #DCE5DE   fonds de section alternés
   Terracotta    #C08A6E   BOUTONS UNIQUEMENT — chaque tache = un point de conversion
   Crème         #FAF8F4   fond de page (jamais de blanc pur)
   Anthracite    #2E3A38   corps de texte
   ========================================================================= */

:root{
  --mci-vert:#3E5F55;
  --mci-vert-fonce:#2F4A43;
  --mci-sauge:#8FA99B;
  --mci-sauge-clair:#DCE5DE;
  --mci-terra:#C08A6E;
  --mci-terra-survol:#A87458;
  --mci-terra-clair:#EFE0D6;
  --mci-creme:#FAF8F4;
  --mci-encre:#2E3A38;
  --mci-gris:#6B7573;
  --mci-trait:#E4E2DD;

  /* Alias sur les variables natives de Kadence — permet à la charte de
     s'appliquer aussi aux blocs Kadence et à l'éditeur. */
  --global-palette1:#3E5F55;
  --global-palette2:#8FA99B;
  --global-palette3:#2E3A38;
  --global-palette4:#6B7573;
  --global-palette5:#E4E2DD;
  --global-palette6:#DCE5DE;
  --global-palette7:#FAF8F4;
  --global-palette8:#FFFFFF;
  --global-palette9:#C08A6E;
}

/* ---------------------------------------------------------------- socle -- */

body,
.site,
.content-bg,
body.content-style-unboxed .content-bg{
  background:var(--mci-creme);
  color:var(--mci-encre);
}

body{
  font-family:'Jost',sans-serif;
  font-size:17px;
  line-height:1.75;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3,
.entry-title,
.entry-hero h1{
  font-family:'Cormorant Garamond',serif;
  color:var(--mci-vert);
  font-weight:400;
  letter-spacing:-.01em;
}
h1,.entry-title{font-size:clamp(34px,5vw,56px);line-height:1.15;font-weight:300;}
h2{font-size:clamp(28px,3.6vw,40px);line-height:1.2;}
h3{font-size:clamp(22px,2.4vw,28px);line-height:1.3;}
h4,h5,h6,
.widget-title,
.widgettitle{
  font-family:'Jost',sans-serif;
  font-weight:600;
  letter-spacing:.04em;
  color:var(--mci-vert);
}

a{color:var(--mci-vert);}
a:hover,a:focus{color:var(--mci-terra);}

p{margin-bottom:1.35em;}
strong,b{font-weight:600;color:var(--mci-encre);}

/* Longueur de ligne : 65-75 caractères sur les articles */
.single-post .entry-content > *:not(.alignwide):not(.alignfull):not(.wp-block-group){
  max-width:760px;
  margin-inline:auto;
}

/* ------------------------------------------------------------- boutons -- */

.wp-block-button__link,
.button,
button:not(.toggle):not(.menu-toggle-open):not(.search-toggle-open),
input[type="submit"],
.kb-button.kt-button-style-basic,
.mci-btn{
  background:var(--mci-terra);
  color:#fff;
  border:1px solid transparent;
  border-radius:2px;
  font-family:'Jost',sans-serif;
  font-weight:500;
  font-size:15px;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:16px 36px;
  line-height:1;
  transition:background .25s ease,transform .25s ease,color .25s ease;
  text-decoration:none;
  display:inline-block;
}
.wp-block-button__link:hover,
.button:hover,
input[type="submit"]:hover,
.kb-button.kt-button-style-basic:hover,
.mci-btn:hover{
  background:var(--mci-terra-survol);
  color:#fff;
  transform:translateY(-1px);
}

/* Bouton contour — classe `is-style-outline` ou `mci-btn-outline` */
.wp-block-button.is-style-outline .wp-block-button__link,
.mci-btn-outline{
  background:transparent;
  border:1px solid var(--mci-vert);
  color:var(--mci-vert);
  border-radius:2px;
  font-family:'Jost',sans-serif;
  font-weight:500;
  font-size:15px;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:15px 35px;
  display:inline-block;
  text-decoration:none;
  transition:background .25s ease,color .25s ease;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.mci-btn-outline:hover{background:var(--mci-vert);color:var(--mci-creme);}

/* Lien fléché — mettre la flèche dans un <span> */
.mci-lien{font-weight:500;color:var(--mci-vert);font-size:15px;text-decoration:none;}
.mci-lien span{display:inline-block;transition:transform .25s ease;}
.mci-lien:hover span{transform:translateX(5px);}

/* --------------------------------------------------------------- blocs -- */

/* Filet décoratif au-dessus des titres de section — seul ornement du site */
.mci-section-title{text-align:center;}
.mci-section-title::before{
  content:"";display:block;width:60px;height:1px;
  background:var(--mci-sauge);margin:0 auto 24px;
}

/* Surtitre */
.mci-eyebrow{
  font-size:12px;font-weight:500;letter-spacing:.24em;
  text-transform:uppercase;color:var(--mci-sauge);display:block;
}

/* Cartes — pas d'ombre portée, l'ombre alourdit et date */
.mci-card,
.kt-inside-inner-col.mci-card{
  background:#fff;
  border:1px solid var(--mci-trait);
  border-radius:3px;
  padding:32px;
  box-shadow:none;
  transition:border-color .25s ease;
}
.mci-card:hover{border-color:var(--mci-sauge);}
.mci-card h4{margin-bottom:10px;}
.mci-card p{font-size:15.5px;line-height:1.7;color:var(--mci-gris);}
.mci-card img{width:40px;height:40px;margin-bottom:20px;}

/* Encadré cadre légal / avertissement */
.mci-legal{
  background:var(--mci-creme);
  border-left:3px solid var(--mci-sauge);
  padding:24px 28px;
  font-size:15px;
  color:var(--mci-gris);
  font-style:italic;
  line-height:1.7;
  margin:40px 0;
}

/* Encadré de désambiguïsation (kinésiologie / kinésithérapie) */
.mci-disambig{
  border:1px solid var(--mci-trait);
  border-left:3px solid var(--mci-sauge);
  border-radius:3px;
  padding:34px 38px;
  background:var(--mci-creme);
}
.mci-disambig h3{margin:12px 0 18px;}
.mci-disambig p{color:var(--mci-gris);font-size:16px;}

/* Étapes numérotées */
.mci-step .mci-num{
  font-family:'Cormorant Garamond',serif;
  font-size:46px;font-weight:300;line-height:1;
  color:var(--mci-sauge);margin-bottom:14px;display:block;
}
.mci-step p{font-size:15.5px;color:var(--mci-gris);line-height:1.7;}

/* Coordonnées (shortcode [mci_contact]) */
.mci-contact{
  font-style:normal;line-height:1.9;font-size:16px;color:var(--mci-gris);
}
.mci-contact strong{color:var(--mci-vert);font-weight:600;}
.mci-contact a{color:var(--mci-vert);}

.mci-secteur{font-size:15px;color:var(--mci-gris);}

/* Fonds de section — alternance crème → sauge → crème → blanc → crème */
.mci-section-sauge{background:var(--mci-sauge-clair);}
.mci-section-blanche{
  background:#fff;
  border-top:1px solid var(--mci-trait);
  border-bottom:1px solid var(--mci-trait);
}
.mci-section-verte{background:var(--mci-vert);color:var(--mci-creme);}
.mci-section-verte h1,
.mci-section-verte h2,
.mci-section-verte h3,
.mci-section-verte p{color:var(--mci-creme);}
.mci-section-verte .mci-eyebrow{color:var(--mci-sauge-clair);}

/* ------------------------------------------------- en-tête et pied ------ */

#masthead,
.site-header{
  background:var(--mci-creme);
  border-bottom:1px solid var(--mci-trait);
}

/* En-tête collant.
   Kadence Pro propose une option native ; en version gratuite, ces trois
   lignes suffisent. Retirer le bloc si vous activez l'option Pro, pour
   éviter que les deux mécanismes ne se superposent. */
body.mci-header-collant #masthead{
  position:sticky;
  top:0;
  z-index:500;
  background:rgba(250,248,244,.94);
  backdrop-filter:blur(8px);
  box-shadow:0 2px 8px rgba(0,0,0,.04);
}
/* Ne pas coller sous la barre d'admin en édition */
body.admin-bar.mci-header-collant #masthead{top:32px;}
@media (max-width:782px){
  body.admin-bar.mci-header-collant #masthead{top:46px;}
}

.site-footer,
#colophon,
.site-bottom-footer-wrap,
.site-top-footer-wrap,
.site-middle-footer-wrap{
  background:var(--mci-creme);
  color:var(--mci-gris);
}
#colophon{border-top:1px solid var(--mci-trait);}
.site-footer .widget-title,
#colophon .widget-title{
  font-family:'Jost',sans-serif;font-size:13px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--mci-sauge);
}
.site-footer a{color:var(--mci-gris);}
.site-footer a:hover{color:var(--mci-vert);}

/* Mention légale du pied de page */
.mci-disclaimer{
  font-size:13px;color:var(--mci-gris);line-height:1.7;
  border-top:1px solid var(--mci-trait);padding-top:26px;margin-top:40px;
}

/* Menu principal */
.primary-menu-container > ul > li > a,
.header-navigation .menu > li > a{
  font-family:'Jost',sans-serif;font-weight:500;font-size:15px;
  letter-spacing:.03em;color:var(--mci-vert);
}
.header-navigation .menu > li > a:hover{color:var(--mci-terra);}

/* ----------------------------------------------------------- articles --- */

.entry-meta,
.entry-taxonomies,
.posted-on{
  font-family:'Jost',sans-serif;font-size:13px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--mci-gris);
}
.loop-entry .entry-title{font-size:22px;line-height:1.3;}
.loop-entry.content-bg{
  background:#fff;border:1px solid var(--mci-trait);
  border-radius:3px;box-shadow:none;
}
.loop-entry.content-bg:hover{border-color:var(--mci-sauge);}

/* Formulaires */
input[type="text"],input[type="email"],input[type="tel"],
input[type="url"],textarea,select{
  border:1px solid var(--mci-trait);border-radius:2px;
  background:#fff;padding:13px 16px;font-family:'Jost',sans-serif;
  font-size:16px;color:var(--mci-encre);
}
input:focus,textarea:focus,select:focus{
  border-color:var(--mci-sauge);outline:2px solid rgba(143,169,155,.25);outline-offset:1px;
}
label{font-size:15px;font-weight:500;color:var(--mci-vert);}

/* Accessibilité : ne jamais supprimer le focus visible */
a:focus-visible,button:focus-visible,
.wp-block-button__link:focus-visible{
  outline:2px solid var(--mci-terra);outline-offset:3px;
}

/* ---------------------------------------------------------- responsive -- */

@media (max-width:1024px){
  body{font-size:16px;}
  .single-post .entry-content > *{max-width:100%;}
}
@media (max-width:767px){
  .mci-card{padding:26px 22px;}
  .mci-disambig{padding:26px 24px;}
  .wp-block-button__link,.mci-btn{padding:15px 28px;font-size:14px;}
  .mci-step .mci-num{font-size:38px;}
}

/* ---------------------------------------------------------- impression -- */
@media print{
  #masthead,#colophon,.site-footer,.mci-section-verte{display:none!important;}
  body{background:#fff;font-size:12pt;}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;}
}

/* --------------------------------------- WooCommerce (si un jour installé) */
.woocommerce-breadcrumb,
.site-header-item .header-cart-wrap{display:none;}

/* ------------------------------------------------ tableau tarifaire ----- */
.mci-tarifs{width:100%;border-collapse:collapse;margin:24px 0;}
.mci-tarifs th,
.mci-tarifs td{
  padding:14px 16px;
  border-bottom:1px solid var(--mci-trait);
  text-align:left;
}
.mci-tarifs th{
  font-family:'Jost',sans-serif;font-size:13px;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;color:var(--mci-sauge);
}
.mci-tarifs td strong{color:var(--mci-vert);font-size:18px;}
@media (max-width:600px){
  .mci-tarifs th,.mci-tarifs td{padding:11px 8px;font-size:15px;}
}