/*
Theme Name:   Les Jardiniers du Dimanche Child
Theme URI:    https://lesjardiniersdudimanche.fr
Description:  Thème enfant Kadence — Les Jardiniers du Dimanche
Author:       Les Jardiniers du Dimanche
Template:     kadence
Version:      1.0.0
Text Domain:  kadence-child
Generated:    2026-05-05T09:25:32.188Z
*/

/* ===========================
   Google Fonts
   =========================== */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&family=Open+Sans:wght@300;400;500;600;700&display=swap');

/* ===========================
   Custom Properties (tokens)
   =========================== */
:root {
  --color-primary:    #4CAF50;
  --color-secondary:  #8BC34A;
  --color-accent:     #FF5722;
  --color-text:       #212121;
  --color-bg:         #FAFAFA;

  --font-heading: 'Roboto', sans-serif;
  --font-body:    'Open Sans', sans-serif;

  --radius: 8px;
  --shadow: 0 4px 24px rgba(0,0,0,.08);
}

/* ===========================
   Base
   =========================== */
body {
  font-family: var(--font-body);
  color: var(--color-text);
  background-color: var(--color-bg);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.25;
  color: var(--color-text);
}

a {
  color: var(--color-primary);
  text-decoration: none;
  transition: color .2s ease, opacity .2s ease;
}
a:hover {
  opacity: .8;
}

/* ===========================
   Navigation
   =========================== */
.header-navigation a,
.site-header-item a {
  font-family: var(--font-heading);
  font-weight: 500;
  font-size: .95rem;
  color: var(--color-text);
  transition: color .2s;
}
.header-navigation a:hover,
.site-header-item a:hover {
  color: var(--color-primary);
}

/* ===========================
   Boutons
   =========================== */
.wp-block-button__link,
.kb-button,
button[type="submit"],
input[type="submit"] {
  background: var(--color-primary) !important;
  color: #fff !important;
  border-radius: var(--radius) !important;
  font-family: var(--font-heading) !important;
  font-weight: 600;
  padding: .7em 1.6em;
  border: none;
  cursor: pointer;
  transition: transform .15s, box-shadow .15s;
}
.wp-block-button__link:hover,
.kb-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,0,0,.15);
}

/* ===========================
   Cards / Articles
   =========================== */
.entry-card,
article.type-post {
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
  transition: transform .2s, box-shadow .2s;
  background: #fff;
}
.entry-card:hover,
article.type-post:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0,0,0,.12);
}

/* ===========================
   Page Hero (accueil)
   =========================== */
.page-hero {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  color: #fff;
  padding: 5rem 2rem;
  text-align: center;
  border-radius: 0 0 2rem 2rem;
}
.page-hero h1 {
  color: #fff;
  font-size: clamp(2rem, 5vw, 3.5rem);
  margin-bottom: 1rem;
}
.page-hero p {
  font-size: 1.25rem;
  opacity: .9;
  max-width: 600px;
  margin: 0 auto;
}

/* ===========================
   Footer
   =========================== */
.site-footer {
  border-top: 1px solid rgba(0,0,0,.08);
  padding: 2rem;
  font-size: .9rem;
}