:root {
  --gw-dark:#0F172A;
  --gw-primary:#2563EB;
  --gw-primary-dark:#1D4ED8;
  --gw-primary-soft:#EFF6FF;
  --gw-success:#10B981;
  --gw-success-dark:#059669;
  --gw-success-soft:#ECFDF5;
  --gw-warning:#F97316;
  --gw-warning-dark:#EA580C;
  --gw-warning-soft:#FFF7ED;
  --gw-text:#334155;
  --gw-muted:#64748B;
  --gw-border:#E2E8F0;
  --gw-bg:#F8FAFC;
  --gw-white:#fff;
  --gw-container:1180px;
  --gw-radius:24px;
  --gw-radius-xl:32px;
  --gw-pill:999px;
  --gw-shadow:0 10px 30px rgba(15,23,42,.07);
  --gw-shadow-lg:0 24px 70px rgba(15,23,42,.14);
  --gw-font-body:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --gw-font-heading:Manrope,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --gw-font-mono:"JetBrains Mono","SFMono-Regular",Consolas,monospace;
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  margin:0;
  background:var(--gw-bg);
  color:var(--gw-text);
  font-family:var(--gw-font-body);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a { color:inherit; text-decoration:none; }
img { max-width:100%; height:auto; }
h1,h2,h3,h4 {
  margin:0;
  font-family:var(--gw-font-heading);
  color:var(--gw-dark);
  letter-spacing:-.045em;
  line-height:1.08;
}
h1 { font-size:clamp(2.45rem,5vw,4.1rem); font-weight:850; }
h2 { font-size:clamp(1.85rem,3.2vw,2.75rem); font-weight:820; }
h3 { font-size:clamp(1.15rem,1.8vw,1.45rem); font-weight:820; letter-spacing:-.03em; }
p { margin:0; }
.gw-container { width:min(calc(100% - 56px),var(--gw-container)); margin-inline:auto; }
.gw-section { padding:48px 0; }
.gw-section--white { background:#fff; }
.gw-section--soft { background:var(--gw-bg); }
.gw-section--green { background:linear-gradient(180deg,#fff,var(--gw-success-soft)); }
.gw-section--dark { background:var(--gw-dark); color:#CBD5E1; }
.gw-section--dark h2,.gw-section--dark h3 { color:#fff; }
.gw-lead { font-size:clamp(1.02rem,1.55vw,1.18rem); line-height:1.62; color:var(--gw-text); max-width:820px; }
.gw-section--dark .gw-lead,
.gw-section--dark p,
.gw-final .gw-lead,
.gw-final p { color:#CBD5E1; }
.gw-stack { display:grid; gap:20px; }
.gw-actions { display:flex; flex-wrap:wrap; gap:14px; align-items:center; }
.gw-eyebrow {
  display:inline-flex; align-items:center; gap:8px; width:fit-content;
  padding:7px 12px; border-radius:999px;
  background:var(--gw-primary-soft); color:var(--gw-primary);
  font-size:13px; font-weight:850;
}
.gw-eyebrow--urgent { background:var(--gw-warning-soft); color:var(--gw-warning-dark); }
.gw-eyebrow--success { background:var(--gw-success-soft); color:var(--gw-success-dark); }
.gw-eyebrow--dark { background:rgba(37,99,235,.14); color:#BFDBFE; border:1px solid rgba(191,219,254,.18); }
.gw-dot { width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--gw-success); }
.gw-dot--blue { background:var(--gw-primary); }
.gw-dot--orange { background:var(--gw-warning); }

.gw-button {
  display:inline-flex; align-items:center; justify-content:center;
  min-height:48px; padding:14px 22px; border-radius:999px;
  border:0; font-weight:850; font-size:15px; line-height:1;
  text-decoration:none; transition:.2s ease;
  font-family:var(--gw-font-body);
  cursor:pointer;
}
.gw-button:hover { transform:translateY(-2px); }
.gw-button--primary { background:var(--gw-primary); color:#fff; box-shadow:0 12px 28px rgba(37,99,235,.22); }
.gw-button--primary:hover { background:var(--gw-primary-dark); }
.gw-button--urgent { background:var(--gw-warning); color:#fff; box-shadow:0 12px 28px rgba(249,115,22,.22); }
.gw-button--urgent:hover { background:var(--gw-warning-dark); }
.gw-button--secondary { background:#fff; color:var(--gw-dark); border:1px solid #CBD5E1; box-shadow:0 8px 18px rgba(15,23,42,.04); }
.gw-button--ghost-dark { background:rgba(255,255,255,.08); color:#fff; border:1px solid rgba(255,255,255,.18); }

.gw-header {
  position:sticky; top:0; z-index:50;
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid rgba(226,232,240,.9);
}
.gw-header__inner { min-height:66px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.gw-logo { display:inline-flex; align-items:center; gap:10px; font-family:var(--gw-font-heading); font-weight:900; color:var(--gw-dark); font-size:21px; letter-spacing:-.05em; }
.gw-logo strong { color:var(--gw-primary); }
.gw-logo__mark { width:32px; height:32px; display:grid; place-items:center; border-radius:12px; background:linear-gradient(135deg,var(--gw-primary),var(--gw-success)); color:#fff; box-shadow:0 12px 24px rgba(37,99,235,.2); }
.gw-nav { display:flex; align-items:center; gap:16px; font-size:13px; font-weight:750; color:#475569; }
.gw-nav ul,.gw-menu { display:flex; align-items:center; gap:16px; list-style:none; padding:0; margin:0; }
.gw-nav a:hover { color:var(--gw-primary); }

.gw-hero {
  background:radial-gradient(circle at top left,rgba(37,99,235,.12),transparent 30%),radial-gradient(circle at 85% 18%,rgba(16,185,129,.12),transparent 28%),linear-gradient(180deg,#F8FAFC,#fff);
  padding:52px 0 46px;
}
.gw-hero__grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr); gap:44px; align-items:center; }
.gw-hero__content { display:grid; gap:24px; max-width:700px; }
.gw-trust-list { display:flex; flex-wrap:wrap; gap:10px; padding:0; margin:0; list-style:none; }
.gw-trust-list li { display:inline-flex; gap:7px; align-items:center; padding:8px 11px; border-radius:999px; background:#fff; color:#475569; border:1px solid var(--gw-border); font-size:13px; font-weight:750; box-shadow:0 8px 22px rgba(15,23,42,.04); }

.gw-diagnostic-card,.gw-card,.gw-form-card { background:#fff; border:1px solid var(--gw-border); border-radius:var(--gw-radius); box-shadow:var(--gw-shadow); }
.gw-diagnostic-card { max-width:410px; justify-self:end; padding:22px; border-radius:30px; box-shadow:var(--gw-shadow-lg); }
.gw-diagnostic-card__inner { display:grid; gap:18px; }
.gw-panel-head { display:flex; justify-content:space-between; gap:18px; align-items:flex-start; }
.gw-panel-title span { font-family:var(--gw-font-mono); font-size:12px; color:var(--gw-muted); text-transform:uppercase; letter-spacing:.08em; }
.gw-panel-title strong { display:block; font-family:var(--gw-font-heading); color:var(--gw-dark); font-size:24px; letter-spacing:-.04em; }
.gw-status-badge { display:inline-flex; align-items:center; gap:7px; padding:8px 10px; border-radius:999px; background:var(--gw-warning-soft); color:var(--gw-warning-dark); font-size:12px; font-weight:850; white-space:nowrap; }
.gw-status-list { display:grid; gap:12px; }
.gw-status-item { display:grid; grid-template-columns:1fr auto; gap:14px; align-items:center; background:#fff; border:1px solid var(--gw-border); border-radius:18px; padding:14px 15px; box-shadow:0 10px 24px rgba(15,23,42,.045); }
.gw-status-item span { font-weight:800; color:var(--gw-dark); font-size:14px; }
.gw-status-item small { font-family:var(--gw-font-mono); color:var(--gw-muted); font-size:11px; }
.gw-meter { width:78px; height:8px; border-radius:999px; background:#E2E8F0; overflow:hidden; }
.gw-meter i { display:block; height:100%; border-radius:inherit; }
.gw-meter--blue i { width:62%; background:var(--gw-primary); }
.gw-meter--orange i { width:44%; background:var(--gw-warning); }
.gw-meter--green i { width:74%; background:var(--gw-success); }

.gw-section-head { display:grid; gap:18px; max-width:860px; margin-bottom:24px; }
.gw-section-head--center { text-align:center; margin-inline:auto; justify-items:center; max-width:820px; }
.gw-grid-3 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.gw-grid-4 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.gw-card { padding:18px; display:grid; gap:14px; transition:.2s ease; }
.gw-card:hover { transform:translateY(-3px); box-shadow:0 16px 40px rgba(15,23,42,.10); border-color:#BFDBFE; }
.gw-card--urgent { background:linear-gradient(180deg,#fff,var(--gw-warning-soft)); border-color:rgba(249,115,22,.24); }
.gw-card--security { background:linear-gradient(180deg,#fff,var(--gw-primary-soft)); border-color:rgba(37,99,235,.18); }
.gw-card--maintenance { background:linear-gradient(180deg,#fff,var(--gw-success-soft)); border-color:rgba(16,185,129,.18); }
.gw-icon { width:40px; height:40px; border-radius:14px; display:grid; place-items:center; background:var(--gw-primary-soft); color:var(--gw-primary); font-weight:900; }
.gw-icon--urgent { background:var(--gw-warning-soft); color:var(--gw-warning-dark); }
.gw-icon--success { background:var(--gw-success-soft); color:var(--gw-success-dark); }

.gw-check-list { display:grid; gap:7px; list-style:none; padding:0; margin:0; color:#475569; font-size:14px; line-height:1.45; }
.gw-check-list li { display:grid; grid-template-columns:18px 1fr; gap:8px; }
.gw-check-list li:before { content:"✓"; color:var(--gw-success-dark); font-weight:900; }
.gw-check-list--urgent li:before { color:var(--gw-warning-dark); }
.gw-check-list--blue li:before { color:var(--gw-primary); }
.gw-link-arrow { color:var(--gw-primary); font-weight:850; }
.gw-link-arrow--urgent { color:var(--gw-warning-dark); }
.gw-link-arrow--success { color:var(--gw-success-dark); }

.gw-quick-diagnostic,.gw-deliverables,.gw-frequent-cases,.gw-emergency { background:#fff; border:1px solid var(--gw-border); border-radius:var(--gw-radius-xl); padding:28px; box-shadow:var(--gw-shadow); }
.gw-quick-diagnostic { display:grid; grid-template-columns:minmax(0,.9fr) minmax(400px,1fr); gap:30px; align-items:start; margin-top:-24px; position:relative; z-index:5; }
.gw-quick-form,.gw-form { display:grid; gap:14px; }
.gw-security-note { display:flex; gap:10px; align-items:flex-start; padding:12px 14px; border-radius:16px; background:var(--gw-primary-soft); color:#1E3A8A; font-size:13px; line-height:1.45; border:1px solid rgba(37,99,235,.14); }
.gw-emergency { background:var(--gw-warning-soft); border-color:rgba(249,115,22,.2); display:grid; grid-template-columns:minmax(0,.95fr) minmax(340px,1.05fr); gap:30px; }
.gw-emergency__box { background:#fff; border:1px solid rgba(249,115,22,.26); border-radius:var(--gw-radius); padding:24px; }
.gw-frequent-cases,.gw-deliverables { display:grid; grid-template-columns:minmax(0,.95fr) minmax(340px,1.05fr); gap:30px; align-items:start; }
.gw-case-grid,.gw-deliverable-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.gw-case-item { padding:16px 18px; border-radius:18px; background:var(--gw-warning-soft); border:1px solid rgba(249,115,22,.18); color:#7C2D12; font-weight:750; line-height:1.35; }
.gw-deliverable { padding:18px; border-radius:20px; background:var(--gw-bg); border:1px solid var(--gw-border); display:grid; gap:8px; }
.gw-deliverable strong { color:var(--gw-dark); font-family:var(--gw-font-heading); }
.gw-deliverable p { font-size:14px; color:var(--gw-muted); line-height:1.5; }

.gw-method { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
.gw-step { background:#fff; border:1px solid var(--gw-border); border-radius:var(--gw-radius); padding:18px; box-shadow:var(--gw-shadow); display:grid; gap:14px; }
.gw-step__number { width:42px; height:42px; border-radius:15px; display:grid; place-items:center; font-weight:900; color:#fff; background:var(--gw-primary); font-family:var(--gw-font-heading); }
.gw-step p,.gw-card p,.gw-level p,.gw-plan p,.gw-proof p,.gw-resource p { font-size:14px; color:var(--gw-muted); line-height:1.52; }

.gw-split { display:grid; grid-template-columns:minmax(0,.95fr) minmax(340px,.85fr); gap:42px; align-items:center; }
.gw-dark-card { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:var(--gw-radius-xl); padding:26px; box-shadow:0 24px 80px rgba(0,0,0,.22); }
.gw-seo-panel { display:grid; gap:16px; }
.gw-seo-row { display:grid; grid-template-columns:1fr auto; gap:14px; align-items:center; padding:16px; border-radius:18px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.1); }
.gw-seo-row strong { color:#fff; font-family:var(--gw-font-heading); }
.gw-seo-row span { color:#94A3B8; font-size:13px; }
.gw-seo-row em { font-style:normal; font-family:var(--gw-font-mono); font-size:12px; padding:6px 9px; border-radius:999px; background:rgba(249,115,22,.12); color:#FDBA74; }

.gw-audit-levels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.gw-level { background:#fff; border:1px solid var(--gw-border); border-radius:var(--gw-radius); padding:18px; box-shadow:var(--gw-shadow); display:grid; gap:14px; }
.gw-level__label { font-family:var(--gw-font-mono); color:var(--gw-primary); font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.gw-maintenance-layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:40px; align-items:start; }
.gw-plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.gw-plan { background:#fff; border:1px solid rgba(16,185,129,.18); border-radius:var(--gw-radius); padding:18px; display:grid; gap:14px; box-shadow:var(--gw-shadow); }
.gw-plan--featured { border-color:rgba(16,185,129,.52); box-shadow:0 20px 46px rgba(16,185,129,.14); transform:translateY(-6px); }
.gw-plan__badge { width:fit-content; padding:6px 10px; border-radius:999px; background:var(--gw-success-soft); color:var(--gw-success-dark); font-size:12px; font-weight:850; }

.gw-proof-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.gw-proof { background:#fff; border:1px solid var(--gw-border); border-radius:var(--gw-radius); padding:18px; box-shadow:0 8px 20px rgba(15,23,42,.045); }
.gw-faq-wrap { max-width:900px; margin-inline:auto; display:grid; gap:14px; }
.gw-faq-item { background:#fff; border:1px solid var(--gw-border); border-radius:18px; overflow:hidden; box-shadow:0 6px 18px rgba(15,23,42,.04); }
.gw-faq-item summary { cursor:pointer; padding:20px 22px; font-family:var(--gw-font-heading); color:var(--gw-dark); font-weight:800; list-style:none; }
.gw-faq-item summary::-webkit-details-marker { display:none; }
.gw-faq-item summary:after { content:"+"; float:right; color:var(--gw-primary); font-weight:900; }
.gw-faq-item[open] summary:after { content:"–"; }
.gw-faq-item p { padding:0 22px 22px; color:var(--gw-muted); }

.gw-final { background:radial-gradient(circle at 18% 20%,rgba(37,99,235,.28),transparent 25%),radial-gradient(circle at 88% 12%,rgba(16,185,129,.2),transparent 26%),var(--gw-dark); color:#CBD5E1; padding:64px 0; }
.gw-final h2 { color:#fff; }
.gw-final__grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(420px,1fr); gap:44px; align-items:start; }
.gw-form-card { padding:26px; border-radius:var(--gw-radius-xl); box-shadow:var(--gw-shadow-lg); }
.gw-form-card p,.gw-form-card .gw-note { color:var(--gw-muted); }
.gw-form-row { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.gw-field { display:grid; gap:6px; }
.gw-field label { font-size:13px; font-weight:800; color:var(--gw-dark); }
.gw-field input,.gw-field select,.gw-field textarea,.gw-cf7-wrap input,.gw-cf7-wrap select,.gw-cf7-wrap textarea { width:100%; border:1px solid #CBD5E1; border-radius:14px; padding:12px 13px; font-size:15px; font-family:var(--gw-font-body); background:#fff; color:var(--gw-dark); }
.gw-field textarea,.gw-cf7-wrap textarea { min-height:104px; resize:vertical; }
.gw-note { color:var(--gw-muted); font-size:13px; margin-top:4px; }
.gw-cf7-wrap .wpcf7 form { display:grid; gap:14px; }
.gw-cf7-wrap .wpcf7 p { margin:0; color:var(--gw-text); }
.gw-cf7-wrap .wpcf7 label { display:grid; gap:6px; font-size:13px; font-weight:800; color:var(--gw-dark); }
.gw-cf7-wrap .wpcf7-submit { width:100%; min-height:48px; padding:14px 22px; border:0; border-radius:999px; background:var(--gw-primary); color:#fff; font-weight:850; font-size:15px; font-family:var(--gw-font-body); cursor:pointer; box-shadow:0 12px 28px rgba(37,99,235,.22); }
.gw-cf7-wrap .wpcf7-not-valid-tip { color:#DC2626; font-size:13px; font-weight:600; }
.gw-cf7-wrap .wpcf7-response-output { margin:12px 0 0 !important; padding:12px 14px !important; border-radius:14px; font-size:14px; line-height:1.45; }

.gw-mobile-sticky-cta { display:none; position:fixed; left:12px; right:12px; bottom:12px; z-index:80; background:var(--gw-primary); color:#fff; min-height:52px; border-radius:999px; align-items:center; justify-content:center; font-weight:850; box-shadow:0 16px 40px rgba(37,99,235,.34); }
.gw-footer { background:#070B14; color:#94A3B8; padding:48px 0 36px; }
.gw-footer__grid { display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:38px; }
.gw-logo--footer { color:#fff; }
.gw-footer__intro { margin-top:16px; max-width:320px; }
.gw-footer h4 { color:#fff; font-size:15px; margin:0 0 12px; }
.gw-footer ul { list-style:none; padding:0; margin:0; display:grid; gap:9px; font-size:14px; }
.gw-footer a:hover { color:#fff; }
.gw-footer__bottom { margin-top:42px; padding-top:22px; border-top:1px solid rgba(148,163,184,.18); display:flex; justify-content:space-between; gap:20px; font-size:13px; }

.gw-page { background:#fff; }
.gw-page__inner { max-width:860px; margin-inline:auto; }
.gw-page__inner > * + * { margin-top:1.1em; }
.gw-page__inner a { color:var(--gw-primary); font-weight:700; }

@media (max-width:1180px) {
  .gw-container { width:min(calc(100% - 44px),1080px); }
  .gw-method,.gw-proof-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:900px) {
  .gw-container { width:min(calc(100% - 32px),760px); }
  .gw-hero__grid,.gw-split,.gw-emergency,.gw-final__grid,.gw-quick-diagnostic,.gw-deliverables,.gw-frequent-cases,.gw-maintenance-layout { grid-template-columns:1fr; }
  .gw-diagnostic-card { max-width:100%; justify-self:stretch; }
  .gw-grid-3,.gw-grid-4,.gw-audit-levels,.gw-plan-grid { grid-template-columns:1fr; }
  .gw-nav { display:none; }
}
@media (max-width:720px) {
  .gw-container { width:min(calc(100% - 24px),100%); }
  .gw-section { padding:48px 0; }
  .gw-hero { padding:48px 0; }
  .gw-quick-diagnostic { margin-top:0; }
  .gw-quick-diagnostic,.gw-deliverables,.gw-frequent-cases,.gw-emergency { padding:22px; }
  .gw-card,.gw-step,.gw-level,.gw-plan,.gw-proof { padding:18px; }
  .gw-actions { align-items:stretch; }
  .gw-actions .gw-button { width:100%; }
  .gw-trust-list li { width:100%; }
  .gw-form-row { grid-template-columns:1fr; }
  .gw-footer__grid { grid-template-columns:1fr; }
  .gw-footer__bottom { flex-direction:column; }
  .gw-mobile-sticky-cta { display:flex; }
}


/* ==========================================================
   GardeWP — Page service premium V3
   Template : page-site-wordpress-pirate.php
   ========================================================== */

.gwp3-page {
  background: #F8FAFC;
}

.gwp3-container {
  width: min(calc(100% - 56px), 1180px);
  margin-inline: auto;
}

.gwp3-narrow {
  width: min(calc(100% - 56px), 920px);
  margin-inline: auto;
}

.gwp3-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  padding: 7px 12px;
  border-radius: 999px;
  background: #FFF7ED;
  color: #EA580C;
  font-size: 13px;
  font-weight: 850;
  line-height: 1;
}

.gwp3-eyebrow--blue {
  background: #EFF6FF;
  color: #2563EB;
}

.gwp3-eyebrow--green {
  background: #ECFDF5;
  color: #059669;
}

.gwp3-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: currentColor;
}

.gwp3-section {
  padding: 76px 0;
}

.gwp3-section--white {
  background: #FFFFFF;
}

.gwp3-section--soft {
  background: #F8FAFC;
}

.gwp3-section--dark {
  background:
    radial-gradient(circle at 16% 18%, rgba(37,99,235,.24), transparent 28%),
    radial-gradient(circle at 88% 24%, rgba(16,185,129,.18), transparent 30%),
    #0F172A;
  color: #CBD5E1;
}

.gwp3-section--dark h2,
.gwp3-section--dark h3 {
  color: #FFFFFF;
}

.gwp3-section-head {
  max-width: 820px;
  display: grid;
  gap: 16px;
  margin-bottom: 34px;
}

.gwp3-section-head--center {
  text-align: center;
  justify-items: center;
  margin-inline: auto;
}

.gwp3-section h2,
.gwp3-page h2 {
  margin: 0;
  color: #0F172A;
  font-family: var(--gw-font-heading, Manrope, Inter, system-ui, sans-serif);
  font-size: clamp(2rem, 3.5vw, 3.05rem);
  line-height: 1.06;
  letter-spacing: -0.055em;
  font-weight: 850;
}

.gwp3-section h3,
.gwp3-page h3 {
  margin: 0;
  color: #0F172A;
  font-family: var(--gw-font-heading, Manrope, Inter, system-ui, sans-serif);
  font-size: clamp(1.16rem, 1.7vw, 1.45rem);
  line-height: 1.15;
  letter-spacing: -0.035em;
  font-weight: 850;
}

.gwp3-page p {
  margin: 0;
  color: #334155;
  line-height: 1.72;
}

.gwp3-section--dark p {
  color: #CBD5E1;
}

.gwp3-lead {
  font-size: clamp(1.05rem, 1.65vw, 1.24rem);
  line-height: 1.62;
}

.gwp3-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}

.gwp3-btn {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 14px 22px;
  border-radius: 999px;
  font-size: 15px;
  line-height: 1;
  font-weight: 850;
  text-decoration: none;
  transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.gwp3-btn:hover {
  transform: translateY(-2px);
}

.gwp3-btn--primary {
  background: #2563EB;
  color: #FFFFFF;
  box-shadow: 0 14px 32px rgba(37,99,235,.25);
}

.gwp3-btn--primary:hover {
  background: #1D4ED8;
}

.gwp3-btn--urgent {
  background: #F97316;
  color: #FFFFFF;
  box-shadow: 0 14px 32px rgba(249,115,22,.24);
}

.gwp3-btn--urgent:hover {
  background: #EA580C;
}

.gwp3-btn--secondary {
  background: #FFFFFF;
  color: #0F172A;
  border: 1px solid #CBD5E1;
  box-shadow: 0 8px 18px rgba(15,23,42,.05);
}

.gwp3-link {
  color: #2563EB;
  font-weight: 800;
}

/* Hero */
.gwp3-hero {
  position: relative;
  overflow: hidden;
  padding: 82px 0 72px;
  background:
    radial-gradient(circle at 10% 12%, rgba(249,115,22,.13), transparent 28%),
    radial-gradient(circle at 90% 18%, rgba(16,185,129,.13), transparent 30%),
    linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 100%);
}

.gwp3-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(380px, .82fr);
  gap: 54px;
  align-items: center;
}

.gwp3-hero-content {
  display: grid;
  gap: 22px;
  max-width: 760px;
}

.gwp3-hero h1 {
  margin: 0;
  color: #0F172A;
  font-family: var(--gw-font-heading, Manrope, Inter, system-ui, sans-serif);
  font-size: clamp(3rem, 6vw, 5.65rem);
  line-height: .92;
  letter-spacing: -0.075em;
  font-weight: 900;
}

.gwp3-hero h1 span {
  color: #F97316;
}

.gwp3-hero-sub {
  max-width: 700px;
  font-size: clamp(1.08rem, 1.65vw, 1.24rem);
  line-height: 1.62;
  color: #334155;
}

.gwp3-proof-line {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 2px;
}

.gwp3-proof-line span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border-radius: 999px;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  color: #475569;
  font-size: 13px;
  font-weight: 750;
  box-shadow: 0 8px 22px rgba(15,23,42,.04);
}

.gwp3-proof-line span:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #10B981;
}

.gwp3-hero-panel {
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(226,232,240,.9);
  border-radius: 34px;
  padding: 26px;
  box-shadow: 0 28px 80px rgba(15,23,42,.13);
}

.gwp3-panel-top {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 16px;
  margin-bottom: 20px;
}

.gwp3-panel-top strong {
  display: block;
  color: #0F172A;
  font-family: var(--gw-font-heading, Manrope, Inter, system-ui, sans-serif);
  font-size: 1.35rem;
  line-height: 1.1;
  letter-spacing: -.04em;
}

.gwp3-panel-top small {
  display: block;
  margin-top: 4px;
  color: #64748B;
  font-family: var(--gw-font-mono, ui-monospace, monospace);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.gwp3-alert-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 10px;
  border-radius: 999px;
  background: #FFF7ED;
  color: #EA580C;
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
}

.gwp3-signal-list {
  display: grid;
  gap: 12px;
}

.gwp3-signal {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
  padding: 14px;
  border-radius: 18px;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
}

.gwp3-signal-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: #FFF7ED;
  color: #EA580C;
  font-weight: 900;
}

.gwp3-signal strong {
  display: block;
  color: #0F172A;
  line-height: 1.25;
}

.gwp3-signal span {
  display: block;
  margin-top: 2px;
  color: #64748B;
  font-size: 13px;
  line-height: 1.4;
}

/* Situation block */
.gwp3-situation {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: 32px;
  align-items: start;
  padding: 36px;
  border-radius: 34px;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  box-shadow: 0 20px 58px rgba(15,23,42,.08);
}

.gwp3-situation-left {
  display: grid;
  gap: 18px;
}

.gwp3-situation-grid {
  display: grid;
  gap: 14px;
}

.gwp3-situation-card {
  padding: 18px;
  border-radius: 22px;
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
}

.gwp3-situation-card--urgent {
  background: #FFF7ED;
  border-color: rgba(249,115,22,.24);
}

.gwp3-situation-card--blue {
  background: #EFF6FF;
  border-color: rgba(37,99,235,.18);
}

.gwp3-situation-card h3 {
  margin-bottom: 8px;
}

.gwp3-situation-card p {
  color: #475569;
  font-size: 15px;
  line-height: 1.58;
}

/* Offer band */
.gwp3-offer-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.gwp3-offer-card {
  position: relative;
  overflow: hidden;
  padding: 22px;
  min-height: 100%;
  border-radius: 26px;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  box-shadow: 0 10px 30px rgba(15,23,42,.06);
}

.gwp3-offer-card:before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: #2563EB;
}

.gwp3-offer-card--urgent:before {
  background: #F97316;
}

.gwp3-offer-card--green:before {
  background: #10B981;
}

.gwp3-offer-card h3 {
  margin-bottom: 10px;
}

.gwp3-offer-card p {
  color: #475569;
  font-size: 15px;
  line-height: 1.58;
}

/* Process */
.gwp3-process {
  display: grid;
  grid-template-columns: .75fr 1.25fr;
  gap: 42px;
  align-items: start;
}

.gwp3-process-list {
  display: grid;
  gap: 12px;
}

.gwp3-process-step {
  display: grid;
  grid-template-columns: 50px 1fr;
  gap: 16px;
  align-items: start;
  padding: 18px;
  border-radius: 24px;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  box-shadow: 0 8px 24px rgba(15,23,42,.055);
}

.gwp3-process-num {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: #2563EB;
  color: #FFFFFF;
  font-weight: 900;
  font-family: var(--gw-font-heading, Manrope, Inter, system-ui, sans-serif);
}

.gwp3-process-step h3 {
  margin-bottom: 6px;
}

.gwp3-process-step p {
  color: #64748B;
  font-size: 15px;
  line-height: 1.55;
}

/* Deliverables */
.gwp3-deliverables {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.gwp3-deliverable {
  padding: 22px;
  border-radius: 26px;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  box-shadow: 0 8px 24px rgba(15,23,42,.055);
}

.gwp3-deliverable strong {
  display: block;
  margin-bottom: 8px;
  color: #0F172A;
  font-family: var(--gw-font-heading, Manrope, Inter, system-ui, sans-serif);
  font-size: 1.15rem;
}

.gwp3-deliverable p {
  color: #64748B;
  font-size: 15px;
}

/* SEO block */
.gwp3-seo {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, .9fr);
  gap: 40px;
  align-items: center;
}

.gwp3-seo-panel {
  display: grid;
  gap: 14px;
  padding: 24px;
  border-radius: 28px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
}

.gwp3-seo-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 15px;
  border-radius: 18px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.09);
}

.gwp3-seo-row strong {
  color: #FFFFFF;
}

.gwp3-seo-row span {
  color: #94A3B8;
  font-size: 13px;
}

.gwp3-seo-row em {
  font-style: normal;
  font-family: var(--gw-font-mono, ui-monospace, monospace);
  font-size: 12px;
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(249,115,22,.12);
  color: #FDBA74;
}

/* Form block */
.gwp3-form-wrap {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(380px, 1fr);
  gap: 34px;
  align-items: start;
  padding: 36px;
  border-radius: 34px;
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.13), transparent 32%),
    linear-gradient(180deg, #FFFFFF 0%, #EFF6FF 100%);
  border: 1px solid rgba(37,99,235,.18);
  box-shadow: 0 20px 58px rgba(15,23,42,.08);
}

.gwp3-form-intro {
  display: grid;
  gap: 16px;
}

.gwp3-form-card {
  padding: 24px;
  border-radius: 28px;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  box-shadow: 0 18px 46px rgba(15,23,42,.09);
}

.gwp3-security-note {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 12px 14px;
  border-radius: 16px;
  background: #EFF6FF;
  color: #1E3A8A;
  font-size: 13px;
  line-height: 1.45;
  border: 1px solid rgba(37,99,235,.14);
}

/* CF7 */
.gwp3-form-card .wpcf7 form {
  display: grid;
  gap: 12px;
}

.gwp3-form-card .wpcf7 p {
  margin: 0;
  color: #334155;
}

.gwp3-form-card .wpcf7 label {
  display: grid;
  gap: 5px;
  font-size: 13px;
  font-weight: 800;
  color: #0F172A;
}

.gwp3-form-card .wpcf7 input[type="text"],
.gwp3-form-card .wpcf7 input[type="email"],
.gwp3-form-card .wpcf7 input[type="tel"],
.gwp3-form-card .wpcf7 input[type="url"],
.gwp3-form-card .wpcf7 select,
.gwp3-form-card .wpcf7 textarea {
  width: 100%;
  border: 1px solid #CBD5E1;
  border-radius: 14px;
  padding: 12px 14px;
  font-size: 15px;
  line-height: 1.4;
  background: #FFFFFF;
  color: #0F172A;
  font-family: var(--gw-font-body, Inter, system-ui, sans-serif);
}

.gwp3-form-card .wpcf7 textarea {
  min-height: 115px;
  resize: vertical;
}

.gwp3-form-card .wpcf7 input:focus,
.gwp3-form-card .wpcf7 select:focus,
.gwp3-form-card .wpcf7 textarea:focus {
  outline: none;
  border-color: #2563EB;
  box-shadow: 0 0 0 4px rgba(37,99,235,.12);
}

.gwp3-form-card .wpcf7-submit {
  width: 100%;
  min-height: 48px;
  padding: 14px 22px;
  border: 0;
  border-radius: 999px;
  background: #2563EB;
  color: #FFFFFF;
  font-weight: 850;
  font-size: 15px;
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(37,99,235,.22);
}

.gwp3-form-card .wpcf7-not-valid-tip {
  color: #DC2626;
  font-size: 13px;
  font-weight: 600;
}

.gwp3-form-card .wpcf7-response-output {
  margin: 12px 0 0 !important;
  padding: 12px 14px !important;
  border-radius: 14px;
  font-size: 14px;
}

/* FAQ */
.gwp3-faq {
  display: grid;
  gap: 12px;
}

.gwp3-faq details {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(15,23,42,.04);
}

.gwp3-faq summary {
  cursor: pointer;
  padding: 18px 20px;
  font-family: var(--gw-font-heading, Manrope, Inter, system-ui, sans-serif);
  color: #0F172A;
  font-weight: 850;
  list-style: none;
}

.gwp3-faq summary::-webkit-details-marker {
  display: none;
}

.gwp3-faq summary:after {
  content: "+";
  float: right;
  color: #2563EB;
  font-weight: 900;
}

.gwp3-faq details[open] summary:after {
  content: "–";
}

.gwp3-faq p {
  padding: 0 20px 20px;
  color: #64748B;
}

/* Final CTA */
.gwp3-final-cta {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
  padding: 32px;
  border-radius: 34px;
  background:
    radial-gradient(circle at top left, rgba(249,115,22,.14), transparent 34%),
    linear-gradient(180deg, #FFFFFF 0%, #FFF7ED 100%);
  border: 1px solid rgba(249,115,22,.24);
  box-shadow: 0 18px 46px rgba(249,115,22,.10);
}

/* Responsive */
@media (max-width: 1020px) {
  .gwp3-hero-grid,
  .gwp3-situation,
  .gwp3-process,
  .gwp3-seo,
  .gwp3-form-wrap,
  .gwp3-final-cta {
    grid-template-columns: 1fr;
  }

  .gwp3-hero-panel {
    max-width: 640px;
  }

  .gwp3-offer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .gwp3-container,
  .gwp3-narrow {
    width: min(calc(100% - 24px), 100%);
  }

  .gwp3-hero {
    padding: 56px 0;
  }

  .gwp3-section {
    padding: 56px 0;
  }

  .gwp3-hero h1 {
    font-size: clamp(2.7rem, 13vw, 4rem);
    line-height: .96;
  }

  .gwp3-hero-panel,
  .gwp3-situation,
  .gwp3-form-wrap,
  .gwp3-final-cta {
    padding: 22px;
    border-radius: 28px;
  }

  .gwp3-offer-grid,
  .gwp3-deliverables {
    grid-template-columns: 1fr;
  }

  .gwp3-actions,
  .gwp3-btn {
    width: 100%;
  }

  .gwp3-btn {
    justify-content: center;
  }
}


/* ==========================================================
   GardeWP — SEO block light V0.9
   Remplace le bloc sombre SEO par un bloc clair premium.
   ========================================================== */

.gwp3-seo-light {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .95fr);
  gap: 36px;
  align-items: center;
  padding: 36px;
  border-radius: 34px;
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.12), transparent 32%),
    linear-gradient(180deg, #FFFFFF 0%, #EFF6FF 100%);
  border: 1px solid rgba(37,99,235,.16);
  box-shadow: 0 20px 58px rgba(15,23,42,.08);
}

.gwp3-seo-light__content {
  display: grid;
  gap: 18px;
}

.gwp3-seo-light__content h2 {
  color: #0F172A !important;
}

.gwp3-seo-light__content p {
  color: #334155 !important;
}

.gwp3-seo-light__panel {
  display: grid;
  gap: 12px;
  padding: 20px;
  border-radius: 28px;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  box-shadow: 0 14px 36px rgba(15,23,42,.07);
}

.gwp3-seo-light__row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 15px;
  border-radius: 18px;
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
}

.gwp3-seo-light__row strong {
  display: block;
  color: #0F172A;
  font-family: var(--gw-font-heading, Manrope, Inter, system-ui, sans-serif);
  line-height: 1.2;
}

.gwp3-seo-light__row span {
  display: block;
  margin-top: 4px;
  color: #64748B;
  font-size: 13px;
  line-height: 1.35;
}

.gwp3-seo-light__row em {
  font-style: normal;
  font-family: var(--gw-font-mono, ui-monospace, monospace);
  font-size: 12px;
  font-weight: 800;
  padding: 7px 10px;
  border-radius: 999px;
  background: #FFF7ED;
  color: #EA580C;
  white-space: nowrap;
}

@media (max-width: 1020px) {
  .gwp3-seo-light {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .gwp3-seo-light {
    padding: 22px;
    border-radius: 28px;
  }

  .gwp3-seo-light__row {
    grid-template-columns: 1fr;
  }

  .gwp3-seo-light__row em {
    width: fit-content;
  }
}


/* ==========================================================
   GardeWP — Page service malware V1.0
   Template : page-nettoyage-malware-wordpress.php
   ========================================================== */

.gwp3-malware-accent {
  color: #F97316;
}

.gwp3-malware-panel {
  background:
    radial-gradient(circle at top left, rgba(249,115,22,.14), transparent 30%),
    linear-gradient(180deg, #FFFFFF 0%, #FFF7ED 100%);
  border: 1px solid rgba(249,115,22,.24);
}

.gwp3-malware-scan {
  display: grid;
  gap: 12px;
  padding: 24px;
  border-radius: 28px;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  box-shadow: 0 14px 36px rgba(15,23,42,.07);
}

.gwp3-malware-scan__row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 15px;
  border-radius: 18px;
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
}

.gwp3-malware-scan__row strong {
  display: block;
  color: #0F172A;
  font-family: var(--gw-font-heading, Manrope, Inter, system-ui, sans-serif);
}

.gwp3-malware-scan__row span {
  display: block;
  margin-top: 4px;
  color: #64748B;
  font-size: 13px;
  line-height: 1.35;
}

.gwp3-malware-scan__row em {
  font-style: normal;
  font-family: var(--gw-font-mono, ui-monospace, monospace);
  font-size: 12px;
  font-weight: 800;
  padding: 7px 10px;
  border-radius: 999px;
  background: #FFF7ED;
  color: #EA580C;
  white-space: nowrap;
}

.gwp3-warning-strip {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 14px;
  align-items: start;
  padding: 18px;
  border-radius: 22px;
  background: #FFF7ED;
  border: 1px solid rgba(249,115,22,.24);
}

.gwp3-warning-strip__icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: #F97316;
  color: #FFFFFF;
  font-weight: 900;
}

.gwp3-warning-strip strong {
  display: block;
  margin-bottom: 4px;
  color: #0F172A;
  font-family: var(--gw-font-heading, Manrope, Inter, system-ui, sans-serif);
}

.gwp3-warning-strip p {
  color: #475569;
}

@media (max-width: 760px) {
  .gwp3-malware-scan__row,
  .gwp3-warning-strip {
    grid-template-columns: 1fr;
  }

  .gwp3-malware-scan__row em {
    width: fit-content;
  }
}


/* ==========================================================
   GardeWP — Correctif maintenance V1.2.1
   Corrige les sections qui sortent en texte brut :
   - formules de maintenance
   - rapport de suivi
   - note "maintenance ne remplace pas..."
   ========================================================== */

/* Formules maintenance */
.gwp3-page .gwp3-maint-plan-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
  margin-top: 24px !important;
}

.gwp3-page .gwp3-maint-plan {
  position: relative !important;
  display: grid !important;
  gap: 14px !important;
  padding: 24px !important;
  border-radius: 28px !important;
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 12px 34px rgba(15,23,42,.065) !important;
}

.gwp3-page .gwp3-maint-plan--featured {
  border-color: rgba(16,185,129,.42) !important;
  box-shadow: 0 18px 46px rgba(16,185,129,.13) !important;
  transform: translateY(-7px) !important;
}

.gwp3-page .gwp3-maint-plan__badge {
  width: fit-content !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: #ECFDF5 !important;
  color: #059669 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.gwp3-page .gwp3-maint-plan h3 {
  margin: 0 !important;
  color: #0F172A !important;
}

.gwp3-page .gwp3-maint-plan p {
  color: #64748B !important;
  line-height: 1.55 !important;
}

.gwp3-page .gwp3-maint-plan ul {
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.gwp3-page .gwp3-maint-plan li {
  display: grid !important;
  grid-template-columns: 18px 1fr !important;
  gap: 8px !important;
  color: #475569 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

.gwp3-page .gwp3-maint-plan li:before {
  content: "✓" !important;
  color: #059669 !important;
  font-weight: 900 !important;
}

/* Rapport de suivi */
.gwp3-page .gwp3-maint-report {
  display: grid !important;
  grid-template-columns: minmax(0, .95fr) minmax(360px, 1.05fr) !important;
  gap: 34px !important;
  align-items: center !important;
  padding: 36px !important;
  border-radius: 34px !important;
  background:
    radial-gradient(circle at top right, rgba(16,185,129,.12), transparent 32%),
    linear-gradient(180deg, #FFFFFF 0%, #ECFDF5 100%) !important;
  border: 1px solid rgba(16,185,129,.18) !important;
  box-shadow: 0 20px 58px rgba(15,23,42,.08) !important;
}

.gwp3-page .gwp3-maint-report__panel {
  display: grid !important;
  gap: 12px !important;
  padding: 22px !important;
  border-radius: 28px !important;
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 14px 36px rgba(15,23,42,.07) !important;
}

.gwp3-page .gwp3-maint-report__row {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 15px !important;
  border-radius: 18px !important;
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
}

.gwp3-page .gwp3-maint-report__row strong {
  display: block !important;
  color: #0F172A !important;
  font-family: var(--gw-font-heading, Manrope, Inter, system-ui, sans-serif) !important;
}

.gwp3-page .gwp3-maint-report__row span {
  display: block !important;
  margin-top: 4px !important;
  color: #64748B !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.gwp3-page .gwp3-maint-report__row em {
  font-style: normal !important;
  font-family: var(--gw-font-mono, ui-monospace, monospace) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: #ECFDF5 !important;
  color: #059669 !important;
  white-space: nowrap !important;
}

/* Note de cadrage maintenance */
.gwp3-page .gwp3-maint-warning {
  display: grid !important;
  grid-template-columns: 42px 1fr !important;
  gap: 14px !important;
  align-items: start !important;
  padding: 18px !important;
  border-radius: 22px !important;
  background: #EFF6FF !important;
  border: 1px solid rgba(37,99,235,.18) !important;
}

.gwp3-page .gwp3-maint-warning__icon {
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 16px !important;
  background: #2563EB !important;
  color: #FFFFFF !important;
  font-weight: 900 !important;
}

.gwp3-page .gwp3-maint-warning strong {
  display: block !important;
  margin-bottom: 4px !important;
  color: #0F172A !important;
  font-family: var(--gw-font-heading, Manrope, Inter, system-ui, sans-serif) !important;
}

.gwp3-page .gwp3-maint-warning p {
  color: #475569 !important;
}

/* Petites finitions */
.gwp3-page .gwp3-maint-plan-grid + * {
  margin-top: 0 !important;
}

@media (max-width: 1020px) {
  .gwp3-page .gwp3-maint-plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .gwp3-page .gwp3-maint-report {
    grid-template-columns: 1fr !important;
  }

  .gwp3-page .gwp3-maint-plan--featured {
    transform: none !important;
  }
}

@media (max-width: 760px) {
  .gwp3-page .gwp3-maint-plan-grid,
  .gwp3-page .gwp3-maint-report__row,
  .gwp3-page .gwp3-maint-warning {
    grid-template-columns: 1fr !important;
  }

  .gwp3-page .gwp3-maint-report {
    padding: 22px !important;
  }

  .gwp3-page .gwp3-maint-report__row em {
    width: fit-content !important;
  }
}


/* ==========================================================
   GardeWP — Correctif sécurisation V1.1.1
   Corrige les sections qui sortent en texte brut :
   - matrice "Ce que comprend une sécurisation WordPress"
   - tableau "Les faiblesses WordPress les plus fréquentes"
   - bloc "Après sécurisation / maintenance"
   ========================================================== */

/* Matrice de sécurisation */
.gwp3-page .gwp3-security-matrix {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-top: 24px !important;
}

.gwp3-page .gwp3-security-check {
  display: grid !important;
  grid-template-columns: 42px 1fr !important;
  gap: 13px !important;
  align-items: start !important;
  padding: 17px !important;
  border-radius: 22px !important;
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 8px 24px rgba(15,23,42,.05) !important;
}

.gwp3-page .gwp3-security-check__icon {
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 16px !important;
  background: #EFF6FF !important;
  color: #2563EB !important;
  font-weight: 900 !important;
}

.gwp3-page .gwp3-security-check strong {
  display: block !important;
  margin-bottom: 4px !important;
  color: #0F172A !important;
  font-family: var(--gw-font-heading, Manrope, Inter, system-ui, sans-serif) !important;
}

.gwp3-page .gwp3-security-check p {
  color: #64748B !important;
  font-size: 14px !important;
  line-height: 1.48 !important;
  margin: 0 !important;
}

/* Tableau des risques */
.gwp3-page .gwp3-risk-table {
  display: grid !important;
  gap: 12px !important;
  padding: 24px !important;
  border-radius: 28px !important;
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 14px 36px rgba(15,23,42,.07) !important;
  margin-top: 24px !important;
}

.gwp3-page .gwp3-risk-row {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 15px !important;
  border-radius: 18px !important;
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
}

.gwp3-page .gwp3-risk-row strong {
  display: block !important;
  color: #0F172A !important;
  font-family: var(--gw-font-heading, Manrope, Inter, system-ui, sans-serif) !important;
}

.gwp3-page .gwp3-risk-row span {
  display: block !important;
  margin-top: 4px !important;
  color: #64748B !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.gwp3-page .gwp3-risk-row em {
  font-style: normal !important;
  font-family: var(--gw-font-mono, ui-monospace, monospace) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: #EFF6FF !important;
  color: #2563EB !important;
  white-space: nowrap !important;
}

/* Bloc passerelle maintenance */
.gwp3-page .gwp3-maintenance-bridge {
  display: grid !important;
  grid-template-columns: minmax(0, .95fr) minmax(320px, 1.05fr) !important;
  gap: 30px !important;
  align-items: start !important;
  padding: 34px !important;
  border-radius: 34px !important;
  background:
    radial-gradient(circle at top right, rgba(16,185,129,.12), transparent 32%),
    linear-gradient(180deg, #FFFFFF 0%, #ECFDF5 100%) !important;
  border: 1px solid rgba(16,185,129,.18) !important;
  box-shadow: 0 20px 58px rgba(15,23,42,.08) !important;
}

.gwp3-page .gwp3-maintenance-bridge__list {
  display: grid !important;
  gap: 12px !important;
}

.gwp3-page .gwp3-maintenance-bridge__item {
  padding: 15px !important;
  border-radius: 18px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(16,185,129,.18) !important;
}

.gwp3-page .gwp3-maintenance-bridge__item strong {
  display: block !important;
  color: #0F172A !important;
  font-family: var(--gw-font-heading, Manrope, Inter, system-ui, sans-serif) !important;
  margin-bottom: 4px !important;
}

.gwp3-page .gwp3-maintenance-bridge__item span {
  display: block !important;
  color: #64748B !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

/* Petites finitions sur les sections sécurisation */
.gwp3-page .gwp3-security-card {
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.12), transparent 30%),
    linear-gradient(180deg, #FFFFFF 0%, #EFF6FF 100%) !important;
  border: 1px solid rgba(37,99,235,.18) !important;
}

.gwp3-page .gwp3-security-accent {
  color: #2563EB !important;
}

/* Responsive */
@media (max-width: 1020px) {
  .gwp3-page .gwp3-maintenance-bridge {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .gwp3-page .gwp3-security-matrix,
  .gwp3-page .gwp3-risk-row,
  .gwp3-page .gwp3-security-check,
  .gwp3-page .gwp3-maintenance-bridge {
    grid-template-columns: 1fr !important;
  }

  .gwp3-page .gwp3-maintenance-bridge {
    padding: 22px !important;
  }

  .gwp3-page .gwp3-risk-row em {
    width: fit-content !important;
  }
}


/* ==========================================================
   GardeWP — Service Pages System CSS v1.5
   Correction globale des cartes et grilles GWP3
   Objectif : éviter les problèmes de cartes non stylées page par page.
   ========================================================== */

/* ---------- Base conteneurs ---------- */

.gwp3-page *,
.gwp3-page *::before,
.gwp3-page *::after {
  box-sizing: border-box;
}

.gwp3-page {
  background: #F8FAFC;
}

.gwp3-container {
  width: min(calc(100% - 56px), 1180px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.gwp3-narrow {
  width: min(calc(100% - 56px), 920px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.gwp3-section {
  padding-top: 76px !important;
  padding-bottom: 76px !important;
}

.gwp3-section--white {
  background: #FFFFFF !important;
}

.gwp3-section--soft {
  background: #F8FAFC !important;
}

/* ---------- Typo ---------- */

.gwp3-page h1,
.gwp3-page h2,
.gwp3-page h3 {
  font-family: var(--gw-font-heading, Manrope, Inter, system-ui, sans-serif) !important;
  color: #0F172A !important;
  letter-spacing: -0.045em !important;
}

.gwp3-page h2 {
  font-size: clamp(2rem, 3.5vw, 3.05rem) !important;
  line-height: 1.06 !important;
  font-weight: 850 !important;
}

.gwp3-page h3 {
  font-size: clamp(1.16rem, 1.7vw, 1.45rem) !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
}

.gwp3-page p {
  color: #334155 !important;
  line-height: 1.72 !important;
}

.gwp3-lead {
  font-size: clamp(1.05rem, 1.65vw, 1.24rem) !important;
  line-height: 1.62 !important;
  color: #334155 !important;
}

/* ---------- Badges ---------- */

.gwp3-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: fit-content !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  background: #EFF6FF !important;
  color: #2563EB !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

.gwp3-eyebrow--blue {
  background: #EFF6FF !important;
  color: #2563EB !important;
}

.gwp3-eyebrow--green {
  background: #ECFDF5 !important;
  color: #059669 !important;
}

.gwp3-eyebrow:not(.gwp3-eyebrow--blue):not(.gwp3-eyebrow--green) {
  background: #FFF7ED !important;
  color: #EA580C !important;
}

.gwp3-dot {
  width: 8px !important;
  height: 8px !important;
  display: inline-block !important;
  border-radius: 999px !important;
  background: currentColor !important;
}

/* ---------- Boutons ---------- */

.gwp3-actions {
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}

.gwp3-btn {
  display: inline-flex !important;
  min-height: 50px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  padding: 14px 22px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease !important;
}

.gwp3-btn:hover {
  transform: translateY(-2px) !important;
}

.gwp3-btn--primary {
  background: #2563EB !important;
  color: #FFFFFF !important;
  box-shadow: 0 14px 32px rgba(37,99,235,.25) !important;
}

.gwp3-btn--secondary {
  background: #FFFFFF !important;
  color: #0F172A !important;
  border: 1px solid #CBD5E1 !important;
  box-shadow: 0 8px 18px rgba(15,23,42,.05) !important;
}

/* ---------- Sections heads ---------- */

.gwp3-section-head {
  max-width: 820px !important;
  display: grid !important;
  gap: 16px !important;
  margin-bottom: 34px !important;
}

.gwp3-section-head--center {
  text-align: center !important;
  justify-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ---------- Generic card fallback ---------- */

.gwp3-page .gwp3-card,
.gwp3-page [class*="gwp3-"][class*="-card"],
.gwp3-page [class*="gwp3-"][class*="-level"],
.gwp3-page [class*="gwp3-"][class*="-plan"],
.gwp3-page [class*="gwp3-"][class*="-item"],
.gwp3-page [class*="gwp3-"][class*="-step"] {
  border-radius: 24px;
}

/* ---------- Hero ---------- */

.gwp3-hero {
  position: relative !important;
  overflow: hidden !important;
  padding: 82px 0 72px !important;
  background:
    radial-gradient(circle at 10% 12%, rgba(249,115,22,.13), transparent 28%),
    radial-gradient(circle at 90% 18%, rgba(16,185,129,.13), transparent 30%),
    linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 100%) !important;
}

.gwp3-hero-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.02fr) minmax(380px, .82fr) !important;
  gap: 54px !important;
  align-items: center !important;
}

.gwp3-hero-content {
  display: grid !important;
  gap: 22px !important;
  max-width: 760px !important;
}

.gwp3-hero h1 {
  margin: 0 !important;
  color: #0F172A !important;
  font-size: clamp(3rem, 6vw, 5.65rem) !important;
  line-height: .92 !important;
  letter-spacing: -0.075em !important;
  font-weight: 900 !important;
}

.gwp3-hero h1 span {
  color: #F97316 !important;
}

.gwp3-hero-sub {
  max-width: 700px !important;
  font-size: clamp(1.08rem, 1.65vw, 1.24rem) !important;
  line-height: 1.62 !important;
  color: #334155 !important;
}

.gwp3-proof-line {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.gwp3-proof-line span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 8px 11px !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  color: #475569 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  box-shadow: 0 8px 22px rgba(15,23,42,.04) !important;
}

.gwp3-proof-line span:before {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: #10B981 !important;
}

.gwp3-hero-panel {
  background: rgba(255,255,255,.88) !important;
  border: 1px solid rgba(226,232,240,.9) !important;
  border-radius: 34px !important;
  padding: 26px !important;
  box-shadow: 0 28px 80px rgba(15,23,42,.13) !important;
}

.gwp3-panel-top {
  display: flex !important;
  justify-content: space-between !important;
  align-items: start !important;
  gap: 16px !important;
  margin-bottom: 20px !important;
}

.gwp3-panel-top strong {
  display: block !important;
  color: #0F172A !important;
  font-size: 1.35rem !important;
  line-height: 1.1 !important;
  letter-spacing: -.04em !important;
}

.gwp3-panel-top small {
  display: block !important;
  margin-top: 4px !important;
  color: #64748B !important;
  font-family: var(--gw-font-mono, ui-monospace, monospace) !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}

.gwp3-alert-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 8px 10px !important;
  border-radius: 999px !important;
  background: #FFF7ED !important;
  color: #EA580C !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

.gwp3-signal-list {
  display: grid !important;
  gap: 12px !important;
}

.gwp3-signal {
  display: grid !important;
  grid-template-columns: 36px 1fr !important;
  gap: 12px !important;
  align-items: start !important;
  padding: 14px !important;
  border-radius: 18px !important;
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
}

.gwp3-signal-icon {
  width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  background: #EFF6FF !important;
  color: #2563EB !important;
  font-weight: 900 !important;
}

.gwp3-signal strong {
  display: block !important;
  color: #0F172A !important;
}

.gwp3-signal span {
  display: block !important;
  margin-top: 2px !important;
  color: #64748B !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

/* ---------- Situation ---------- */

.gwp3-situation {
  display: grid !important;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr) !important;
  gap: 32px !important;
  align-items: start !important;
  padding: 36px !important;
  border-radius: 34px !important;
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 20px 58px rgba(15,23,42,.08) !important;
}

.gwp3-situation-left,
.gwp3-situation-grid {
  display: grid !important;
  gap: 18px !important;
}

.gwp3-situation-grid {
  gap: 14px !important;
}

.gwp3-situation-card {
  padding: 18px !important;
  border-radius: 22px !important;
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
}

.gwp3-situation-card--urgent {
  background: #FFF7ED !important;
  border-color: rgba(249,115,22,.24) !important;
}

.gwp3-situation-card--blue {
  background: #EFF6FF !important;
  border-color: rgba(37,99,235,.18) !important;
}

/* ---------- Common grids and cards ---------- */

.gwp3-offer-grid,
.gwp3-seohack-grid,
.gwp3-audit-levels,
.gwp3-maint-plan-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin-top: 24px !important;
}

.gwp3-offer-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.gwp3-offer-card,
.gwp3-seohack-card,
.gwp3-audit-level,
.gwp3-maint-plan,
.gwp3-deliverable,
.gwp3-cleanup-step {
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  gap: 12px !important;
  padding: 22px !important;
  border-radius: 26px !important;
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 10px 30px rgba(15,23,42,.06) !important;
}

.gwp3-offer-card:before,
.gwp3-seohack-card:before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto !important;
  height: 4px !important;
  background: #2563EB !important;
}

.gwp3-offer-card--urgent:before,
.gwp3-seohack-card--urgent:before {
  background: #F97316 !important;
}

.gwp3-offer-card--green:before,
.gwp3-seohack-card--green:before {
  background: #10B981 !important;
}

/* ---------- Audit / security matrix ---------- */

.gwp3-audit-scope,
.gwp3-security-matrix {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-top: 24px !important;
}

.gwp3-audit-check,
.gwp3-security-check {
  display: grid !important;
  grid-template-columns: 42px 1fr !important;
  gap: 13px !important;
  align-items: start !important;
  padding: 17px !important;
  border-radius: 22px !important;
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 8px 24px rgba(15,23,42,.05) !important;
}

.gwp3-audit-check__icon,
.gwp3-security-check__icon {
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 16px !important;
  background: #EFF6FF !important;
  color: #2563EB !important;
  font-weight: 900 !important;
}

/* ---------- Process ---------- */

.gwp3-process {
  display: grid !important;
  grid-template-columns: .75fr 1.25fr !important;
  gap: 42px !important;
  align-items: start !important;
}

.gwp3-process-list {
  display: grid !important;
  gap: 12px !important;
}

.gwp3-process-step {
  display: grid !important;
  grid-template-columns: 50px 1fr !important;
  gap: 16px !important;
  align-items: start !important;
  padding: 18px !important;
  border-radius: 24px !important;
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 8px 24px rgba(15,23,42,.055) !important;
}

.gwp3-process-num {
  width: 50px !important;
  height: 50px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 18px !important;
  background: #2563EB !important;
  color: #FFFFFF !important;
  font-weight: 900 !important;
}

/* ---------- Reports / panels ---------- */

.gwp3-seo-light,
.gwp3-audit-report,
.gwp3-maint-report,
.gwp3-audit-after,
.gwp3-maintenance-bridge,
.gwp3-form-wrap {
  display: grid !important;
  grid-template-columns: minmax(0, .95fr) minmax(360px, 1.05fr) !important;
  gap: 34px !important;
  align-items: center !important;
  padding: 36px !important;
  border-radius: 34px !important;
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.12), transparent 32%),
    linear-gradient(180deg, #FFFFFF 0%, #EFF6FF 100%) !important;
  border: 1px solid rgba(37,99,235,.18) !important;
  box-shadow: 0 20px 58px rgba(15,23,42,.08) !important;
}

.gwp3-audit-after,
.gwp3-maintenance-bridge {
  background:
    radial-gradient(circle at top right, rgba(16,185,129,.12), transparent 32%),
    linear-gradient(180deg, #FFFFFF 0%, #ECFDF5 100%) !important;
  border-color: rgba(16,185,129,.18) !important;
}

.gwp3-seo-light__panel,
.gwp3-audit-report__panel,
.gwp3-maint-report__panel,
.gwp3-index-panel,
.gwp3-risk-table,
.gwp3-serp-preview,
.gwp3-malware-scan {
  display: grid !important;
  gap: 12px !important;
  padding: 22px !important;
  border-radius: 28px !important;
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 14px 36px rgba(15,23,42,.07) !important;
}

.gwp3-seo-light__row,
.gwp3-audit-report__row,
.gwp3-maint-report__row,
.gwp3-index-row,
.gwp3-risk-row,
.gwp3-malware-scan__row {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 15px !important;
  border-radius: 18px !important;
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
}

/* ---------- Warnings / strips ---------- */

.gwp3-warning-strip,
.gwp3-maint-warning,
.gwp3-seo-warning {
  display: grid !important;
  grid-template-columns: 42px 1fr !important;
  gap: 14px !important;
  align-items: start !important;
  padding: 18px !important;
  border-radius: 22px !important;
  background: #FFF7ED !important;
  border: 1px solid rgba(249,115,22,.24) !important;
}

.gwp3-warning-strip__icon,
.gwp3-maint-warning__icon,
.gwp3-seo-warning__icon {
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 16px !important;
  background: #F97316 !important;
  color: #FFFFFF !important;
  font-weight: 900 !important;
}

.gwp3-maint-warning {
  background: #EFF6FF !important;
  border-color: rgba(37,99,235,.18) !important;
}

.gwp3-maint-warning__icon {
  background: #2563EB !important;
}

/* ---------- Form ---------- */

.gwp3-form-card {
  padding: 24px !important;
  border-radius: 28px !important;
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 18px 46px rgba(15,23,42,.09) !important;
}

.gwp3-form-card .wpcf7 form {
  display: grid !important;
  gap: 12px !important;
}

.gwp3-form-card .wpcf7 p {
  margin: 0 !important;
  color: #334155 !important;
}

.gwp3-form-card .wpcf7 label {
  display: grid !important;
  gap: 5px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #0F172A !important;
}

.gwp3-form-card .wpcf7 input[type="text"],
.gwp3-form-card .wpcf7 input[type="email"],
.gwp3-form-card .wpcf7 input[type="tel"],
.gwp3-form-card .wpcf7 input[type="url"],
.gwp3-form-card .wpcf7 select,
.gwp3-form-card .wpcf7 textarea {
  width: 100% !important;
  border: 1px solid #CBD5E1 !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  font-size: 15px !important;
  background: #FFFFFF !important;
  color: #0F172A !important;
}

.gwp3-form-card .wpcf7-submit {
  width: 100% !important;
  min-height: 48px !important;
  padding: 14px 22px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #2563EB !important;
  color: #FFFFFF !important;
  font-weight: 850 !important;
  font-size: 15px !important;
  cursor: pointer !important;
}

/* ---------- FAQ / Final ---------- */

.gwp3-faq {
  display: grid !important;
  gap: 12px !important;
}

.gwp3-faq details {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 6px 18px rgba(15,23,42,.04) !important;
}

.gwp3-faq summary {
  cursor: pointer !important;
  padding: 18px 20px !important;
  color: #0F172A !important;
  font-weight: 850 !important;
  list-style: none !important;
}

.gwp3-faq p {
  padding: 0 20px 20px !important;
  color: #64748B !important;
}

.gwp3-final-cta {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 24px !important;
  align-items: center !important;
  padding: 32px !important;
  border-radius: 34px !important;
  background:
    radial-gradient(circle at top left, rgba(249,115,22,.14), transparent 34%),
    linear-gradient(180deg, #FFFFFF 0%, #FFF7ED 100%) !important;
  border: 1px solid rgba(249,115,22,.24) !important;
  box-shadow: 0 18px 46px rgba(249,115,22,.10) !important;
}

/* ---------- Text in cards ---------- */

.gwp3-page [class*="gwp3-"] strong {
  font-family: var(--gw-font-heading, Manrope, Inter, system-ui, sans-serif);
}

.gwp3-page [class*="gwp3-"] p,
.gwp3-page [class*="gwp3-"] span {
  line-height: 1.55;
}

.gwp3-page [class*="gwp3-"] em {
  font-style: normal !important;
  font-family: var(--gw-font-mono, ui-monospace, monospace) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: #EFF6FF !important;
  color: #2563EB !important;
  white-space: nowrap !important;
}

/* ---------- Responsive ---------- */

@media (max-width: 1020px) {
  .gwp3-hero-grid,
  .gwp3-situation,
  .gwp3-process,
  .gwp3-seo-light,
  .gwp3-audit-report,
  .gwp3-maint-report,
  .gwp3-audit-after,
  .gwp3-maintenance-bridge,
  .gwp3-form-wrap,
  .gwp3-final-cta {
    grid-template-columns: 1fr !important;
  }

  .gwp3-offer-grid,
  .gwp3-seohack-grid,
  .gwp3-audit-levels,
  .gwp3-maint-plan-grid,
  .gwp3-cleanup-roadmap {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .gwp3-container,
  .gwp3-narrow {
    width: min(calc(100% - 24px), 100%) !important;
  }

  .gwp3-hero {
    padding: 56px 0 !important;
  }

  .gwp3-section {
    padding: 56px 0 !important;
  }

  .gwp3-hero h1 {
    font-size: clamp(2.7rem, 13vw, 4rem) !important;
    line-height: .96 !important;
  }

  .gwp3-offer-grid,
  .gwp3-seohack-grid,
  .gwp3-audit-levels,
  .gwp3-maint-plan-grid,
  .gwp3-cleanup-roadmap,
  .gwp3-audit-scope,
  .gwp3-security-matrix,
  .gwp3-deliverables,
  .gwp3-signal,
  .gwp3-process-step,
  .gwp3-seo-light__row,
  .gwp3-audit-report__row,
  .gwp3-maint-report__row,
  .gwp3-index-row,
  .gwp3-risk-row,
  .gwp3-malware-scan__row,
  .gwp3-warning-strip,
  .gwp3-maint-warning,
  .gwp3-seo-warning {
    grid-template-columns: 1fr !important;
  }

  .gwp3-hero-panel,
  .gwp3-situation,
  .gwp3-form-wrap,
  .gwp3-final-cta,
  .gwp3-seo-light,
  .gwp3-audit-report,
  .gwp3-maint-report,
  .gwp3-audit-after,
  .gwp3-maintenance-bridge {
    padding: 22px !important;
    border-radius: 28px !important;
  }

  .gwp3-actions,
  .gwp3-btn {
    width: 100% !important;
  }
}


/* ==========================================================
   GardeWP — Correctif SEO après piratage V1.5.1
   Bloc : "Ce que vous recevez après l’analyse SEO post-piratage"
   ========================================================== */

/* Le conteneur roadmap n’était pas forcé en grille dans le CSS système */
.gwp3-page .gwp3-cleanup-roadmap {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin-top: 34px !important;
  align-items: stretch !important;
}

/* Cartes de roadmap */
.gwp3-page .gwp3-cleanup-step {
  display: grid !important;
  align-content: start !important;
  gap: 10px !important;
  min-height: 100% !important;
  padding: 22px !important;
  border-radius: 26px !important;
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 10px 30px rgba(15,23,42,.06) !important;
  overflow: hidden !important;
}

/* Numéro de l’étape */
.gwp3-page .gwp3-cleanup-step > span {
  display: inline-grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  margin-bottom: 4px !important;
  border-radius: 14px !important;
  background: #2563EB !important;
  color: #FFFFFF !important;
  font-weight: 900 !important;
  font-family: var(--gw-font-heading, Manrope, Inter, system-ui, sans-serif) !important;
  line-height: 1 !important;
}

/* Titre */
.gwp3-page .gwp3-cleanup-step strong {
  display: block !important;
  color: #0F172A !important;
  font-family: var(--gw-font-heading, Manrope, Inter, system-ui, sans-serif) !important;
  font-size: 1.05rem !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
}

/* Texte */
.gwp3-page .gwp3-cleanup-step p {
  margin: 0 !important;
  color: #64748B !important;
  font-size: 14px !important;
  line-height: 1.48 !important;
}

/* Version alternative plus premium sur desktop : 2x2 si tu préfères plus de lisibilité */
.gwp3-page .gwp3-cleanup-roadmap.gwp3-cleanup-roadmap--large {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

/* Responsive */
@media (max-width: 1020px) {
  .gwp3-page .gwp3-cleanup-roadmap {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .gwp3-page .gwp3-cleanup-roadmap {
    grid-template-columns: 1fr !important;
  }

  .gwp3-page .gwp3-cleanup-step {
    padding: 18px !important;
  }
}


/* ==========================================================
   GardeWP — Contact page template v1.6
   Template : page-contact.php
   ========================================================== */

.gwp3-contact {
  background: #FFFFFF;
}

.gwp3-contact-hero {
  padding: 76px 0 56px;
  background:
    radial-gradient(circle at 12% 16%, rgba(37,99,235,.10), transparent 30%),
    radial-gradient(circle at 88% 10%, rgba(16,185,129,.12), transparent 30%),
    linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 100%);
}

.gwp3-contact-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(440px, 1fr);
  gap: 46px;
  align-items: start;
}

.gwp3-contact-hero__content {
  display: grid;
  gap: 18px;
  padding-top: 22px;
}

.gwp3-contact-hero h1 {
  margin: 0;
  color: #0F172A;
  font-family: var(--gw-font-heading, Manrope, Inter, system-ui, sans-serif);
  font-size: clamp(3rem, 5.5vw, 5.1rem);
  line-height: .94;
  letter-spacing: -0.075em;
  font-weight: 900;
}

.gwp3-contact-hero h1 span {
  color: #2563EB;
}

.gwp3-contact-card {
  padding: 28px;
  border-radius: 34px;
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.13), transparent 32%),
    linear-gradient(180deg, #FFFFFF 0%, #EFF6FF 100%);
  border: 1px solid rgba(37,99,235,.18);
  box-shadow: 0 24px 70px rgba(15,23,42,.12);
}

.gwp3-contact-card .wpcf7 form {
  display: grid !important;
  gap: 12px !important;
}

.gwp3-contact-card .wpcf7 p {
  margin: 0 !important;
}

.gwp3-contact-card .wpcf7 label {
  display: grid !important;
  gap: 5px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #0F172A !important;
}

.gwp3-contact-card .wpcf7 input[type="text"],
.gwp3-contact-card .wpcf7 input[type="email"],
.gwp3-contact-card .wpcf7 input[type="tel"],
.gwp3-contact-card .wpcf7 input[type="url"],
.gwp3-contact-card .wpcf7 select,
.gwp3-contact-card .wpcf7 textarea {
  width: 100% !important;
  border: 1px solid #CBD5E1 !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  background: #FFFFFF !important;
  color: #0F172A !important;
  font-family: var(--gw-font-body, Inter, system-ui, sans-serif) !important;
}

.gwp3-contact-card .wpcf7 textarea {
  min-height: 130px !important;
  resize: vertical !important;
}

.gwp3-contact-card .wpcf7-submit {
  width: 100% !important;
  min-height: 50px !important;
  padding: 14px 22px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #2563EB !important;
  color: #FFFFFF !important;
  font-weight: 850 !important;
  font-size: 15px !important;
  cursor: pointer !important;
  box-shadow: 0 12px 28px rgba(37,99,235,.22) !important;
}

.gwp3-contact-reassurance {
  display: grid;
  gap: 12px;
  margin-top: 10px;
}

.gwp3-contact-reassurance__item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: start;
  padding: 14px;
  border-radius: 18px;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  box-shadow: 0 8px 24px rgba(15,23,42,.04);
}

.gwp3-contact-reassurance__icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: #EFF6FF;
  color: #2563EB;
  font-weight: 900;
}

.gwp3-contact-reassurance__item strong {
  display: block;
  color: #0F172A;
  font-family: var(--gw-font-heading, Manrope, Inter, system-ui, sans-serif);
}

.gwp3-contact-reassurance__item span {
  display: block;
  margin-top: 2px;
  color: #64748B;
  font-size: 13px;
  line-height: 1.4;
}

.gwp3-contact-section {
  padding: 66px 0;
}

.gwp3-contact-section--soft {
  background: #F8FAFC;
}

.gwp3-contact-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.gwp3-contact-process {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.gwp3-contact-box {
  position: relative;
  display: grid;
  gap: 10px;
  padding: 22px;
  border-radius: 26px;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  box-shadow: 0 10px 30px rgba(15,23,42,.06);
  overflow: hidden;
}

.gwp3-contact-box:before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: #2563EB;
}

.gwp3-contact-box--urgent:before {
  background: #F97316;
}

.gwp3-contact-box--green:before {
  background: #10B981;
}

.gwp3-contact-box h3 {
  margin: 0;
  color: #0F172A;
  font-family: var(--gw-font-heading, Manrope, Inter, system-ui, sans-serif);
  font-size: 1.25rem;
  line-height: 1.15;
  letter-spacing: -.035em;
}

.gwp3-contact-box p {
  margin: 0;
  color: #64748B;
  font-size: 15px;
  line-height: 1.55;
}

.gwp3-contact-process .gwp3-contact-box span {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: #2563EB;
  color: #FFFFFF;
  font-weight: 900;
  margin-bottom: 4px;
}

.gwp3-contact-warning {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 14px;
  align-items: start;
  padding: 18px;
  border-radius: 22px;
  background: #EFF6FF;
  border: 1px solid rgba(37,99,235,.18);
}

.gwp3-contact-warning__icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: #2563EB;
  color: #FFFFFF;
  font-weight: 900;
}

.gwp3-contact-warning strong {
  display: block;
  margin-bottom: 4px;
  color: #0F172A;
  font-family: var(--gw-font-heading, Manrope, Inter, system-ui, sans-serif);
}

.gwp3-contact-warning p {
  margin: 0;
  color: #475569;
}

@media (max-width: 1080px) {
  .gwp3-contact-hero__grid {
    grid-template-columns: 1fr;
  }

  .gwp3-contact-card {
    max-width: 720px;
  }

  .gwp3-contact-grid,
  .gwp3-contact-process {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .gwp3-contact-hero {
    padding: 56px 0 44px;
  }

  .gwp3-contact-hero h1 {
    font-size: clamp(2.7rem, 13vw, 4rem);
    line-height: .96;
  }

  .gwp3-contact-card {
    padding: 22px;
    border-radius: 28px;
  }

  .gwp3-contact-grid,
  .gwp3-contact-process,
  .gwp3-contact-warning,
  .gwp3-contact-reassurance__item {
    grid-template-columns: 1fr;
  }

  .gwp3-contact-section {
    padding: 52px 0;
  }
}
/* ==========================================================
   GardeWP — articles ressources
   ========================================================== */

.single-post .gw-page__inner,
.page .gw-page__inner {
  max-width: 860px;
}

.single-post .gw-page__inner > p,
.page .gw-page__inner > p {
  font-size: 16px;
  line-height: 1.76;
}

.single-post .gw-page__inner h1,
.page .gw-page__inner h1 {
  max-width: 820px;
  margin-bottom: 18px;
  font-size: clamp(2.7rem, 5vw, 4.6rem);
  line-height: .96;
  letter-spacing: -0.065em;
}

.single-post .gw-page__inner h2,
.page .gw-page__inner h2 {
  margin-top: 52px;
  margin-bottom: 14px;
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  line-height: 1.08;
  letter-spacing: -0.045em;
}

.single-post .gw-page__inner h3,
.page .gw-page__inner h3 {
  margin-top: 28px;
  margin-bottom: 10px;
  font-size: 1.18rem;
}

.single-post .gw-page__inner .gw-card,
.page .gw-page__inner .gw-card {
  margin: 24px 0;
  padding: 20px;
  border-radius: 22px;
  box-shadow: 0 10px 28px rgba(15,23,42,.06);
}

.single-post .gw-page__inner .gw-check-list,
.page .gw-page__inner .gw-check-list {
  margin-top: 14px;
  margin-bottom: 20px;
}

.single-post .gw-page__inner .wp-block-code,
.page .gw-page__inner .wp-block-code {
  margin: 18px 0;
  padding: 16px 18px;
  border-radius: 18px;
  background: #0F172A;
  color: #E2E8F0;
  overflow-x: auto;
}

.single-post .gw-page__inner .wp-block-code code,
.page .gw-page__inner .wp-block-code code {
  color: #E2E8F0;
}

.single-post .wp-block-buttons,
.page .wp-block-buttons {
  margin-top: 18px;
  gap: 12px;
}

.single-post .wp-block-button__link,
.page .wp-block-button__link {
  border-radius: 999px;
  font-weight: 850;
  padding: 13px 20px;
}

@media (max-width: 760px) {
  .single-post .gw-page__inner,
  .page .gw-page__inner {
    max-width: 100%;
  }

  .single-post .gw-page__inner h1,
  .page .gw-page__inner h1 {
    font-size: clamp(2.3rem, 10vw, 3.5rem);
  }
}
/* ================================
   Page Ressources GardeWP
   ================================ */

/* Largeur de page */
body.page-id-76 .gw-container,
body.page-id-76 main .gw-container,
body.page-id-76 .entry-content {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

body.page-id-XX .entry-content {
  padding-left: 24px;
  padding-right: 24px;
}

/* Wrapper principal */
.gardewp-resources {
  max-width: 1120px;
  margin: 0 auto;
}

/* Typographie */
.gardewp-resources h2.wp-block-heading {
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.04;
  letter-spacing: -0.045em;
  margin-top: 72px;
  margin-bottom: 20px;
  color: #07111f;
}

.gardewp-resources h3.wp-block-heading {
  font-size: clamp(21px, 2vw, 28px);
  line-height: 1.12;
  letter-spacing: -0.035em;
  margin-top: 0;
  margin-bottom: 12px;
  color: #07111f;
}

.gardewp-resources p {
  font-size: 17px;
  line-height: 1.75;
  color: #243247;
}

.gardewp-resources a {
  font-weight: 700;
  text-decoration: none;
}

.gardewp-resources a:hover {
  text-decoration: underline;
}

/* Hero */
.gw-resources-hero {
  background: linear-gradient(135deg, #f7faff 0%, #eef4ff 100%);
  border: 1px solid #dfe9ff;
  border-radius: 28px;
  padding: clamp(32px, 5vw, 64px);
  margin-top: 36px;
  margin-bottom: 38px;
  box-shadow: 0 24px 60px rgba(7, 17, 31, 0.07);
}

.gw-resources-hero h2.wp-block-heading {
  margin-top: 0;
  max-width: 860px;
}

.gw-eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 7px 12px;
  border-radius: 999px;
  background: #ffffff;
  color: #0f4fd6 !important;
  font-size: 13px !important;
  font-weight: 800;
  line-height: 1.2 !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 18px;
}

.gw-hero-lead {
  font-size: 20px !important;
  line-height: 1.65 !important;
  max-width: 880px;
  color: #172033 !important;
}

.gw-hero-actions {
  margin-top: 26px;
}

/* Boutons */
.gardewp-resources .wp-block-button__link {
  border-radius: 999px;
  font-weight: 800;
  padding: 13px 22px;
  text-decoration: none;
  box-shadow: 0 10px 26px rgba(20, 87, 255, 0.16);
}

.gardewp-resources .is-style-outline .wp-block-button__link {
  background: #ffffff;
  box-shadow: none;
  border: 1px solid #cddcff;
}

/* Bloc alerte */
.gw-alert-box {
  background: #07111f;
  color: #ffffff;
  border-radius: 24px;
  padding: clamp(28px, 4vw, 42px);
  margin: 42px 0;
}

.gw-alert-box h3,
.gw-alert-box p,
.gw-alert-box li {
  color: #ffffff !important;
}

.gw-alert-box p {
  max-width: 900px;
}

.gw-alert-box ul {
  margin-top: 10px;
  margin-bottom: 20px;
}

.gw-alert-box li {
  margin-bottom: 8px;
}

/* Grilles */
.gw-resource-cards,
.gw-cluster-grid,
.gw-situation-grid {
  gap: 22px;
  margin-top: 28px;
  margin-bottom: 34px;
}

.gw-resource-cards .wp-block-column,
.gw-cluster-grid .wp-block-column,
.gw-situation-grid .wp-block-column {
  min-width: 0;
}

/* Cartes principales */
.gw-resource-card {
  height: 100%;
  background: #ffffff;
  border: 1px solid #e3e9f5;
  border-radius: 24px;
  padding: 28px;
  box-shadow: 0 18px 48px rgba(7, 17, 31, 0.06);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.gw-resource-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 60px rgba(7, 17, 31, 0.1);
  transition: 0.22s ease;
}

.gw-card-urgent {
  border-color: #ffd2d2;
  background: linear-gradient(180deg, #ffffff 0%, #fff7f7 100%);
}

.gw-card-kicker {
  width: fit-content;
  padding: 6px 10px;
  border-radius: 999px;
  background: #eef4ff;
  color: #0f4fd6 !important;
  font-size: 12px !important;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  line-height: 1.2 !important;
  margin-bottom: 16px;
}

/* Clusters */
.gw-cluster-block {
  height: 100%;
  background: #f8fbff;
  border: 1px solid #e0e9f8;
  border-radius: 24px;
  padding: 28px;
}

.gw-cluster-block h3 {
  margin-bottom: 18px !important;
}

.gw-resource-list {
  margin-top: 0;
  margin-bottom: 20px;
  padding-left: 20px;
}

.gw-resource-list li {
  margin-bottom: 10px;
  line-height: 1.55;
  color: #243247;
}

.gw-resource-list span {
  color: #1d2a3d;
}

/* Note */
.gw-note-box {
  background: #fff9ea;
  border: 1px solid #f4dfad;
  border-radius: 20px;
  padding: 22px 26px;
  margin: 28px 0 50px;
}

.gw-note-box p {
  margin-bottom: 0;
}

/* Cartes situations */
.gw-situation-card {
  height: 100%;
  border: 1px solid #e3e9f5;
  border-radius: 22px;
  padding: 26px;
  background: #ffffff;
  box-shadow: 0 14px 36px rgba(7, 17, 31, 0.05);
}

/* CTA intermédiaire */
.gw-mid-cta {
  background: linear-gradient(135deg, #0f4fd6 0%, #092b78 100%);
  border-radius: 26px;
  padding: clamp(28px, 4vw, 44px);
  margin: 52px 0;
  color: #ffffff;
}

.gw-mid-cta h3,
.gw-mid-cta p {
  color: #ffffff !important;
}

.gw-mid-cta p {
  max-width: 820px;
}

/* FAQ */
.gw-faq {
  background: #f7faff;
  border: 1px solid #e0e9f8;
  border-radius: 24px;
  padding: clamp(26px, 4vw, 38px);
  margin-top: 24px;
}

.gw-faq h3.wp-block-heading {
  font-size: 21px;
  margin-top: 28px;
}

.gw-faq h3.wp-block-heading:first-child {
  margin-top: 0;
}

/* CTA final */
.gw-final-cta {
  background: #07111f;
  border-radius: 28px;
  padding: clamp(32px, 5vw, 58px);
  margin-top: 64px;
  margin-bottom: 48px;
  color: #ffffff;
}

.gw-final-cta h2,
.gw-final-cta p {
  color: #ffffff !important;
}

.gw-final-cta p {
  max-width: 900px;
}

/* Listes générales */
.gardewp-resources ul {
  padding-left: 22px;
}

.gardewp-resources li {
  font-size: 16px;
  line-height: 1.65;
}

/* Responsive */
@media (max-width: 960px) {
  .gw-resource-cards,
  .gw-cluster-grid,
  .gw-situation-grid,
  .gw-symptoms-grid {
    flex-wrap: wrap !important;
  }

  .gw-resource-cards .wp-block-column,
  .gw-cluster-grid .wp-block-column,
  .gw-situation-grid .wp-block-column,
  .gw-symptoms-grid .wp-block-column {
    flex-basis: 100% !important;
  }

  .gw-resources-hero,
  .gw-alert-box,
  .gw-mid-cta,
  .gw-final-cta {
    border-radius: 22px;
  }
}

@media (max-width: 640px) {
  body.page-id-XX .entry-content {
    padding-left: 18px;
    padding-right: 18px;
  }

  .gardewp-resources h2.wp-block-heading {
    margin-top: 54px;
  }

  .gw-resources-hero,
  .gw-alert-box,
  .gw-resource-card,
  .gw-cluster-block,
  .gw-situation-card,
  .gw-mid-cta,
  .gw-final-cta {
    padding: 24px;
  }

  .gardewp-resources .wp-block-button,
  .gardewp-resources .wp-block-button__link {
    width: 100%;
    text-align: center;
  }
}
/* =====================================================
   GARDEWP — PAGE RESSOURCES V2
   CSS renforcé pour thème WordPress classique
   ===================================================== */

/* Largeur générale */
body.page-id-53 .entry-content,
body.page-id-53 .wp-site-blocks main,
body.page-id-53 main .entry-content {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* Wrapper */
.gardewp-resources {
  max-width: 1120px !important;
  margin: 0 auto !important;
}

/* Titres */
.gardewp-resources h2.wp-block-heading {
  font-size: clamp(32px, 4vw, 50px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.055em !important;
  margin-top: 78px !important;
  margin-bottom: 22px !important;
  color: #07111f !important;
}

.gardewp-resources h3.wp-block-heading {
  font-size: clamp(21px, 2vw, 28px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.035em !important;
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  color: #07111f !important;
}

/* Paragraphes */
.gardewp-resources p {
  font-size: 17px !important;
  line-height: 1.72 !important;
  color: #243247 !important;
}

.gardewp-resources li {
  font-size: 16px !important;
  line-height: 1.62 !important;
  color: #243247 !important;
}

/* Hero */
.gw-resources-hero {
  background: linear-gradient(135deg, #f7faff 0%, #eef4ff 100%) !important;
  border: 1px solid #dfe9ff !important;
  border-radius: 30px !important;
  padding: clamp(34px, 5vw, 68px) !important;
  margin-top: 34px !important;
  margin-bottom: 44px !important;
  box-shadow: 0 28px 70px rgba(7, 17, 31, 0.08) !important;
}

.gw-resources-hero h2.wp-block-heading {
  margin-top: 0 !important;
  max-width: 900px !important;
}

.gw-eyebrow {
  display: inline-flex !important;
  width: fit-content !important;
  padding: 7px 13px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #0f4fd6 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  margin-bottom: 20px !important;
  box-shadow: 0 6px 18px rgba(7, 17, 31, 0.06) !important;
}

.gw-hero-lead {
  font-size: 20px !important;
  line-height: 1.62 !important;
  max-width: 900px !important;
  color: #172033 !important;
}

/* Boutons */
.gardewp-resources .wp-block-button__link {
  border-radius: 999px !important;
  font-weight: 800 !important;
  padding: 13px 22px !important;
  text-decoration: none !important;
  box-shadow: 0 10px 28px rgba(20, 87, 255, 0.18) !important;
}

.gardewp-resources .is-style-outline .wp-block-button__link {
  background: #ffffff !important;
  color: #0f4fd6 !important;
  border: 2px solid #2f69ff !important;
  box-shadow: none !important;
}

/* Bloc urgence / alerte */
.gw-alert-box {
  background: #07111f !important;
  color: #ffffff !important;
  border-radius: 28px !important;
  padding: clamp(30px, 4vw, 46px) !important;
  margin: 46px 0 !important;
  box-shadow: 0 26px 70px rgba(7, 17, 31, 0.16) !important;
}

.gw-alert-box h3,
.gw-alert-box p,
.gw-alert-box li {
  color: #ffffff !important;
}

.gw-alert-box p {
  max-width: 920px !important;
}

/* Colonnes symptômes */
.gw-symptoms-grid {
  margin-top: 22px !important;
  margin-bottom: 24px !important;
  gap: 24px !important;
}

.gw-symptoms-grid ul {
  margin-top: 0 !important;
}

/* Cartes de catégories */
.gw-resource-cards {
  gap: 24px !important;
  margin-top: 34px !important;
  margin-bottom: 52px !important;
}

.gw-resource-card {
  height: 100% !important;
  background: #ffffff !important;
  border: 1px solid #e1e8f5 !important;
  border-radius: 26px !important;
  padding: 30px !important;
  box-shadow: 0 20px 54px rgba(7, 17, 31, 0.07) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.gw-resource-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 28px 70px rgba(7, 17, 31, 0.12) !important;
  transition: 0.22s ease !important;
}

.gw-card-urgent {
  border-color: #ffd7d7 !important;
  background: linear-gradient(180deg, #ffffff 0%, #fff6f6 100%) !important;
}

.gw-card-kicker {
  width: fit-content !important;
  padding: 6px 11px !important;
  border-radius: 999px !important;
  background: #eef4ff !important;
  color: #0f4fd6 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  line-height: 1.2 !important;
  margin-bottom: 16px !important;
}

/* Blocs clusters */
.gw-cluster-grid {
  gap: 28px !important;
  margin-top: 28px !important;
  margin-bottom: 34px !important;
}

.gw-cluster-block {
  height: 100% !important;
  background: #f8fbff !important;
  border: 1px solid #dfe9f8 !important;
  border-radius: 26px !important;
  padding: 30px !important;
  box-shadow: 0 14px 38px rgba(7, 17, 31, 0.04) !important;
}

.gw-cluster-block h3 {
  margin-bottom: 18px !important;
}

.gw-resource-list {
  padding-left: 20px !important;
  margin-top: 0 !important;
  margin-bottom: 22px !important;
}

.gw-resource-list li {
  margin-bottom: 10px !important;
}

/* Note importante */
.gw-note-box {
  background: #fff9ea !important;
  border: 1px solid #f3dda9 !important;
  border-radius: 22px !important;
  padding: 24px 28px !important;
  margin: 32px 0 58px !important;
}

.gw-note-box p {
  margin-bottom: 0 !important;
}

/* Cartes situations */
.gw-situation-grid {
  gap: 24px !important;
  margin-top: 30px !important;
  margin-bottom: 46px !important;
}

.gw-situation-card {
  height: 100% !important;
  background: #ffffff !important;
  border: 1px solid #e1e8f5 !important;
  border-radius: 24px !important;
  padding: 28px !important;
  box-shadow: 0 16px 42px rgba(7, 17, 31, 0.06) !important;
}

/* CTA intermédiaire */
.gw-mid-cta {
  background: linear-gradient(135deg, #0f4fd6 0%, #082967 100%) !important;
  border-radius: 28px !important;
  padding: clamp(30px, 4vw, 48px) !important;
  margin: 58px 0 !important;
  color: #ffffff !important;
  box-shadow: 0 24px 70px rgba(15, 79, 214, 0.24) !important;
}

.gw-mid-cta h3,
.gw-mid-cta p {
  color: #ffffff !important;
}

.gw-mid-cta p {
  max-width: 850px !important;
}

/* FAQ */
.gw-faq {
  background: #f7faff !important;
  border: 1px solid #dfe9f8 !important;
  border-radius: 26px !important;
  padding: clamp(28px, 4vw, 42px) !important;
  margin-top: 28px !important;
  box-shadow: 0 14px 40px rgba(7, 17, 31, 0.04) !important;
}

.gw-faq h3.wp-block-heading {
  font-size: 21px !important;
  margin-top: 30px !important;
}

.gw-faq h3.wp-block-heading:first-child {
  margin-top: 0 !important;
}

/* CTA final */
.gw-final-cta {
  background: #07111f !important;
  border-radius: 30px !important;
  padding: clamp(34px, 5vw, 62px) !important;
  margin-top: 68px !important;
  margin-bottom: 56px !important;
  color: #ffffff !important;
  box-shadow: 0 28px 74px rgba(7, 17, 31, 0.18) !important;
}

.gw-final-cta h2,
.gw-final-cta p {
  color: #ffffff !important;
}

.gw-final-cta p {
  max-width: 920px !important;
}

/* Responsive */
@media (max-width: 960px) {
  .gw-resource-cards,
  .gw-cluster-grid,
  .gw-situation-grid,
  .gw-symptoms-grid {
    display: block !important;
  }

  .gw-resource-cards .wp-block-column,
  .gw-cluster-grid .wp-block-column,
  .gw-situation-grid .wp-block-column,
  .gw-symptoms-grid .wp-block-column {
    margin-bottom: 22px !important;
  }
}

@media (max-width: 640px) {
  body.page-id-53 .entry-content {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .gw-resources-hero,
  .gw-alert-box,
  .gw-resource-card,
  .gw-cluster-block,
  .gw-situation-card,
  .gw-mid-cta,
  .gw-final-cta,
  .gw-faq {
    padding: 24px !important;
    border-radius: 22px !important;
  }

  .gardewp-resources h2.wp-block-heading {
    margin-top: 56px !important;
  }

  .gardewp-resources .wp-block-button,
  .gardewp-resources .wp-block-button__link {
    width: 100% !important;
    text-align: center !important;
  }
}
/* =====================================================
   GARDEWP — PAGE RESSOURCES V2
   CSS renforcé pour thème WordPress classique
   ===================================================== */

/* Largeur générale */
body.page-id-53 .entry-content,
body.page-id-53 .wp-site-blocks main,
body.page-id-53 main .entry-content {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* Wrapper */
.gardewp-resources {
  max-width: 1120px !important;
  margin: 0 auto !important;
}

/* Titres */
.gardewp-resources h2.wp-block-heading {
  font-size: clamp(32px, 4vw, 50px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.055em !important;
  margin-top: 78px !important;
  margin-bottom: 22px !important;
  color: #07111f !important;
}

.gardewp-resources h3.wp-block-heading {
  font-size: clamp(21px, 2vw, 28px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.035em !important;
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  color: #07111f !important;
}

/* Paragraphes */
.gardewp-resources p {
  font-size: 17px !important;
  line-height: 1.72 !important;
  color: #243247 !important;
}

.gardewp-resources li {
  font-size: 16px !important;
  line-height: 1.62 !important;
  color: #243247 !important;
}

/* Hero */
.gw-resources-hero {
  background: linear-gradient(135deg, #f7faff 0%, #eef4ff 100%) !important;
  border: 1px solid #dfe9ff !important;
  border-radius: 30px !important;
  padding: clamp(34px, 5vw, 68px) !important;
  margin-top: 34px !important;
  margin-bottom: 44px !important;
  box-shadow: 0 28px 70px rgba(7, 17, 31, 0.08) !important;
}

.gw-resources-hero h2.wp-block-heading {
  margin-top: 0 !important;
  max-width: 900px !important;
}

.gw-eyebrow {
  display: inline-flex !important;
  width: fit-content !important;
  padding: 7px 13px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #0f4fd6 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  margin-bottom: 20px !important;
  box-shadow: 0 6px 18px rgba(7, 17, 31, 0.06) !important;
}

.gw-hero-lead {
  font-size: 20px !important;
  line-height: 1.62 !important;
  max-width: 900px !important;
  color: #172033 !important;
}

/* Boutons */
.gardewp-resources .wp-block-button__link {
  border-radius: 999px !important;
  font-weight: 800 !important;
  padding: 13px 22px !important;
  text-decoration: none !important;
  box-shadow: 0 10px 28px rgba(20, 87, 255, 0.18) !important;
}

.gardewp-resources .is-style-outline .wp-block-button__link {
  background: #ffffff !important;
  color: #0f4fd6 !important;
  border: 2px solid #2f69ff !important;
  box-shadow: none !important;
}

/* Bloc urgence / alerte */
.gw-alert-box {
  background: #07111f !important;
  color: #ffffff !important;
  border-radius: 28px !important;
  padding: clamp(30px, 4vw, 46px) !important;
  margin: 46px 0 !important;
  box-shadow: 0 26px 70px rgba(7, 17, 31, 0.16) !important;
}

.gw-alert-box h3,
.gw-alert-box p,
.gw-alert-box li {
  color: #ffffff !important;
}

.gw-alert-box p {
  max-width: 920px !important;
}

/* Colonnes symptômes */
.gw-symptoms-grid {
  margin-top: 22px !important;
  margin-bottom: 24px !important;
  gap: 24px !important;
}

.gw-symptoms-grid ul {
  margin-top: 0 !important;
}

/* Cartes de catégories */
.gw-resource-cards {
  gap: 24px !important;
  margin-top: 34px !important;
  margin-bottom: 52px !important;
}

.gw-resource-card {
  height: 100% !important;
  background: #ffffff !important;
  border: 1px solid #e1e8f5 !important;
  border-radius: 26px !important;
  padding: 30px !important;
  box-shadow: 0 20px 54px rgba(7, 17, 31, 0.07) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.gw-resource-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 28px 70px rgba(7, 17, 31, 0.12) !important;
  transition: 0.22s ease !important;
}

.gw-card-urgent {
  border-color: #ffd7d7 !important;
  background: linear-gradient(180deg, #ffffff 0%, #fff6f6 100%) !important;
}

.gw-card-kicker {
  width: fit-content !important;
  padding: 6px 11px !important;
  border-radius: 999px !important;
  background: #eef4ff !important;
  color: #0f4fd6 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  line-height: 1.2 !important;
  margin-bottom: 16px !important;
}

/* Blocs clusters */
.gw-cluster-grid {
  gap: 28px !important;
  margin-top: 28px !important;
  margin-bottom: 34px !important;
}

.gw-cluster-block {
  height: 100% !important;
  background: #f8fbff !important;
  border: 1px solid #dfe9f8 !important;
  border-radius: 26px !important;
  padding: 30px !important;
  box-shadow: 0 14px 38px rgba(7, 17, 31, 0.04) !important;
}

.gw-cluster-block h3 {
  margin-bottom: 18px !important;
}

.gw-resource-list {
  padding-left: 20px !important;
  margin-top: 0 !important;
  margin-bottom: 22px !important;
}

.gw-resource-list li {
  margin-bottom: 10px !important;
}

/* Note importante */
.gw-note-box {
  background: #fff9ea !important;
  border: 1px solid #f3dda9 !important;
  border-radius: 22px !important;
  padding: 24px 28px !important;
  margin: 32px 0 58px !important;
}

.gw-note-box p {
  margin-bottom: 0 !important;
}

/* Cartes situations */
.gw-situation-grid {
  gap: 24px !important;
  margin-top: 30px !important;
  margin-bottom: 46px !important;
}

.gw-situation-card {
  height: 100% !important;
  background: #ffffff !important;
  border: 1px solid #e1e8f5 !important;
  border-radius: 24px !important;
  padding: 28px !important;
  box-shadow: 0 16px 42px rgba(7, 17, 31, 0.06) !important;
}

/* CTA intermédiaire */
.gw-mid-cta {
  background: linear-gradient(135deg, #0f4fd6 0%, #082967 100%) !important;
  border-radius: 28px !important;
  padding: clamp(30px, 4vw, 48px) !important;
  margin: 58px 0 !important;
  color: #ffffff !important;
  box-shadow: 0 24px 70px rgba(15, 79, 214, 0.24) !important;
}

.gw-mid-cta h3,
.gw-mid-cta p {
  color: #ffffff !important;
}

.gw-mid-cta p {
  max-width: 850px !important;
}

/* FAQ */
.gw-faq {
  background: #f7faff !important;
  border: 1px solid #dfe9f8 !important;
  border-radius: 26px !important;
  padding: clamp(28px, 4vw, 42px) !important;
  margin-top: 28px !important;
  box-shadow: 0 14px 40px rgba(7, 17, 31, 0.04) !important;
}

.gw-faq h3.wp-block-heading {
  font-size: 21px !important;
  margin-top: 30px !important;
}

.gw-faq h3.wp-block-heading:first-child {
  margin-top: 0 !important;
}

/* CTA final */
.gw-final-cta {
  background: #07111f !important;
  border-radius: 30px !important;
  padding: clamp(34px, 5vw, 62px) !important;
  margin-top: 68px !important;
  margin-bottom: 56px !important;
  color: #ffffff !important;
  box-shadow: 0 28px 74px rgba(7, 17, 31, 0.18) !important;
}

.gw-final-cta h2,
.gw-final-cta p {
  color: #ffffff !important;
}

.gw-final-cta p {
  max-width: 920px !important;
}

/* Responsive */
@media (max-width: 960px) {
  .gw-resource-cards,
  .gw-cluster-grid,
  .gw-situation-grid,
  .gw-symptoms-grid {
    display: block !important;
  }

  .gw-resource-cards .wp-block-column,
  .gw-cluster-grid .wp-block-column,
  .gw-situation-grid .wp-block-column,
  .gw-symptoms-grid .wp-block-column {
    margin-bottom: 22px !important;
  }
}

@media (max-width: 640px) {
  body.page-id-53 .entry-content {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .gw-resources-hero,
  .gw-alert-box,
  .gw-resource-card,
  .gw-cluster-block,
  .gw-situation-card,
  .gw-mid-cta,
  .gw-final-cta,
  .gw-faq {
    padding: 24px !important;
    border-radius: 22px !important;
  }

  .gardewp-resources h2.wp-block-heading {
    margin-top: 56px !important;
  }

  .gardewp-resources .wp-block-button,
  .gardewp-resources .wp-block-button__link {
    width: 100% !important;
    text-align: center !important;
  }
}
/* =====================================================
   PATCH FINAL — PAGE RESSOURCES GARDEWP
   À placer tout en bas du CSS additionnel
   Page probable : page-id-76
   ===================================================== */

/* 1. On neutralise la largeur article imposée aux pages */
body.page-id-76 .gw-page__inner {
  max-width: 1180px !important;
  width: min(calc(100% - 56px), 1180px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 2. Wrapper principal de la page Ressources */
body.page-id-76 .gardewp-resources {
  max-width: 1120px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

/* 3. Hero ressources */
body.page-id-76 .gw-resources-hero {
  display: block !important;
  background: linear-gradient(135deg, #f7faff 0%, #eef4ff 100%) !important;
  border: 1px solid #dfe9ff !important;
  border-radius: 30px !important;
  padding: clamp(34px, 5vw, 68px) !important;
  margin: 36px 0 48px !important;
  box-shadow: 0 28px 70px rgba(7, 17, 31, 0.08) !important;
}

body.page-id-76 .gw-resources-hero h2 {
  margin-top: 0 !important;
  max-width: 900px !important;
}

/* 4. Badge */
body.page-id-76 .gardewp-resources .gw-eyebrow {
  display: inline-flex !important;
  width: fit-content !important;
  padding: 7px 13px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #0f4fd6 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  margin-bottom: 20px !important;
  box-shadow: 0 6px 18px rgba(7, 17, 31, 0.06) !important;
}

/* 5. Typographie page ressources */
body.page-id-76 .gardewp-resources h2.wp-block-heading {
  font-size: clamp(32px, 4vw, 50px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.055em !important;
  margin-top: 78px !important;
  margin-bottom: 22px !important;
  color: #07111f !important;
}

body.page-id-76 .gardewp-resources h3.wp-block-heading {
  font-size: clamp(21px, 2vw, 28px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.035em !important;
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  color: #07111f !important;
}

body.page-id-76 .gardewp-resources p {
  font-size: 17px !important;
  line-height: 1.72 !important;
  color: #243247 !important;
}

body.page-id-76 .gardewp-resources li {
  font-size: 16px !important;
  line-height: 1.62 !important;
  color: #243247 !important;
}

/* 6. Bloc urgence sombre */
body.page-id-76 .gw-alert-box {
  display: block !important;
  background: #07111f !important;
  color: #ffffff !important;
  border-radius: 28px !important;
  padding: clamp(30px, 4vw, 46px) !important;
  margin: 46px 0 !important;
  box-shadow: 0 26px 70px rgba(7, 17, 31, 0.16) !important;
}

body.page-id-76 .gw-alert-box h3,
body.page-id-76 .gw-alert-box p,
body.page-id-76 .gw-alert-box li {
  color: #ffffff !important;
}

/* 7. Colonnes Gutenberg : forcer les gaps */
body.page-id-76 .gw-resource-cards,
body.page-id-76 .gw-cluster-grid,
body.page-id-76 .gw-situation-grid,
body.page-id-76 .gw-symptoms-grid {
  display: flex !important;
  gap: 24px !important;
  align-items: stretch !important;
  margin-top: 30px !important;
  margin-bottom: 46px !important;
}

body.page-id-76 .gw-resource-cards > .wp-block-column,
body.page-id-76 .gw-cluster-grid > .wp-block-column,
body.page-id-76 .gw-situation-grid > .wp-block-column,
body.page-id-76 .gw-symptoms-grid > .wp-block-column {
  flex: 1 1 0 !important;
  min-width: 0 !important;
}

/* 8. Cartes de catégories */
body.page-id-76 .gw-resource-card {
  height: 100% !important;
  min-height: 260px !important;
  background: #ffffff !important;
  border: 1px solid #e1e8f5 !important;
  border-radius: 26px !important;
  padding: 30px !important;
  box-shadow: 0 20px 54px rgba(7, 17, 31, 0.07) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

body.page-id-76 .gw-resource-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 28px 70px rgba(7, 17, 31, 0.12) !important;
  transition: 0.22s ease !important;
}

body.page-id-76 .gw-card-urgent {
  border-color: #ffd7d7 !important;
  background: linear-gradient(180deg, #ffffff 0%, #fff6f6 100%) !important;
}

body.page-id-76 .gw-card-kicker {
  width: fit-content !important;
  padding: 6px 11px !important;
  border-radius: 999px !important;
  background: #eef4ff !important;
  color: #0f4fd6 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  line-height: 1.2 !important;
  margin-bottom: 16px !important;
}

/* 9. Blocs clusters */
body.page-id-76 .gw-cluster-block {
  height: 100% !important;
  background: #f8fbff !important;
  border: 1px solid #dfe9f8 !important;
  border-radius: 26px !important;
  padding: 30px !important;
  box-shadow: 0 14px 38px rgba(7, 17, 31, 0.04) !important;
}

body.page-id-76 .gw-resource-list {
  padding-left: 20px !important;
  margin-top: 0 !important;
  margin-bottom: 22px !important;
}

body.page-id-76 .gw-resource-list li {
  margin-bottom: 10px !important;
}

/* 10. Note importante */
body.page-id-76 .gw-note-box {
  background: #fff9ea !important;
  border: 1px solid #f3dda9 !important;
  border-radius: 22px !important;
  padding: 24px 28px !important;
  margin: 32px 0 58px !important;
}

/* 11. Cartes situations */
body.page-id-76 .gw-situation-card {
  height: 100% !important;
  background: #ffffff !important;
  border: 1px solid #e1e8f5 !important;
  border-radius: 24px !important;
  padding: 28px !important;
  box-shadow: 0 16px 42px rgba(7, 17, 31, 0.06) !important;
}

/* 12. CTA intermédiaire */
body.page-id-76 .gw-mid-cta {
  display: block !important;
  background: linear-gradient(135deg, #0f4fd6 0%, #082967 100%) !important;
  border-radius: 28px !important;
  padding: clamp(30px, 4vw, 48px) !important;
  margin: 58px 0 !important;
  color: #ffffff !important;
  box-shadow: 0 24px 70px rgba(15, 79, 214, 0.24) !important;
}

body.page-id-76 .gw-mid-cta h3,
body.page-id-76 .gw-mid-cta p {
  color: #ffffff !important;
}

/* 13. FAQ */
body.page-id-76 .gw-faq {
  background: #f7faff !important;
  border: 1px solid #dfe9f8 !important;
  border-radius: 26px !important;
  padding: clamp(28px, 4vw, 42px) !important;
  margin-top: 28px !important;
  box-shadow: 0 14px 40px rgba(7, 17, 31, 0.04) !important;
}

body.page-id-76 .gw-faq h3.wp-block-heading {
  font-size: 21px !important;
  margin-top: 30px !important;
}

body.page-id-76 .gw-faq h3.wp-block-heading:first-child {
  margin-top: 0 !important;
}

/* 14. CTA final */
body.page-id-76 .gw-final-cta {
  display: block !important;
  background: #07111f !important;
  border-radius: 30px !important;
  padding: clamp(34px, 5vw, 62px) !important;
  margin-top: 68px !important;
  margin-bottom: 56px !important;
  color: #ffffff !important;
  box-shadow: 0 28px 74px rgba(7, 17, 31, 0.18) !important;
}

body.page-id-76 .gw-final-cta h2,
body.page-id-76 .gw-final-cta p {
  color: #ffffff !important;
}

/* 15. Boutons */
body.page-id-76 .gardewp-resources .wp-block-button__link {
  border-radius: 999px !important;
  font-weight: 800 !important;
  padding: 13px 22px !important;
  text-decoration: none !important;
  box-shadow: 0 10px 28px rgba(20, 87, 255, 0.18) !important;
}

body.page-id-76 .gardewp-resources .is-style-outline .wp-block-button__link {
  background: #ffffff !important;
  color: #0f4fd6 !important;
  border: 2px solid #2f69ff !important;
  box-shadow: none !important;
}

/* 16. Responsive */
@media (max-width: 960px) {
  body.page-id-76 .gw-resource-cards,
  body.page-id-76 .gw-cluster-grid,
  body.page-id-76 .gw-situation-grid,
  body.page-id-76 .gw-symptoms-grid {
    display: block !important;
  }

  body.page-id-76 .gw-resource-cards > .wp-block-column,
  body.page-id-76 .gw-cluster-grid > .wp-block-column,
  body.page-id-76 .gw-situation-grid > .wp-block-column,
  body.page-id-76 .gw-symptoms-grid > .wp-block-column {
    margin-bottom: 22px !important;
  }
}

@media (max-width: 640px) {
  body.page-id-76 .gw-page__inner {
    width: min(calc(100% - 28px), 100%) !important;
  }

  body.page-id-76 .gw-resources-hero,
  body.page-id-76 .gw-alert-box,
  body.page-id-76 .gw-resource-card,
  body.page-id-76 .gw-cluster-block,
  body.page-id-76 .gw-situation-card,
  body.page-id-76 .gw-mid-cta,
  body.page-id-76 .gw-final-cta,
  body.page-id-76 .gw-faq {
    padding: 24px !important;
    border-radius: 22px !important;
  }

  body.page-id-76 .gardewp-resources h2.wp-block-heading {
    margin-top: 56px !important;
  }

  body.page-id-76 .gardewp-resources .wp-block-button,
  body.page-id-76 .gardewp-resources .wp-block-button__link {
    width: 100% !important;
    text-align: center !important;
  }
}
/* =====================================================
   PATCH FINITIONS — PAGE RESSOURCES GARDEWP
   À placer tout en bas du CSS additionnel
   ===================================================== */

/* Corrige les marges excessives des titres dans les blocs internes */
body.page-id-76 .gw-resources-hero h2.wp-block-heading,
body.page-id-76 .gw-alert-box h3.wp-block-heading,
body.page-id-76 .gw-resource-card h3.wp-block-heading,
body.page-id-76 .gw-cluster-block h3.wp-block-heading,
body.page-id-76 .gw-situation-card h3.wp-block-heading,
body.page-id-76 .gw-mid-cta h3.wp-block-heading,
body.page-id-76 .gw-final-cta h2.wp-block-heading,
body.page-id-76 .gw-faq h3.wp-block-heading {
  margin-top: 0 !important;
}

/* Bloc urgence : rendre le titre visible et mieux placé */
body.page-id-76 .gw-alert-box h3.wp-block-heading {
  display: block !important;
  color: #ffffff !important;
  font-size: clamp(24px, 2.4vw, 34px) !important;
  line-height: 1.1 !important;
  margin-bottom: 16px !important;
}

/* CTA intermédiaire bleu */
body.page-id-76 .gw-mid-cta h3.wp-block-heading {
  color: #ffffff !important;
  font-size: clamp(24px, 2.4vw, 34px) !important;
  line-height: 1.1 !important;
  margin-bottom: 14px !important;
}

/* CTA final : supprimer le grand vide et rendre le bloc plus compact */
body.page-id-76 .gw-final-cta {
  padding: clamp(34px, 4vw, 52px) !important;
  margin-top: 58px !important;
  margin-bottom: 56px !important;
  min-height: auto !important;
}

body.page-id-76 .gw-final-cta h2.wp-block-heading {
  display: block !important;
  color: #ffffff !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  line-height: 1.05 !important;
  margin: 0 0 18px 0 !important;
}

body.page-id-76 .gw-final-cta p {
  color: #d7e1ef !important;
  max-width: 900px !important;
  margin-bottom: 22px !important;
}

/* Corrige les boutons du CTA final */
body.page-id-76 .gw-final-cta .wp-block-buttons {
  margin-top: 18px !important;
}

/* Évite que les H2 génériques créent trop d'espace dans les sections */
body.page-id-76 .gardewp-resources > h2.wp-block-heading,
body.page-id-76 .gardewp-resources > .wp-block-heading {
  margin-top: 64px !important;
}

/* Rééquilibre le hero sous le H1 natif WordPress */
body.page-id-76 .gw-resources-hero {
  margin-top: 28px !important;
}

/* Cartes : amélioration légère de lisibilité */
body.page-id-76 .gw-resource-card p,
body.page-id-76 .gw-situation-card p,
body.page-id-76 .gw-cluster-block li {
  font-size: 15px !important;
  line-height: 1.6 !important;
}

/* Les cartes de catégories sont un peu trop hautes actuellement */
body.page-id-76 .gw-resource-card {
  min-height: 245px !important;
}

/* Responsive */
@media (max-width: 640px) {
  body.page-id-76 .gw-final-cta {
    padding: 26px !important;
  }

  body.page-id-76 .gw-alert-box h3.wp-block-heading,
  body.page-id-76 .gw-mid-cta h3.wp-block-heading,
  body.page-id-76 .gw-final-cta h2.wp-block-heading {
    font-size: 25px !important;
  }
}
/* =====================================================
   GardeWP — Template articles Ressources v2
   À placer en bas du CSS additionnel
   ===================================================== */

.gw-article-template {
  background: #FFFFFF;
}

.gw-article-template .gw-container {
  width: min(calc(100% - 56px), 1180px) !important;
  margin-inline: auto !important;
}

/* Hero article */
.gw-article-hero {
  padding: 44px 0 42px;
  background:
    radial-gradient(circle at 12% 18%, rgba(37,99,235,.10), transparent 30%),
    radial-gradient(circle at 90% 14%, rgba(16,185,129,.10), transparent 28%),
    linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 100%);
  border-bottom: 1px solid #E2E8F0;
}

.gw-article-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-bottom: 28px;
  color: #64748B;
  font-size: 13px;
  font-weight: 700;
}

.gw-article-breadcrumb a {
  color: #2563EB;
  text-decoration: none;
}

.gw-article-breadcrumb a:hover {
  text-decoration: underline;
}

.gw-article-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .42fr);
  gap: 42px;
  align-items: center;
}

.gw-article-hero__content {
  max-width: 820px;
}

.gw-article-eyebrow {
  margin-bottom: 18px !important;
}

.gw-article-title {
  margin: 0 0 18px !important;
  color: #0F172A !important;
  font-size: clamp(2.75rem, 5vw, 5rem) !important;
  line-height: .95 !important;
  letter-spacing: -.075em !important;
  font-weight: 900 !important;
  max-width: 920px;
}

.gw-article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  color: #64748B;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 18px;
}

.gw-article-meta a {
  color: #2563EB;
  text-decoration: none;
}

.gw-article-excerpt {
  max-width: 780px;
  color: #334155 !important;
  font-size: clamp(1.05rem, 1.6vw, 1.22rem) !important;
  line-height: 1.62 !important;
  margin: 0 0 22px !important;
}

.gw-article-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.gw-article-hero-card {
  display: grid;
  gap: 12px;
  padding: 26px;
  border-radius: 30px;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  box-shadow: 0 24px 70px rgba(15,23,42,.10);
}

.gw-article-hero-card .gw-article-card-label {
  width: fit-content;
  padding: 7px 10px;
  border-radius: 999px;
  background: #FFF7ED;
  color: #EA580C;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.gw-article-hero-card strong {
  color: #0F172A;
  font-family: var(--gw-font-heading, Manrope, Inter, system-ui, sans-serif);
  font-size: 1.35rem;
  line-height: 1.12;
  letter-spacing: -.04em;
}

.gw-article-hero-card p {
  color: #475569;
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
}

.gw-article-hero-card a {
  color: #2563EB;
  font-weight: 850;
  text-decoration: none;
}

/* Layout principal */
.gw-article-main {
  padding: 54px 0 82px;
}

.gw-article-layout {
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 780px);
  gap: 56px;
  justify-content: center;
  align-items: start;
}

.gw-article-sidebar {
  position: sticky;
  top: 92px;
  display: grid;
  gap: 18px;
}

.gw-article-toc,
.gw-article-side-cta {
  padding: 20px;
  border-radius: 24px;
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  box-shadow: 0 10px 28px rgba(15,23,42,.045);
}

.gw-article-side-cta {
  background: linear-gradient(180deg, #FFFFFF 0%, #EFF6FF 100%);
  border-color: rgba(37,99,235,.18);
}

.gw-article-sidebar-title {
  margin: 0 0 12px !important;
  color: #0F172A !important;
  font-family: var(--gw-font-heading, Manrope, Inter, system-ui, sans-serif);
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.gw-article-toc ol {
  display: grid;
  gap: 9px;
  margin: 0;
  padding-left: 18px;
}

.gw-article-toc li {
  color: #64748B;
  font-size: 14px;
  line-height: 1.42;
}

.gw-article-toc a {
  color: #334155;
  text-decoration: none;
  font-weight: 750;
}

.gw-article-toc a:hover {
  color: #2563EB;
}

.gw-article-side-cta p:not(.gw-article-sidebar-title) {
  margin: 0 0 14px !important;
  color: #475569 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.gw-article-side-cta .gw-button {
  width: 100%;
  min-height: 44px;
  padding: 12px 16px;
  font-size: 14px;
}

/* Contenu */
.gw-article-content-wrap {
  min-width: 0;
}

.gw-article-content {
  color: #334155;
  font-size: 17px;
  line-height: 1.76;
}

.gw-article-content > p:first-of-type {
  font-size: 20px;
  line-height: 1.65;
  color: #1F2937;
}

.gw-article-content p {
  margin: 0 0 1.15em;
}

.gw-article-content h2 {
  scroll-margin-top: 110px;
  margin: 58px 0 18px !important;
  color: #0F172A !important;
  font-family: var(--gw-font-heading, Manrope, Inter, system-ui, sans-serif);
  font-size: clamp(1.85rem, 3vw, 2.65rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -.055em !important;
  font-weight: 900 !important;
}

.gw-article-content h3 {
  margin: 32px 0 12px !important;
  color: #0F172A !important;
  font-family: var(--gw-font-heading, Manrope, Inter, system-ui, sans-serif);
  font-size: clamp(1.18rem, 1.8vw, 1.42rem) !important;
  line-height: 1.15 !important;
  letter-spacing: -.035em !important;
  font-weight: 850 !important;
}

.gw-article-content h4 {
  margin: 24px 0 10px !important;
  color: #0F172A !important;
  font-weight: 850 !important;
}

.gw-article-content a {
  color: #2563EB;
  font-weight: 800;
  text-decoration: none;
}

.gw-article-content a:hover {
  text-decoration: underline;
}

.gw-article-content ul,
.gw-article-content ol {
  margin: 16px 0 24px;
  padding-left: 22px;
}

.gw-article-content li {
  margin-bottom: 8px;
  line-height: 1.65;
}

.gw-article-content strong {
  color: #0F172A;
}

.gw-article-content blockquote {
  margin: 28px 0;
  padding: 22px 24px;
  border-left: 4px solid #2563EB;
  border-radius: 0 18px 18px 0;
  background: #EFF6FF;
  color: #1E3A8A;
}

.gw-article-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 26px 0;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid #E2E8F0;
}

.gw-article-content th,
.gw-article-content td {
  padding: 14px;
  border-bottom: 1px solid #E2E8F0;
  vertical-align: top;
}

.gw-article-content th {
  background: #F8FAFC;
  color: #0F172A;
  font-weight: 850;
}

/* Classes utiles à ajouter dans les contenus ou prompts */
.gw-article-content .gw-quick-answer,
.gw-article-content .gw-key-takeaways,
.gw-article-content .gw-warning-box,
.gw-article-content .gw-article-cta,
.gw-article-content .gw-final-cta,
.gw-article-content .gw-article-final-cta {
  margin: 32px 0;
  padding: 26px;
  border-radius: 26px;
  border: 1px solid #E2E8F0;
  box-shadow: 0 14px 38px rgba(15,23,42,.055);
}

.gw-article-content .gw-quick-answer {
  background: linear-gradient(180deg, #FFFFFF 0%, #EFF6FF 100%);
  border-color: rgba(37,99,235,.18);
}

.gw-article-content .gw-key-takeaways {
  background: #F8FAFC;
}

.gw-article-content .gw-warning-box {
  background: #FFF7ED;
  border-color: rgba(249,115,22,.25);
}

.gw-article-content .gw-article-cta {
  background: linear-gradient(135deg, #0F4FD6 0%, #082967 100%);
  color: #FFFFFF;
  border: 0;
}

.gw-article-content .gw-final-cta,
.gw-article-content .gw-article-final-cta {
  background: #07111F;
  color: #FFFFFF;
  border: 0;
  box-shadow: 0 28px 74px rgba(7,17,31,.18);
}

.gw-article-content .gw-article-cta h2,
.gw-article-content .gw-article-cta h3,
.gw-article-content .gw-article-cta p,
.gw-article-content .gw-final-cta h2,
.gw-article-content .gw-final-cta h3,
.gw-article-content .gw-final-cta p,
.gw-article-content .gw-article-final-cta h2,
.gw-article-content .gw-article-final-cta h3,
.gw-article-content .gw-article-final-cta p {
  color: #FFFFFF !important;
}

.gw-article-content .wp-block-buttons {
  margin: 22px 0;
  gap: 12px;
}

.gw-article-content .wp-block-button__link,
.gw-article-template .gw-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 13px 20px;
  border-radius: 999px;
  font-weight: 850;
  text-decoration: none;
}

/* Bloc ressource associée, seulement si l'article n'a pas déjà de CTA */
.gw-article-after-content {
  margin-top: 54px;
}

.gw-article-after-card {
  padding: 30px;
  border-radius: 30px;
  background: #07111F;
  color: #FFFFFF;
  box-shadow: 0 28px 74px rgba(7,17,31,.18);
}

.gw-article-after-card strong {
  display: block;
  color: #FFFFFF;
  font-family: var(--gw-font-heading, Manrope, Inter, system-ui, sans-serif);
  font-size: clamp(1.55rem, 2.5vw, 2.2rem);
  line-height: 1.08;
  letter-spacing: -.05em;
  margin-bottom: 12px;
}

.gw-article-after-card p {
  color: #D7E1EF !important;
  margin: 0 0 18px;
}

.gw-article-after-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

/* Divers */
.gw-article-template .gw-button--primary {
  background: #2563EB;
  color: #FFFFFF;
  box-shadow: 0 12px 28px rgba(37,99,235,.22);
}

.gw-article-template .gw-button--secondary {
  background: #FFFFFF;
  color: #0F172A;
  border: 1px solid #CBD5E1;
}

.gw-article-template .gw-button:hover {
  transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 1040px) {
  .gw-article-hero__grid,
  .gw-article-layout {
    grid-template-columns: 1fr;
  }

  .gw-article-sidebar {
    position: static;
    order: -1;
  }

  .gw-article-toc ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }
}

@media (max-width: 760px) {
  .gw-article-template .gw-container {
    width: min(calc(100% - 28px), 100%) !important;
  }

  .gw-article-hero {
    padding: 36px 0 34px;
  }

  .gw-article-title {
    font-size: clamp(2.35rem, 11vw, 3.65rem) !important;
  }

  .gw-article-hero-card,
  .gw-article-toc,
  .gw-article-side-cta,
  .gw-article-content .gw-quick-answer,
  .gw-article-content .gw-key-takeaways,
  .gw-article-content .gw-warning-box,
  .gw-article-content .gw-article-cta,
  .gw-article-content .gw-final-cta,
  .gw-article-content .gw-article-final-cta,
  .gw-article-after-card {
    padding: 22px;
    border-radius: 22px;
  }

  .gw-article-main {
    padding: 36px 0 64px;
  }

  .gw-article-toc ol {
    grid-template-columns: 1fr;
  }

  .gw-article-actions,
  .gw-article-after-actions,
  .gw-article-template .gw-button,
  .gw-article-content .wp-block-button,
  .gw-article-content .wp-block-button__link {
    width: 100%;
  }

  .gw-article-template .gw-button,
  .gw-article-content .wp-block-button__link {
    text-align: center;
  }
}
/* =====================================================
   GardeWP — Patch sommaire simple articles Ressources
   À placer tout en bas du CSS additionnel
   ===================================================== */

.gw-article-toc ul {
  display: grid !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.gw-article-toc li {
  position: relative !important;
  margin: 0 !important;
  padding-left: 15px !important;
  color: #64748B !important;
  font-size: 14px !important;
  line-height: 1.42 !important;
}

.gw-article-toc li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: .62em !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 999px !important;
  background: #2563EB !important;
}

.gw-article-toc a {
  display: block !important;
  color: #334155 !important;
  text-decoration: none !important;
  font-weight: 750 !important;
}

.gw-article-toc a:hover {
  color: #2563EB !important;
}

/* Sécurité si un ancien template affiche encore un <ol> */
.gw-article-toc ol {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
  counter-reset: none !important;
}
.gw-footer__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    margin-top: 0.35rem;
    padding: 0.75rem 1rem;
    border-radius: 999px;
    background: #ffffff;
    color: #0f172a;
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18);
    transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.gw-footer__cta:hover,
.gw-footer__cta:focus {
    background: #f8fafc;
    color: #0f172a;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.24);
}

.gw-footer__cta:focus-visible {
    outline: 3px solid rgba(255, 255, 255, 0.55);
    outline-offset: 3px;
}

@media (max-width: 640px) {
    .gw-footer__cta {
        width: 100%;
        text-align: center;
    }
}
/* Footer GardeWP — ajustements colonne Informations + CTA */
.gw-footer__grid {
    grid-template-columns: minmax(260px, 1.35fr) minmax(170px, 0.9fr) minmax(260px, 1.1fr) minmax(190px, 0.85fr) minmax(200px, 0.9fr);
    align-items: start;
}

.gw-footer__nav h4 {
    margin-top: 0;
}

.gw-footer__nav ul {
    margin-bottom: 0;
}

.gw-footer a.gw-footer__cta,
.gw-footer a.gw-footer__cta:visited {
    color: #0f172a !important;
    text-decoration: none;
}

.gw-footer a.gw-footer__cta:hover,
.gw-footer a.gw-footer__cta:focus {
    background: #f8fafc;
    color: #0f172a !important;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.24);
}

.gw-footer a.gw-footer__cta:focus-visible {
    outline: 3px solid rgba(255, 255, 255, 0.55);
    outline-offset: 3px;
}

@media (max-width: 1180px) {
    .gw-footer__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .gw-footer__brand {
        grid-column: 1 / -1;
        max-width: 520px;
    }
}

@media (max-width: 780px) {
    .gw-footer__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .gw-footer__grid {
        grid-template-columns: 1fr;
    }

    .gw-footer a.gw-footer__cta {
        width: 100%;
        text-align: center;
    }
}
/* Hub Ressources GardeWP */
.gw-resources-hub {
    max-width: 1180px;
    margin-right: auto;
    margin-left: auto;
}

.gw-resource-cluster {
    margin-top: 4rem;
}

.gw-resource-cluster__head {
    max-width: 780px;
    margin-bottom: 1.5rem;
}

.gw-resource-cluster__eyebrow {
    margin: 0 0 0.5rem;
    color: #2563eb;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.gw-resource-cluster h2 {
    margin-top: 0;
    margin-bottom: 0.65rem;
}

.gw-resource-cluster__head p {
    margin-top: 0;
}

.gw-resource-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.1rem;
}

.gw-resource-grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.gw-resource-grid--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.gw-resource-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 1.35rem;
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 1.25rem;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.gw-resource-card:hover {
    transform: translateY(-3px);
    border-color: rgba(37, 99, 235, 0.28);
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.10);
}

.gw-resource-card__tag {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 0.85rem;
    padding: 0.28rem 0.65rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.76rem;
    font-weight: 800;
}

.gw-resource-card h3 {
    margin: 0 0 0.75rem;
    font-size: 1.08rem;
    line-height: 1.35;
}

.gw-resource-card h3 a {
    color: #0f172a;
    text-decoration: none;
}

.gw-resource-card h3 a:hover,
.gw-resource-card h3 a:focus {
    color: #1d4ed8;
    text-decoration: underline;
}

.gw-resource-card p {
    margin-top: 0;
    color: #475569;
    font-size: 0.95rem;
    line-height: 1.6;
}

.gw-resource-card__links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: auto;
    padding-top: 1rem;
}

.gw-resource-card__primary,
.gw-resource-card__secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: 0.86rem;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
}

.gw-resource-card__primary {
    padding: 0.68rem 0.9rem;
    background: #0f172a;
    color: #ffffff !important;
}

.gw-resource-card__primary:hover,
.gw-resource-card__primary:focus {
    background: #1d4ed8;
    color: #ffffff !important;
    text-decoration: none;
}

.gw-resource-card__secondary {
    padding: 0.62rem 0.82rem;
    border: 1px solid rgba(15, 23, 42, 0.14);
    color: #0f172a !important;
    background: #ffffff;
}

.gw-resource-card__secondary:hover,
.gw-resource-card__secondary:focus {
    border-color: rgba(37, 99, 235, 0.45);
    color: #1d4ed8 !important;
    background: #eff6ff;
    text-decoration: none;
}

.gw-resource-final-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-top: 4rem;
    padding: 1.75rem;
    border-radius: 1.5rem;
    background: #0f172a;
    color: #ffffff;
}

.gw-resource-final-cta h2 {
    margin-top: 0;
    color: #ffffff;
}

.gw-resource-final-cta p {
    margin-bottom: 0;
    color: #cbd5e1;
}

.gw-resource-final-cta__button {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.85rem 1.1rem;
    border-radius: 999px;
    background: #ffffff;
    color: #0f172a !important;
    font-weight: 800;
    text-decoration: none;
}

.gw-resource-final-cta__button:hover,
.gw-resource-final-cta__button:focus {
    background: #f8fafc;
    color: #0f172a !important;
    text-decoration: none;
}

@media (max-width: 980px) {
    .gw-resource-grid,
    .gw-resource-grid--three {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gw-resource-final-cta {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    .gw-resource-grid,
    .gw-resource-grid--two,
    .gw-resource-grid--three {
        grid-template-columns: 1fr;
    }

    .gw-resource-card {
        padding: 1.1rem;
    }

    .gw-resource-card__links {
        flex-direction: column;
    }

    .gw-resource-card__primary,
    .gw-resource-card__secondary,
    .gw-resource-final-cta__button {
        width: 100%;
        text-align: center;
    }
}
/* =========================================================
   GardeWP — finition CRO page "site WordPress piraté"
   À ajouter à la fin de assets/css/gardewp.css
   ========================================================= */

.gwp3-cro-compact-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 32px;
}

.gwp3-cro-mini-card {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 22px;
  padding: 24px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, .06);
}

.gwp3-cro-mini-card h3 {
  margin: 8px 0 10px;
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  line-height: 1.2;
}

.gwp3-cro-mini-card p {
  margin: 0 0 14px;
  color: #475569;
  line-height: 1.65;
}

.gwp3-cro-mini-card strong {
  display: block;
  color: #0f172a;
  font-size: .95rem;
}

.gwp3-cro-mini-kicker {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  border-radius: 999px;
  padding: 5px 10px;
  background: #eef2ff;
  color: #2563eb;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .02em;
}

.gwp3-cro-plan {
  margin-top: 34px;
  padding: clamp(24px, 4vw, 34px);
  background: linear-gradient(135deg, #f8fafc 0%, #fff 100%);
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 28px;
}

.gwp3-cro-plan-head {
  max-width: 780px;
  margin-bottom: 24px;
}

.gwp3-cro-plan-head h3 {
  margin: 6px 0 8px;
  font-size: clamp(1.35rem, 2.2vw, 2rem);
  line-height: 1.1;
}

.gwp3-cro-plan-head p {
  margin: 0;
  color: #475569;
  line-height: 1.65;
}

.gwp3-cro-plan-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.gwp3-cro-plan-grid > div {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 18px;
  padding: 20px;
}

.gwp3-cro-plan-grid span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 30px;
  margin-bottom: 12px;
  border-radius: 999px;
  background: #0f172a;
  color: #fff;
  font-weight: 800;
  font-size: .78rem;
}

.gwp3-cro-plan-grid strong {
  display: block;
  margin-bottom: 7px;
  color: #0f172a;
}

.gwp3-cro-plan-grid p {
  margin: 0;
  color: #64748b;
  line-height: 1.6;
  font-size: .95rem;
}

.gwp3-pricing-lite {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 30px;
}

.gwp3-pricing-lite > div {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 14px 40px rgba(15, 23, 42, .05);
}

.gwp3-pricing-lite span {
  display: block;
  margin-bottom: 10px;
  color: #64748b;
  font-size: .92rem;
  line-height: 1.35;
}

.gwp3-pricing-lite strong {
  display: block;
  color: #0f172a;
  font-size: clamp(1rem, 1.4vw, 1.2rem);
  line-height: 1.25;
}

.gwp3-pricing-note {
  max-width: 850px;
  margin: 18px auto 0;
  color: #64748b;
  text-align: center;
  line-height: 1.65;
}

.gwp3-form-note,
.gwp3-rgpd-note {
  color: #64748b;
  font-size: .95rem;
  line-height: 1.65;
}

.gwp3-rgpd-note {
  margin: 18px 0 0;
  padding-top: 16px;
  border-top: 1px solid rgba(15, 23, 42, .08);
}

@media (max-width: 980px) {
  .gwp3-cro-compact-grid,
  .gwp3-cro-plan-grid,
  .gwp3-pricing-lite {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .gwp3-cro-compact-grid,
  .gwp3-cro-plan-grid,
  .gwp3-pricing-lite {
    grid-template-columns: 1fr;
  }

  .gwp3-cro-mini-card,
  .gwp3-cro-plan,
  .gwp3-pricing-lite > div {
    border-radius: 18px;
  }
}
/* GardeWP — finition SEO/CRO home */
.gw-home-pricing-section .gw-section-head {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.gw-home-pricing-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
  margin-top: 30px;
}

.gw-home-price {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 18px;
  padding: 20px;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.06);
}

.gw-home-price span {
  display: block;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #475569;
  margin-bottom: 10px;
}

.gw-home-price strong {
  display: block;
  font-size: clamp(1.05rem, 1.4vw, 1.28rem);
  line-height: 1.15;
  color: #0f172a;
  margin-bottom: 10px;
}

.gw-home-price p {
  margin: 0;
  color: #64748b;
  font-size: 0.92rem;
  line-height: 1.5;
}

.gw-home-pricing-note {
  max-width: 840px;
  margin: 24px auto 0;
  padding: 16px 18px;
  border-radius: 16px;
  background: rgba(37, 99, 235, 0.07);
  color: #334155;
  text-align: center;
  font-size: 0.96rem;
  line-height: 1.55;
}

.gw-home-section-action {
  margin-top: 32px;
}

.gw-security-note--compact {
  margin: 14px 0 18px;
  font-size: 0.92rem;
}

.gw-final-form-note {
  margin-top: 14px;
  color: rgba(255,255,255,0.78);
  font-size: 0.92rem;
  line-height: 1.55;
}

.gw-final-form-note a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 1100px) {
  .gw-home-pricing-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .gw-home-pricing-grid {
    grid-template-columns: 1fr;
  }

  .gw-home-price {
    padding: 18px;
  }

  .gw-home-pricing-note {
    text-align: left;
  }
}
/* GardeWP — finition SEO/CRO home */
.gw-home-pricing-section .gw-section-head {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.gw-home-pricing-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
  margin-top: 30px;
}

.gw-home-price {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 18px;
  padding: 20px;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.06);
}

.gw-home-price span {
  display: block;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #475569;
  margin-bottom: 10px;
}

.gw-home-price strong {
  display: block;
  font-size: clamp(1.05rem, 1.4vw, 1.28rem);
  line-height: 1.15;
  color: #0f172a;
  margin-bottom: 10px;
}

.gw-home-price p {
  margin: 0;
  color: #64748b;
  font-size: 0.92rem;
  line-height: 1.5;
}

.gw-home-pricing-note {
  max-width: 840px;
  margin: 24px auto 0;
  padding: 16px 18px;
  border-radius: 16px;
  background: rgba(37, 99, 235, 0.07);
  color: #334155;
  text-align: center;
  font-size: 0.96rem;
  line-height: 1.55;
}

.gw-home-section-action {
  margin-top: 32px;
}

.gw-security-note--compact {
  margin: 14px 0 18px;
  font-size: 0.92rem;
}

.gw-final-form-note {
  margin-top: 14px;
  color: rgba(255,255,255,0.78);
  font-size: 0.92rem;
  line-height: 1.55;
}

.gw-final-form-note a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 1100px) {
  .gw-home-pricing-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .gw-home-pricing-grid {
    grid-template-columns: 1fr;
  }

  .gw-home-price {
    padding: 18px;
  }

  .gw-home-pricing-note {
    text-align: left;
  }
}


/* GardeWP — finition SEO/CRO home */
.gw-home-pricing-section .gw-section-head {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.gw-home-pricing-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
  margin-top: 30px;
}

.gw-home-price {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 18px;
  padding: 20px;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.06);
}

.gw-home-price span {
  display: block;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #475569;
  margin-bottom: 10px;
}

.gw-home-price strong {
  display: block;
  font-size: clamp(1.05rem, 1.4vw, 1.28rem);
  line-height: 1.15;
  color: #0f172a;
  margin-bottom: 10px;
}

.gw-home-price p {
  margin: 0;
  color: #64748b;
  font-size: 0.92rem;
  line-height: 1.5;
}

.gw-home-pricing-note {
  max-width: 840px;
  margin: 24px auto 0;
  padding: 16px 18px;
  border-radius: 16px;
  background: rgba(37, 99, 235, 0.07);
  color: #334155;
  text-align: center;
  font-size: 0.96rem;
  line-height: 1.55;
}

.gw-home-section-action {
  margin-top: 32px;
}

.gw-security-note--compact {
  margin: 14px 0 18px;
  font-size: 0.92rem;
}

.gw-final-form-note {
  margin-top: 14px;
  color: rgba(255,255,255,0.78);
  font-size: 0.92rem;
  line-height: 1.55;
}

.gw-final-form-note a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 1100px) {
  .gw-home-pricing-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .gw-home-pricing-grid {
    grid-template-columns: 1fr;
  }

  .gw-home-price {
    padding: 18px;
  }

  .gw-home-pricing-note {
    text-align: left;
  }
}


/* Ajustements de finition home — V2 */
.gw-quick-diagnostic .gw-security-note--inline {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 14px 16px;
}

.gw-security-note__label {
  flex: 0 0 auto;
  font-weight: 800;
  color: #1e3a8a;
  white-space: nowrap;
}

.gw-security-note__text {
  flex: 1 1 auto;
  min-width: 0;
}

.gw-emergency {
  align-items: stretch;
}

.gw-emergency__box {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.gw-emergency__box .gw-check-list {
  columns: 2;
  column-gap: 28px;
}

.gw-emergency__box .gw-check-list li {
  break-inside: avoid;
  margin-bottom: 12px;
}

.gw-frequent-cases {
  align-items: center;
}

.gw-case-grid {
  align-content: center;
}

.gw-case-item {
  min-height: 104px;
  display: flex;
  align-items: center;
}

.gw-home-pricing-grid {
  align-items: stretch;
}

.gw-home-price {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.gw-home-price span {
  min-height: 2.6em;
}

.gw-home-price strong {
  min-height: 3.4em;
}

.gw-home-price p {
  margin-top: auto;
}

@media (max-width: 1100px) {
  .gw-emergency__box .gw-check-list {
    columns: 1;
  }

  .gw-case-item {
    min-height: 92px;
  }
}

@media (max-width: 760px) {
  .gw-quick-diagnostic .gw-security-note--inline {
    display: block;
  }

  .gw-security-note__label {
    display: block;
    margin-bottom: 6px;
  }

  .gw-home-price span,
  .gw-home-price strong {
    min-height: 0;
  }

  .gw-case-item {
    min-height: auto;
  }
}


/* V3 — Urgence WordPress : colonne droite traitée comme une carte interne */
.gw-emergency {
  align-items: center;
  gap: 40px;
}

.gw-emergency__box {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  padding: 26px 28px;
  background: #fff;
  border: 1px solid rgba(251, 146, 60, 0.24);
  border-radius: 28px;
  box-shadow: 0 22px 50px rgba(15, 23, 42, 0.08);
}

.gw-emergency__box h3 {
  margin-bottom: 18px;
}

.gw-emergency__box .gw-check-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  columns: unset;
}

.gw-emergency__box .gw-check-list li {
  margin: 0;
  padding: 0 0 0 24px;
  break-inside: auto;
}

.gw-emergency__box .gw-check-list li::before {
  left: 0;
}

/* V3 — Cas fréquents : colonne droite plus compacte et mieux structurée */
.gw-case-grid {
  max-width: 560px;
  margin-left: auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.gw-case-item {
  min-height: 118px;
  padding: 20px 22px;
  background: #fff9f3;
  border: 1px solid rgba(251, 146, 60, 0.28);
  border-radius: 20px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.05);
}

@media (max-width: 1100px) {
  .gw-emergency {
    gap: 28px;
  }

  .gw-emergency__box {
    max-width: none;
  }

  .gw-case-grid {
    max-width: none;
  }
}

@media (max-width: 760px) {
  .gw-emergency__box {
    padding: 22px 20px;
    border-radius: 22px;
  }

  .gw-case-grid {
    grid-template-columns: 1fr;
  }

  .gw-case-item {
    min-height: auto;
  }
}
/* V4 — Finition bloc repères tarifaires home */
.gw-home-pricing-section {
  padding-top: clamp(64px, 7vw, 96px);
  padding-bottom: clamp(64px, 7vw, 96px);
}

.gw-home-pricing-section .gw-section-head {
  max-width: 780px;
  margin-bottom: 34px;
}

.gw-home-pricing-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
  max-width: 1120px;
  margin: 0 auto;
}

.gw-home-price {
  display: grid;
  grid-template-rows: auto auto 1fr;
  gap: 12px;
  min-height: 210px;
  padding: 24px 22px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,255,255,0.94));
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 20px;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.06);
}

.gw-home-price span {
  display: block;
  min-height: 0;
  margin: 0;
  color: #475569;
  font-size: 0.82rem;
  font-weight: 850;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.gw-home-price strong {
  display: block;
  min-height: 0;
  margin: 0;
  color: #0f172a;
  font-size: clamp(1.16rem, 1.45vw, 1.35rem);
  font-weight: 900;
  line-height: 1.12;
  letter-spacing: -0.035em;
}

.gw-home-price p {
  margin: 0;
  color: #64748b;
  font-size: 0.94rem;
  line-height: 1.55;
  align-self: start;
}

/* Prix d'appel visuellement distinct, sans casser l'alignement */
.gw-home-price:first-child {
  background:
    linear-gradient(180deg, rgba(239, 253, 245, 0.92), rgba(255,255,255,0.96));
  border-color: rgba(34, 197, 94, 0.22);
}

.gw-home-price:first-child strong {
  color: #047857;
}

.gw-home-pricing-note {
  max-width: 760px;
  margin: 26px auto 0;
  padding: 16px 20px;
  border-radius: 18px;
  background: rgba(37, 99, 235, 0.07);
  color: #334155;
  text-align: center;
  font-size: 0.96rem;
  line-height: 1.55;
}

@media (max-width: 1180px) {
  .gw-home-pricing-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 860px;
  }
}

@media (max-width: 760px) {
  .gw-home-pricing-grid {
    grid-template-columns: 1fr;
    max-width: 520px;
  }

  .gw-home-price {
    min-height: 0;
    padding: 20px;
    gap: 9px;
  }

  .gw-home-pricing-note {
    text-align: left;
  }
}