/**
 * 2010-2026 SwissGeek | Web Developer Freelance
 *
 * NOTICE OF LICENSE — commercial proprietary license (EULA)
 * https://swissgeek.dev/license/ · license@swissgeek.dev
 *
 * @Module       sgkpaddock
 * @Description  Styles front (section "Le Paddock" + formulaire partenaire).
 * @Version      1.0.0
 * @Copyright    Copyright (c) 2010-2026 - SwissGeek | Web Developer Freelance
 * @License      Valid for 1 website (or project) for each purchase of license.
 */

/* Scope autonome : ne dépend d'aucune variable du thème.
   La couleur d'accent est injectée en inline via --sgk-accent. */
.sgkpaddock{
  --sgk-green:#0e2a24; --sgk-green-2:#123a30; --sgk-green-3:#16493c;
  --sgk-cream:#f2ede1; --sgk-muted:#9db3ab; --sgk-line:#1e463b;
  --sgk-accent:#e8a33d;
  --sgk-font:'Archivo','Segoe UI',system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
  --sgk-body:'Inter','Segoe UI',system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
  box-sizing:border-box;
}
.sgkpaddock *,.sgkpaddock *::before,.sgkpaddock *::after{box-sizing:border-box}
.sgkpaddock__wrap{max-width:1260px;margin:0 auto;padding:0 24px}

/* ============ SECTION ACCUEIL ============ */
.sgkpaddock--home{
  background:var(--sgk-green);
  color:var(--sgk-cream);
  padding:56px 0;
  margin:0;
  font-family:var(--sgk-body);
  background-image:radial-gradient(90% 130% at 82% -20%,rgba(232,163,61,.14),transparent 55%);
}
.sgkpaddock__head{text-align:center;max-width:620px;margin:0 auto 30px}
.sgkpaddock__kicker{
  font-family:var(--sgk-font);font-weight:700;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--sgk-accent);display:inline-block;margin-bottom:12px
}
.sgkpaddock__title{
  font-family:var(--sgk-font);font-weight:800;font-size:clamp(26px,3.6vw,40px);
  line-height:1.02;letter-spacing:-.01em;text-transform:uppercase;margin:0 0 12px;color:var(--sgk-cream)
}
.sgkpaddock__intro{color:var(--sgk-muted);font-size:16px;line-height:1.55;margin:0}

.sgkpaddock__grid{
  list-style:none;margin:0 0 8px;padding:0;
  display:grid;grid-template-columns:repeat(var(--sgk-cols,6),1fr);gap:14px
}
.sgkpaddock__club{margin:0}
.sgkpaddock__clubLink,.sgkpaddock__club{color:inherit;text-decoration:none}
.sgkpaddock__club>*,.sgkpaddock__clubLink{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  aspect-ratio:1/1;padding:14px;text-align:center;
  background:var(--sgk-green-2);border:1px solid var(--sgk-line);border-radius:16px;
  transition:transform .16s ease,border-color .16s ease,background .16s ease
}
.sgkpaddock__clubLink:hover,.sgkpaddock__club:hover>span{
  border-color:var(--sgk-accent);transform:translateY(-3px);background:var(--sgk-green-3)
}
.sgkpaddock__badge{
  width:52px;height:52px;flex:0 0 auto;border-radius:50%;overflow:hidden;
  background:var(--sgk-green);border:2px solid var(--sgk-accent);
  display:flex;align-items:center;justify-content:center
}
.sgkpaddock__badge img{width:100%;height:100%;object-fit:contain;padding:4px}
.sgkpaddock__initials{
  font-family:var(--sgk-font);font-weight:900;font-size:15px;color:var(--sgk-accent);letter-spacing:-.01em
}
.sgkpaddock__clubName{
  font-family:var(--sgk-font);font-weight:600;font-size:12px;line-height:1.2;color:var(--sgk-cream)
}

