/*
Theme Name: Lycorne - Kadence Child
Description: Theme enfant de Kadence pour Lycorne.
Template: kadence
Version: 1.0.0
Text Domain: lycorne-kadence-child
*/

/* Ajoutez ici les styles personnalises du site. */

/* ==========================================================================
   1. VARIABLES DE MARQUE LYCORNE & PALETTE KADENCE
   ========================================================================== */
:root {
    /* --- Couleurs Officielles Lycorne --- */
    --lycorne-vert-fonce: #224134;     /* Vert Forêt profond */
    --lycorne-vert-moyen: #407059;     /* Vert intermédiaire */
    --lycorne-vert-clair: #45826A;     /* Vert Émeraude / Action */
    --lycorne-orange-cta: #f76a0c;     /* Orange d'accentuation */
    
    --lycorne-texte-fonce: #2b2f2f;    /* Texte principal */
    --lycorne-texte-moyen: #4a5568;    /* Texte secondaire */
    --lycorne-texte-clair: #718096;    /* Métadonnées */
    
    --lycorne-bg-section: #F3FAFC;     /* Fond de section signature */
    --lycorne-bg-gris: #F8FAFB;        /* Fond alternatif */
    --lycorne-blanc: #FFFFFF;
    --lycorne-bordure: #E2E8F0;

    /* --- Typographies --- */
    --font-titres: 'Oswald', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-corps: 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    /* --- Surcharge de la Palette Globale Kadence --- */
    --global-palette1: var(--lycorne-vert-fonce);  /* Primaire (#224134) */
    --global-palette2: var(--lycorne-vert-clair);  /* Secondaire / Hover (#45826A) */
    --global-palette3: var(--lycorne-vert-fonce);  /* Titres H1, H2, H3 (#224134) */
    --global-palette4: var(--lycorne-texte-fonce); /* Titres H4, H5, H6 (#2b2f2f) */
    --global-palette5: var(--lycorne-texte-moyen); /* Paragraphes */
    --global-palette6: var(--lycorne-texte-clair); /* Bordures / Muted */
    --global-palette7: var(--lycorne-bg-section);  /* Cartes & Sections (#F3FAFC) */
    --global-palette8: var(--lycorne-bg-gris);     /* Fond gris clair */
    --global-palette9: var(--lycorne-blanc);       /* Blanc */
    
    --global-palette-highlight: var(--lycorne-vert-clair);
    --global-palette-highlight-alt: var(--lycorne-orange-cta);

    /* --- Arrondis & Ombres --- */
    --lycorne-radius-sm: 6px;
    --lycorne-radius-md: 10px;
    --lycorne-shadow-sm: 0 2px 8px rgba(34, 65, 52, 0.05);
    --lycorne-shadow-md: 0 8px 24px rgba(34, 65, 52, 0.08);
}

/* ==========================================================================
   2. TYPOGRAPHIES & TITRES (H1 - H6)
   ========================================================================== */
