/*
Theme Name: HumAIze
Theme URI: https://humaize.io
Description: Thème HumAIze — Architecte d'expériences d'apprentissage. Identité visuelle complète avec palette anthracite, vert sauge et crème.
Author: Stéphanie Daragon
Author URI: https://humaize.io
Template: kadence
Version: 1.0.0
Text Domain: humaize
*/

/* ============================================================
   VARIABLES HUMAIZE
   ============================================================ */
:root {
  --humaize-ink:          #2D3142;
  --humaize-paper:        #F5F0E8;
  --humaize-accent:       #7B9E87;
  --humaize-accent-dark:  #5a7d68;
  --humaize-accent-light: #E8F0EA;
  --humaize-muted:        #666666;
  --humaize-border:       #C8C4BC;
  --humaize-text:         #1C1C1C;
  --humaize-white:        #FFFFFF;

  /* Override Kadence / Elementor variables */
  --global-palette1: #2D3142;
  --global-palette2: #7B9E87;
  --global-palette3: #F5F0E8;
  --global-palette4: #5a7d68;
  --global-palette5: #E8F0EA;
  --global-palette6: #C8C4BC;
  --global-palette7: #1C1C1C;
  --global-palette8: #666666;
  --global-palette9: #FFFFFF;

  /* Elementor variables */
  --e-global-color-primary:    #2D3142;
  --e-global-color-secondary:  #7B9E87;
  --e-global-color-text:       #1C1C1C;
  --e-global-color-accent:     #5a7d68;

  /* Typographie */
  --global-body-font-family:    'Inter', sans-serif;
  --global-heading-font-family: 'Cormorant Garamond', serif;
}

/* ============================================================
   IMPORT POLICES GOOGLE
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap');

/* ============================================================
   BASE
   ============================================================ */
body {
  font-family: 'Inter', sans-serif !important;
  color: var(--humaize-text) !important;
  background-color: var(--humaize-white) !important;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 500 !important;
  color: var(--humaize-ink) !important;
  line-height: 1.15 !important;
}

p, li, td, th, label, input, textarea, select, button {
  font-family: 'Inter', sans-serif !important;
}

a {
  color: var(--humaize-accent) !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
a:hover { color: var(--humaize-accent-dark) !important; }

/* ============================================================
   NAVIGATION
   ============================================================ */
.site-header,
#masthead,
.main-navigation,
.kadence-header,
header.site-header {
  background: rgba(245,240,232,0.96) !important;
  backdrop-filter: blur(8px) !important;
  border-bottom: 1px solid var(--humaize-border) !important;
}

.site-title a,
.site-branding .site-title a {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  color: var(--humaize-ink) !important;
  letter-spacing: 0.02em !important;
}

.main-navigation a,
.nav-links a,
.kadence-header-row a {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--humaize-ink) !important;
  letter-spacing: 0.04em !important;
}

.main-navigation a:hover,
.nav-links a:hover {
  color: var(--humaize-accent) !important;
}

/* Bouton CTA nav */
.nav-cta,
.header-cta,
.button-primary-nav {
  background: var(--humaize-ink) !important;
  color: var(--humaize-white) !important;
  padding: 10px 22px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
}
.nav-cta:hover { background: var(--humaize-accent) !important; }

/* ============================================================
   BOUTONS
   ============================================================ */
.wp-block-button__link,
.button, button,
input[type="submit"],
.btn, .btn-primary,
.elementor-button {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}

.wp-block-button__link,
.button-primary,
.elementor-button-primary {
  background: var(--humaize-ink) !important;
  color: var(--humaize-white) !important;
  border: none !important;
  padding: 14px 32px !important;
}
.wp-block-button__link:hover,
.button-primary:hover {
  background: var(--humaize-accent) !important;
  color: var(--humaize-white) !important;
  transform: translateY(-2px) !important;
}

.button-accent,
input[type="submit"] {
  background: var(--humaize-accent) !important;
  color: var(--humaize-white) !important;
  border: none !important;
}
.button-accent:hover,
input[type="submit"]:hover {
  background: var(--humaize-accent-dark) !important;
  transform: translateY(-1px) !important;
}

/* ============================================================
   CONTENU PAGES
   ============================================================ */
.entry-content,
.page-content,
.post-content {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  color: var(--humaize-text) !important;
  max-width: 100% !important;
}

/* Blocs Gutenberg */
.wp-block-group,
.wp-block-cover {
  width: 100% !important;
}

/* ============================================================
   SECTIONS HUMAIZE (classes personnalisées)
   ============================================================ */