/* Bloc programme */
.sgkpaddock__program{
  margin-top:24px;background:var(--sgk-green-2);border:1px solid var(--sgk-line);border-radius:22px;
  padding:32px;display:grid;grid-template-columns:1.4fr auto;align-items:center;gap:24px
}
.sgkpaddock__programTitle{
  font-family:var(--sgk-font);font-weight:800;font-size:clamp(20px,2.4vw,28px);
  text-transform:uppercase;line-height:1.05;margin:6px 0 14px;color:var(--sgk-cream)
}
.sgkpaddock__perks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.sgkpaddock__perks li{display:flex;align-items:center;gap:11px;color:var(--sgk-cream);font-weight:500}
.sgkpaddock__check{
  width:26px;height:26px;flex:0 0 auto;border-radius:50%;background:var(--sgk-green-3);
  color:var(--sgk-accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px
}

/* Bouton */
.sgkpaddock__btn{
  display:inline-flex;align-items:center;gap:9px;cursor:pointer;
  font-family:var(--sgk-font);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.03em;
  padding:14px 26px;border-radius:40px;border:2px solid transparent;
  background:var(--sgk-accent);color:var(--sgk-green);text-decoration:none;transition:filter .15s ease,transform .15s ease
}
.sgkpaddock__btn:hover{filter:brightness(1.06);transform:translateY(-1px);color:var(--sgk-green)}
.sgkpaddock__btn svg{display:block}

/* ============ PAGE FORMULAIRE ============ */
.sgkpaddock--form{font-family:var(--sgk-body);max-width:1080px;margin:0 auto;padding:8px 0 40px}
.sgkpaddock__success{
  display:flex;gap:14px;align-items:center;background:#e9f7ef;border:1px solid #b6e2c6;
  color:#1f7a45;border-radius:14px;padding:16px 18px;margin-bottom:24px
}
.sgkpaddock__successIcon{
  width:34px;height:34px;flex:0 0 auto;border-radius:50%;background:#22c55e;color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:700
}
.sgkpaddock__success p{margin:2px 0 0;color:#2f7d52}
.sgkpaddock__formGrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:start}

.sgkpaddock__pitch{
  background:var(--sgk-green);color:var(--sgk-cream);border-radius:20px;padding:32px;
  background-image:radial-gradient(90% 130% at 90% -20%,rgba(232,163,61,.16),transparent 55%)
}
.sgkpaddock__pitch .sgkpaddock__title{font-size:clamp(24px,3vw,32px)}
.sgkpaddock__pitch .sgkpaddock__intro{color:var(--sgk-muted);margin-bottom:20px}
.sgkpaddock__pitch .sgkpaddock__perks{margin-top:8px}

.sgkpaddock__form{background:#fff;border:1px solid #e6e3da;border-radius:20px;padding:28px}
.sgkpaddock__row{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
.sgkpaddock__cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sgkpaddock__row label{font-family:var(--sgk-font);font-weight:600;font-size:13px;color:#2b2b2b}
.sgkpaddock__req{color:var(--sgk-accent)}
.sgkpaddock__form input,.sgkpaddock__form textarea{
  width:100%;font-family:var(--sgk-body);font-size:14.5px;color:#1f1f1f;
  background:#faf9f6;border:1.5px solid #e2ded3;border-radius:12px;padding:12px 14px;transition:border-color .15s ease,box-shadow .15s ease
}
.sgkpaddock__form input:focus,.sgkpaddock__form textarea:focus{
  outline:none;border-color:var(--sgk-green-3);box-shadow:0 0 0 3px rgba(22,73,60,.10);background:#fff
}
.sgkpaddock__form textarea{resize:vertical;min-height:120px}
.sgkpaddock__btn--submit{
  margin-top:6px;background:var(--sgk-green);color:var(--sgk-cream);width:100%;justify-content:center
}
.sgkpaddock__btn--submit:hover{background:var(--sgk-green-2);color:var(--sgk-cream)}
/* pot de miel : masqué visuellement et pour lecteurs d'écran */
.sgkpaddock__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ============ RESPONSIVE ============ */
@media (max-width:900px){
  .sgkpaddock__grid{grid-template-columns:repeat(3,1fr)}
  .sgkpaddock__program{grid-template-columns:1fr;text-align:left}
  .sgkpaddock__formGrid{grid-template-columns:1fr}
}
@media (max-width:520px){
  .sgkpaddock__grid{grid-template-columns:repeat(2,1fr)}
  .sgkpaddock__cols{grid-template-columns:1fr}
  .sgkpaddock--home{padding:44px 0}
  .sgkpaddock__program{padding:24px}
  .sgkpaddock__pitch,.sgkpaddock__form{padding:24px}
}
@media (prefers-reduced-motion:reduce){
  .sgkpaddock *{transition:none!important}
}