body {
    font-family: var(--font-corps);
    color: var(--lycorne-texte-fonce);
    background-color: var(--lycorne-blanc);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.site-title,
.kb-advanced-heading {
    font-family: var(--font-titres);
    color: var(--lycorne-vert-fonce);
    font-weight: 700;
}

h1 {
    font-size: clamp(2rem, 1.6rem + 2vw, 3.2rem);
    line-height: 1.15;
}

h2 {
    font-size: clamp(1.6rem, 1.3rem + 1.5vw, 2.4rem);
    line-height: 1.25;
}

p, li {
    font-family: var(--font-corps);
    line-height: 1.65;
    font-size: 1.05rem;
}

/* ==========================================================================
   3. BOUTONS (GUTENBERG & KADENCE BLOCKS)
   ========================================================================== */

/* Bouton Principal (Vert Forêt) */
.wp-block-button__link,
.kb-button,
.button,
button[type="submit"],
input[type="submit"],
.btn_std {
    background-color: var(--lycorne-vert-fonce) !important;
    color: var(--lycorne-blanc) !important;
    border: 2px solid var(--lycorne-vert-fonce) !important;
    border-radius: var(--lycorne-radius-sm) !important;
    font-family: var(--font-titres) !important;
    font-weight: 600 !important;
    font-size: 1.05rem !important;
    padding: 0.75em 1.6em !important;
    transition: all 0.25s ease !important;
    box-shadow: var(--lycorne-shadow-sm);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.wp-block-button__link:hover,
.kb-button:hover,
.button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.btn_std:hover {
    background-color: var(--lycorne-blanc) !important;
    color: var(--lycorne-vert-fonce) !important;
    border-color: var(--lycorne-vert-fonce) !important;
    transform: translateY(-2px);
    box-shadow: var(--lycorne-shadow-md);
}

/* Bouton Secondaire / Outline (Vert Émeraude) */
.wp-block-button.is-style-outline .wp-block-button__link,
.btn-secondary,
.btn_std_2 {
    background-color: var(--lycorne-vert-clair) !important;
    color: var(--lycorne-blanc) !important;
    border: 2px solid var(--lycorne-vert-clair) !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.btn-secondary:hover,
.btn_std_2:hover {
    background-color: var(--lycorne-blanc) !important;
    color: var(--lycorne-vert-clair) !important;
    border-color: var(--lycorne-vert-clair) !important;
}

/* Bouton Spécial CTA Essai Gratuit (Orange optionnel) */
.btn-cta-orange,
.wp-block-button.btn-cta-orange .wp-block-button__link {
    background-color: var(--lycorne-orange-cta) !important;
    border-color: var(--lycorne-orange-cta) !important;
    color: #ffffff !important;
}

.btn-cta-orange:hover,
.wp-block-button.btn-cta-orange .wp-block-button__link:hover {
    background-color: #e05b00 !important;
    border-color: #e05b00 !important;
    color: #ffffff !important;
}

/* ==========================================================================
   4. EN-TÊTE / HEADER & NAVIGATION
   ========================================================================== */
#masthead {
    border-bottom: 1px solid var(--lycorne-bordure);
    background-color: #ffffff;
}

.site-branding .site-title {
    font-family: var(--font-titres);
    color: var(--lycorne-vert-fonce);
    font-size: 1.6rem;
    font-weight: 700;
}

.main-navigation .primary-menu-container > ul > li.menu-item > a {
    font-family: var(--font-corps);
    font-weight: 600;
    font-size: 0.98rem;
    color: var(--lycorne-vert-fonce);
    padding: 0.6em 1em;
    transition: color 0.2s ease;
}

.main-navigation .primary-menu-container > ul > li.menu-item > a:hover,
.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a {
    color: var(--lycorne-vert-clair) !important;
}

.header-navigation .header-menu-container ul ul.sub-menu {
    background-color: var(--lycorne-vert-fonce) !important;
    border-radius: var(--lycorne-radius-sm);
    box-shadow: var(--lycorne-shadow-md);
}

.header-navigation .header-menu-container ul ul li.menu-item > a {
    color: #ffffff !important;
}

.header-navigation .header-menu-container ul ul li.menu-item > a:hover {
    background-color: var(--lycorne-vert-moyen) !important;
}

/* ==========================================================================
   5. SECTIONS, CARTES & BLOCS
   ========================================================================== */
.bg-lycorne-soft,
.has-theme-palette-7-background-color {
    background-color: var(--lycorne-bg-section) !important;
}

.lycorne-card,
.kt-infobox-wrapper {
    background-color: var(--lycorne-blanc);
    border: 1px solid var(--lycorne-bordure);
    border-radius: var(--lycorne-radius-md);
    padding: 2rem;
    box-shadow: var(--lycorne-shadow-sm);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.lycorne-card:hover,
.kt-infobox-wrapper:hover {
    transform: translateY(-4px);
    box-shadow: var(--lycorne-shadow-md);
    border-color: rgba(69, 130, 106, 0.3);
}

/* ==========================================================================
   6. FOOTER (VERT FORÊT PROFOND)
   ========================================================================== */
#colophon,
.site-footer {
    background-color: var(--lycorne-vert-fonce) !important;
    color: rgba(255, 255, 255, 0.85) !important;
    border-top: 3px solid var(--lycorne-vert-clair);
}

.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6,
.site-footer .widget-title {
    color: #ffffff !important;
    font-family: var(--font-titres);
}

.site-footer a {
    color: rgba(255, 255, 255, 0.8) !important;
}

.site-footer a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}

/* ==========================================================================
   7. FORMULAIRES & INPUTS
   ========================================================================== */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select {
    border: 1px solid var(--lycorne-bordure) !important;
    border-radius: var(--lycorne-radius-sm) !important;
    padding: 0.75em 1em !important;
    color: var(--lycorne-texte-fonce) !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--lycorne-vert-clair) !important;
    box-shadow: 0 0 0 3px rgba(69, 130, 106, 0.15) !important;
    outline: none;
}


.full-page {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    box-sizing: border-box !important;
}
/* 2. On réapplique la largeur standard Kadence sur le contenu intérieur */
.full-page > * {
    max-width: var(--global-content-width, 1290px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--global-content-edge-padding, 1.5rem);
    padding-right: var(--global-content-edge-padding, 1.5rem);
}
#main-header .btn-connect {
text-decoration:none;
}
#main-header .btn-connect:hover {
text-decoration:underline;
}
/* ==========================================================================
   PAGE FONCTIONNALITÉS & TARIFS (PAGE ID: 2709) - STYLE DAMIER LYCORNE
   ========================================================================== */

