/*
Theme Name: La Jenny Golf (WP 6.x)
Theme URI: https://example.com/
Author: Mateo
Description: Thème WordPress léger et compatible WP 6.x (starter). Contenu à personnaliser.
Version: 1.1.0
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: la-jenny-golf
Tags: one-column, two-columns, custom-menu, featured-images, sticky-post, blog
Requires at least: 6.0
Tested up to: 6.9
*/

:root{
  --ink:#0f172a;
  --muted:#334155;
  --bg:#ffffff;
  --panel:#f8fafc;
  --border:#e2e8f0;
  --accent:#0f766e;      /* teal/green */
  --accent-2:#16a34a;    /* green */
  --accent-soft:rgba(15,118,110,.10);
  --shadow:0 12px 34px rgba(2,6,23,.08);
}


/* Reset */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; line-height: 1.55; color: var(--ink); background: var(--bg); }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Layout */
.container { width: min(1100px, 92vw); margin: 0 auto; }
.header { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.92); backdrop-filter: blur(10px); border-bottom: 1px solid var(--border); }
.header__inner { display:flex; align-items:center; justify-content:space-between; padding: 14px 0; gap: 16px; }
.brand { display:flex; align-items:center; gap: 10px; font-weight: 700; letter-spacing: .2px; }
.brand__mark { width: 34px; height: 34px; border-radius: 10px; background: var(--accent); color:#fff; display:grid; place-items:center; font-size:14px; }
.nav { display:flex; align-items:center; gap: 14px; flex-wrap: wrap; }
.nav a { padding: 8px 10px; border-radius: 10px; }
.nav a:hover { background:#f5f5f5; text-decoration:none; }
.cta { background: var(--accent); color:#fff !important; padding: 9px 12px; border-radius: 12px; }
.cta:hover { background: #0b5f58; }

.hero { padding: 54px 0 28px; }
.hero__grid { display:grid; grid-template-columns: 1.2fr .8fr; gap: 24px; align-items:center; }
@media (max-width: 860px){ .hero__grid{ grid-template-columns:1fr; } }
.kicker { display:inline-flex; gap:8px; align-items:center; font-size: 13px; padding: 6px 10px; border:1px solid #eee; border-radius: 999px; background: var(--panel); }
.h1 { font-size: clamp(30px, 4vw, 44px); line-height:1.15; margin: 14px 0 12px; }
.lede { font-size:17px; color: var(--muted); margin: 0 0 18px; max-width: 60ch; }
.hero__card { border:1px solid #eee; border-radius: 18px; overflow:hidden; background: var(--bg); box-shadow: var(--shadow); }
.hero__card .ph { aspect-ratio: 4/3; background: linear-gradient(135deg, #eaeaea, #f7f7f7); display:grid; place-items:center; color: #64748b; font-size:13px; }
.hero__card .pad { padding: 16px; }
.badges { display:flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
.badge { font-size:12px; padding: 5px 9px; border:1px solid #eee; border-radius: 999px; background: var(--panel); }

.section { padding: 28px 0; }
.section h2 { font-size: 24px; margin: 0 0 12px; }
.cards { display:grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
@media (max-width: 900px){ .cards{ grid-template-columns:1fr; } }
.card { border:1px solid #eee; border-radius: 16px; padding: 16px; background: var(--bg); }
.card h3 { margin: 0 0 6px; font-size:16px; }
.card p { margin: 0; color: var(--muted); }

.split { display:grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items:start; }
@media (max-width: 860px){ .split{ grid-template-columns:1fr; } }
.panel { border:1px solid #eee; border-radius: 16px; padding: 16px; background: var(--panel); }

.content { padding: 28px 0; }
.content .entry { border:1px solid #eee; border-radius: 16px; padding: 16px; background: var(--bg); }
.content .meta { color: #64748b; font-size: 13px; margin: 8px 0 16px; }

.footer { border-top:1px solid var(--border); padding: 22px 0; margin-top: 34px; color: var(--muted); }
.footer small { color: #64748b; }


/* Green accents */
.cta{ box-shadow: 0 10px 22px rgba(15,118,110,.18); }
.cta:hover{ box-shadow: 0 12px 26px rgba(15,118,110,.22); }
.nav a.is-current{ background: var(--accent-soft); color: var(--accent); text-decoration:none; }

/* Subtle illustration background in hero */
.hero{
  position: relative;
  overflow: hidden;
}
.hero::before{
  content:"";
  position:absolute;
  inset:-180px -120px auto -120px;
  height: 420px;
  background:
    radial-gradient(circle at 20% 30%, rgba(22,163,74,.18), transparent 55%),
    radial-gradient(circle at 70% 40%, rgba(15,118,110,.22), transparent 60%),
    radial-gradient(circle at 45% 70%, rgba(34,197,94,.16), transparent 55%);
  pointer-events:none;
}
.hero .container{ position: relative; }

/* Icon list */
.iconlist{ list-style:none; padding:0; margin:0; display:grid; gap:10px; }
.iconlist li{ display:flex; gap:10px; align-items:flex-start; }
.iconlist svg{ flex:0 0 18px; margin-top:2px; }
.kicker{ border-color: var(--border); }
.badge{ border-color: var(--border); }
.panel{ background: var(--panel); border-color: var(--border); }
.card{ border-color: var(--border); }
.header{ border-color: var(--border); }