/* Hero sombre */
.humaize-hero,
.section-dark {
  background: var(--humaize-ink) !important;
  color: var(--humaize-paper) !important;
}
.humaize-hero h1,
.humaize-hero h2,
.section-dark h1,
.section-dark h2 {
  color: var(--humaize-paper) !important;
}

/* Section crème */
.humaize-paper,
.section-paper {
  background: var(--humaize-paper) !important;
}

/* Section accent */
.humaize-accent-bg,
.section-accent {
  background: var(--humaize-accent) !important;
  color: var(--humaize-white) !important;
}

/* Cartes offres */
.humaize-card {
  border: 1.5px solid var(--humaize-border) !important;
  border-radius: 16px !important;
  padding: 40px 32px !important;
  transition: all 0.3s ease !important;
  background: var(--humaize-white) !important;
}
.humaize-card:hover {
  border-color: var(--humaize-accent) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 40px rgba(45,49,66,0.08) !important;
}
.humaize-card-dark {
  background: var(--humaize-ink) !important;
  border-color: var(--humaize-ink) !important;
}

/* Labels / badges */
.humaize-label {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--humaize-accent) !important;
}
.humaize-badge {
  display: inline-block !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--humaize-accent) !important;
  background: var(--humaize-accent-light) !important;
  padding: 5px 12px !important;
  border-radius: 20px !important;
}

/* Citations */
.humaize-quote {
  background: var(--humaize-ink) !important;
  border-radius: 16px !important;
  padding: 48px 40px !important;
}
.humaize-quote blockquote {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 1.4rem !important;
  font-style: italic !important;
  color: var(--humaize-paper) !important;
  line-height: 1.6 !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 0 16px !important;
}

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer,
#colophon,
footer.site-footer {
  background: var(--humaize-ink) !important;
  color: rgba(245,240,232,0.55) !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  padding: 60px 0 40px !important;
}

.site-footer a,
#colophon a {
  color: rgba(245,240,232,0.55) !important;
}
.site-footer a:hover,
#colophon a:hover {
  color: var(--humaize-paper) !important;
}

.site-footer h4,
.site-footer .widget-title {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: rgba(245,240,232,0.35) !important;
  font-family: 'Inter', sans-serif !important;
}

/* Copyright */
.site-info,
.copyright {
  font-size: 12px !important;
  color: rgba(245,240,232,0.25) !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  padding-top: 24px !important;
  margin-top: 40px !important;
}

/* ============================================================
   FORMULAIRES
   ============================================================ */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  border: 1.5px solid var(--humaize-border) !important;
  border-radius: 8px !important;
  padding: 13px 16px !important;
  transition: border-color 0.2s !important;
  outline: none !important;
}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
  border-color: var(--humaize-accent) !important;
}

/* WPForms */
.wpforms-field input,
.wpforms-field textarea,
.wpforms-field select {
  border: 1.5px solid var(--humaize-border) !important;
  border-radius: 8px !important;
}
.wpforms-submit {
  background: var(--humaize-accent) !important;
  color: var(--humaize-white) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 32px !important;
  font-weight: 600 !important;
  transition: all 0.2s !important;
}
.wpforms-submit:hover {
  background: var(--humaize-accent-dark) !important;
  transform: translateY(-1px) !important;
}

/* ============================================================
   ELEMENTOR OVERRIDES
   ============================================================ */
.elementor-section,
.e-container {
  width: 100% !important;
}

.elementor-heading-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 500 !important;
}

.elementor-widget-text-editor p,
.elementor-widget-text-editor li {
  font-family: 'Inter', sans-serif !important;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 768px) {
  .main-navigation { display: none !important; }
  h1 { font-size: 2.2rem !important; }
  h2 { font-size: 1.8rem !important; }
}

/* ============================================================
   LOGO HUMAIZE — AI en vert sauge
   ============================================================ */

/* Ciblage du titre du site */
.site-title a,
.site-branding .site-title a,
.kadence-header .site-title a {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  color: var(--humaize-ink) !important;
  text-decoration: none !important;
}

/* Le "AI" en vert — via ::before/::after impossible sur liens,
   on utilise une approche CSS text-decoration + classe */
.site-title .ai-accent,
.logo-ai {
  color: var(--humaize-accent) !important;
}

/* Footer nettoyé */
.site-info {
  font-size: 12px !important;
  color: rgba(245,240,232,0.25) !important;
}
.site-info a[href*="kadence"],
.site-info a[href*="wordpress.org"] {
  display: none !important;
}