/* Structure & Arrondi du Tableau */
.page-id-2709 .kb-table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    border: 1px solid rgba(34, 65, 52, 0.15) !important;
    box-shadow: 0 4px 24px rgba(34, 65, 52, 0.06) !important;
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

/* Bordures intérieures fines */
.page-id-2709 .kb-table td, 
.page-id-2709 .kb-table th {
    border: 1px solid rgba(34, 65, 52, 0.08) !important;
    padding: 1rem 1.2rem !important;
    vertical-align: middle !important;
}

/* 1. Icônes plus petites et bien centrées */
.page-id-2709 .kb-table .wp-block-kadence-icon,
.page-id-2709 .kb-table .kt-svg-icons,
.page-id-2709 .kb-table .kb-svg-icon-wrap,
.page-id-2709 .kb-table svg {
    width: 20px !important;
    height: 20px !important;
    font-size: 20px !important;
    margin: 0 auto !important;
    display: block !important;
    color: #45826A !important; /* Vert émeraude */
}

/* 2. Première colonne en Gras (Alignée à gauche) */
.page-id-2709 .kb-table tr th:first-child,
.page-id-2709 .kb-table tr td:first-child {
    font-weight: 700 !important;
    color: #224134 !important;
    text-align: left !important;
    font-size: 0.95rem !important;
}

/* Centrage du texte pour les colonnes Essentiels, Performance, Croissance */
.page-id-2709 .kb-table tr th:nth-child(n+2),
.page-id-2709 .kb-table tr td:nth-child(n+2) {
    text-align: center !important;
}

/* En-têtes de colonnes (th) */
.page-id-2709 .kb-table th {
    font-family: var(--font-titres, 'Oswald', sans-serif) !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #224134 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
    padding-top: 1.4rem !important;
    padding-bottom: 1.4rem !important;
}

/* ==========================================================================
   DAMIER : 3 VERTS DIFFÉRENTS + ALTERNANCE UNE LIGNE SUR DEUX
   ========================================================================== */

/* --- Colonne 1 : Intitulés / Fonctionnalités --- */
.page-id-2709 .kb-table tr:nth-child(odd) td:nth-child(1) {
    background-color: #FFFFFF !important;
}
.page-id-2709 .kb-table tr:nth-child(even) td:nth-child(1) {
    background-color: #F8FAFB !important; /* Gris très pâle */
}

/* --- Colonne 2 : Formule "Essentiels" (Vert d'eau très doux) --- */
.page-id-2709 .kb-table th:nth-child(2) {
    background-color: rgba(69, 130, 106, 0.16) !important;
}
.page-id-2709 .kb-table tr:nth-child(odd) td:nth-child(2) {
    background-color: rgba(69, 130, 106, 0.04) !important;
}
.page-id-2709 .kb-table tr:nth-child(even) td:nth-child(2) {
    background-color: rgba(69, 130, 106, 0.10) !important;
}

/* --- Colonne 3 : Formule "Performance" (Vert Émeraude intermédiaire) --- */
.page-id-2709 .kb-table th:nth-child(3) {
    background-color: rgba(34, 65, 52, 0.20) !important;
}
.page-id-2709 .kb-table tr:nth-child(odd) td:nth-child(3) {
    background-color: rgba(34, 65, 52, 0.07) !important;
}
.page-id-2709 .kb-table tr:nth-child(even) td:nth-child(3) {
    background-color: rgba(34, 65, 52, 0.14) !important;
}

/* --- Colonne 4 : Formule "Croissance" (Vert Forêt soutenu) --- */
.page-id-2709 .kb-table th:nth-child(4) {
    background-color: rgba(46, 204, 113, 0.18) !important;
}
.page-id-2709 .kb-table tr:nth-child(odd) td:nth-child(4) {
    background-color: rgba(46, 204, 113, 0.06) !important;
}
.page-id-2709 .kb-table tr:nth-child(even) td:nth-child(4) {
    background-color: rgba(46, 204, 113, 0.13) !important;
}