/*
Theme Name:  Calepin Parentalité
Theme URI:   https://calepin.fr
Author:      Kozman
Author URI:  https://kozman.fr
Description: Thème enfant GeneratePress — Calepin Parentalité
Template:    generatepress
Version:     1.0.0
Requires at least: 6.4
Tested up to:      6.9
Requires PHP:      8.1
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: calepin-parentalite
*/

/* ============================================================
   TOKENS CSS — Design system Calepin Parentalité
   ============================================================ */

:root {

    /* Couleurs */
    --cp-coral:    #D4553A; /* CTA principal */
    --cp-orange:   #E8833A; /* accent, hover  */
    --cp-teal:     #5BA8A0; /* badges, focus, liens */
    --cp-cream:    #FBF6F0; /* fond de page   */
    --cp-peach:    #F5EDE3; /* surfaces cartes */
    --cp-graphite: #2C2C2A; /* texte principal */
    --cp-muted:    #888780; /* texte secondaire */

    /* Rayons */
    --cp-radius-card: 12px;
    --cp-radius-btn:  8px;
    --cp-radius-pill: 20px;

    /* Bordure standard */
    --cp-border: 0.5px solid;
}

/* ============================================================
   RESET MINIMAL — body, typographie de base
   ============================================================ */

body {
    background-color: var(--cp-cream);
    color:            var(--cp-graphite);
    font-family:      'Lato', sans-serif;
    font-size:        15px;
    font-weight:      400;
    line-height:      1.7;
    text-align:       left;
}

/* H1 : Caveat uniquement */
h1 {
    font-family: 'Caveat', cursive;
    font-weight: 700;
    font-style:  normal;
    line-height: 1.0;
}

/* H2, H3 : Lato bold resserré */
h2,
h3 {
    font-family:     'Lato', sans-serif;
    font-weight:     700;
    letter-spacing:  -0.01em;
}

/* H4–H6 : Lato bold, pas de resserrage */
h4,
h5,
h6 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}

/* Texte secondaire / méta */
small,
.cp-meta {
    font-size:   12px;
    font-weight: 400;
}

/* Cibles tactiles — éléments interactifs non-inline */
button,
.button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
    min-height: 44px;
}

/*
 * Pour les liens (<a>), la cible 44 px est à garantir
 * via le padding au niveau du composant, pas ici en reset global,
 * afin d'éviter de casser les liens inline dans le corps de texte.
 */

/* ============================================================
   PAGES ELEMENTOR — neutralise les wrappers GP résiduels
   ============================================================ */

/* Neutralise le wrapper inside-article de GeneratePress sur les pages Elementor.
   GP applique padding: 40px sur .inside-article en mode separate-containers,
   ce qui crée une bande blanche visible au-dessus des sections Elementor. */
.elementor-page .inside-article {
    padding:    0;
    background: transparent !important;
}

.elementor-page .entry-header,
.elementor-page .entry-content {
    padding: 0;
    margin:  0;
}

.elementor-page .content-area {
    padding-top: 0;
}

/* GP applique margin:20px sur .site-main (separate-containers),
   ce qui crée un espace cream entre le header et le contenu Elementor. */
.elementor-page .site-main {
    margin-top:    0;
    margin-bottom: 0;
}

/* Fond transparent sur l'article pour que le body cream transparaisse */
.elementor-page article.page {
    background: transparent !important;
}