/* ============================================================
   SPO — PAGE ENTREPRISES (page-id-57270) — PATCH SAFE 2026 (PIMP)
   Scope strict: body.page-id-57270
   Objectifs:
   - Utiliser un accent or sobre et coherent
   - Decaler legerement le contenu texte/CTA (sans impacter HivePress)
   - Ameliorer lisibilite, rythme, focus, FAQ
   - Zero JS, zero regression
   ============================================================ */

body.page-id-57270 .spo-enterprises{
  overflow-wrap:anywhere;
}

/* Largeur stable si tu utilises .spo-container (sinon aucun effet) */
body.page-id-57270 .spo-enterprises .spo-container{
  max-width:1100px;
  margin-left:auto;
  margin-right:auto;
}

/* wpautop guard (vides) */
body.page-id-57270 .spo-enterprises p:empty{
  display:none;
}

/* ------------------------------------------------------------
   1) Decalage contenu (accent or)
   - On decale le head (texte) + FAQ
   - On ne touche pas aux blocs HivePress (form + vendors)
   ------------------------------------------------------------ */

/* Decale le head (titre, subtitle, CTA, note, liste) */
body.page-id-57270 .spo-enterprises .spo-archiveHead__inner{
  padding-left:18px;
}

/* Si Gutenberg entoure ton contenu: decale les blocs non-HivePress */
body.page-id-57270 .entry-content > *{
  padding-left:18px;
}

/* Ne pas impacter les blocs HivePress */
body.page-id-57270 .entry-content > .wp-block-hivepress-listing-search-form,
body.page-id-57270 .entry-content > .wp-block-hivepress-vendors,
body.page-id-57270 .entry-content > [data-type^="hivepress/"]{
  padding-left:0;
}

/* ------------------------------------------------------------
   2) Head: rythme + lisibilite (sans refonte)
   ------------------------------------------------------------ */

body.page-id-57270 .spo-enterprises .spo-archiveHead__kicker{
  margin-bottom:6px;
}

body.page-id-57270 .spo-enterprises .spo-archiveHead__title{
  margin:6px 0 8px;
  letter-spacing:-0.02em;
  line-height:1.12;
}

body.page-id-57270 .spo-enterprises .spo-archiveHead__subtitle{
  max-width:78ch;
}

/* ------------------------------------------------------------
   3) CTA : wrap propre + mobile full width
   ------------------------------------------------------------ */

body.page-id-57270 .spo-enterprises .spo-archiveHead__cta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-top:10px;
}

body.page-id-57270 .spo-enterprises .spo-archiveHead__cta .spo-btn{
  white-space:nowrap;
}

@media (max-width:640px){
  body.page-id-57270 .spo-enterprises .spo-archiveHead__cta{
    flex-direction:column;
    align-items:stretch;
  }
  body.page-id-57270 .spo-enterprises .spo-archiveHead__cta .spo-btn{
    width:100%;
    justify-content:center;
  }
}

/* ------------------------------------------------------------
   4) Note + miniInfo : respiration + lisibilite
   ------------------------------------------------------------ */

body.page-id-57270 .spo-enterprises .spo-note{
  margin-top:12px;
  border-radius:14px;
  padding:10px 12px;
  background:rgba(15,42,68,.04);
  border:1px solid rgba(15,42,68,.10);
}

body.page-id-57270 .spo-enterprises .spo-miniInfo{
  margin-top:10px;
}

body.page-id-57270 .spo-enterprises .spo-miniInfo__list{
  margin:0;
  padding-left:18px;
}

/* Typo (si tes classes prose sont presentes) */
body.page-id-57270 .spo-enterprises .spo-prose{
  line-height:1.6;
}

/* ------------------------------------------------------------
   5) Skip link (si present)
   ------------------------------------------------------------ */

body.page-id-57270 .spo-enterprises .spo-skip-link{
  position:absolute;
  left:-9999px;
  top:0;
}
body.page-id-57270 .spo-enterprises .spo-skip-link:focus{
  left:12px;
  top:12px;
  z-index:9999;
  padding:10px 12px;
  border-radius:12px;
  background:#fff;
  box-shadow:0 10px 26px rgba(15,42,68,.14);
}

/* ------------------------------------------------------------
   6) FAQ : details/summary robustes + accordéon propre
   ------------------------------------------------------------ */

body.page-id-57270 .spo-enterprises .spo-faq__grid{
  display:grid;
  gap:10px;
}

body.page-id-57270 .spo-enterprises .spo-faq__item{
  border-radius:16px;
  border:1px solid rgba(15,42,68,.10);
  background:#fff;
  box-shadow:0 10px 24px rgba(15,42,68,.08);
  overflow:hidden;
}

body.page-id-57270 .spo-enterprises .spo-faq__q{
  cursor:pointer;
  padding:12px 14px;
  font-weight:900;
  list-style:none;
}

body.page-id-57270 .spo-enterprises .spo-faq__q::-webkit-details-marker{
  display:none;
}

body.page-id-57270 .spo-enterprises .spo-faq__a{
  padding:0 14px 14px 14px;
}

body.page-id-57270 .spo-enterprises .spo-faq__item[open] .spo-faq__q{
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.10);
}

/* ------------------------------------------------------------
   7) Focus visible (accessibilite)
   ------------------------------------------------------------ */

body.page-id-57270 .spo-enterprises .spo-btn:focus-visible,
body.page-id-57270 .spo-enterprises summary:focus-visible,
body.page-id-57270 .spo-enterprises a:focus-visible{
  outline:3px solid rgba(15,42,68,.35);
  outline-offset:3px;
  border-radius:14px;
}

/* ------------------------------------------------------------
   8) Reduced motion
   ------------------------------------------------------------ */

@media (prefers-reduced-motion: reduce){
  body.page-id-57270 .spo-enterprises *{
    scroll-behavior:auto;
  }
}
/* =========================================================
SPO — ENTREPRISES — ULTRA PREMIUM 2026
Scope STRICT : page-id-57270
========================================================= */

body.page-id-57270 .spo-enterprises{
  --hero-blue-1: rgba(15,42,68,.12);
  --hero-blue-2: rgba(30,79,122,.08);
}

/* HERO */
body.page-id-57270 .spo-archiveHead__inner{
  padding:22px;
  border-radius:18px;
  background:
    radial-gradient(900px 240px at 12% -10%, var(--hero-blue-1), transparent 60%),
    radial-gradient(700px 220px at 92% 0%, var(--hero-blue-2), transparent 55%),
    #fff;
  border:1px solid var(--spo-border);
  box-shadow:0 18px 44px rgba(15,42,68,.14);
}

/* Benefits */
.spo-heroBenefits{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  list-style:none;
  padding:0;
  margin:14px 0;
}
.spo-heroBenefits li{
  background:rgba(15,42,68,.06);
  padding:8px 12px;
  border-radius:999px;
  font-size:13px;
  font-weight:800;
  color:var(--spo-primary);
}

/* WHY */
.spo-whyGrid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:14px;
}
.spo-whyCard{
  background:#fff;
  border:1px solid var(--spo-border);
  border-radius:16px;
  padding:16px;
  box-shadow:var(--spo-shadow);
}
.spo-whyCard h3{
  margin:0 0 6px;
  font-size:16px;
}

/* Soft CTA */
.spo-softCta{
  text-align:center;
  background:linear-gradient(135deg, rgba(15,42,68,.06), rgba(30,79,122,.06));
  padding:22px;
  border-radius:16px;
  border:1px solid var(--spo-border);
}
.spo-softCta p{
  margin:0 0 12px;
  font-size:15px;
}

/* FAQ */
.spo-faq details{
  background:#fff;
  border:1px solid var(--spo-border);
  border-radius:14px;
  padding:12px 14px;
  margin-bottom:10px;
}
.spo-faq summary{
  cursor:pointer;
  font-weight:900;
}
.spo-faq p{
  margin:8px 0 0;
  color:var(--spo-text);
}

/* Visually hidden (SEO only) */
.spo-visually-hidden{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

/* Responsive */
@media (max-width:640px){
  body.page-id-57270 .spo-archiveHead__inner{
    padding:16px;
    border-radius:16px;
  }
  .spo-heroBenefits{
    flex-direction:column;
  }
}

/* Migrated from CSS additionnel.txt - SPO CSS refonte v1.1.0 */

/* =========================================================
   SPO — PAGE ENTREPRISES — Accordéon premium
   Cible : page-id-57270 + wrapper .spo-enterprises
   Objectifs :
   - supprimer totalement l'ancien liseret lateral
   - accordeon or identifiable (fond + bord)
   ========================================================= */

/* 1) Neutraliser le trait gauche qui vient souvent d’un WRAPPER */
body.page-id-57270 .spo-enterprises__lift,
body.page-id-57270 .spo-enterprises__lift * {
  border-left: 0 !important;
}

body.page-id-57270 .spo-enterprises__lift,
body.page-id-57270 .spo-enterprises__lift::before,
body.page-id-57270 .spo-enterprises__lift::after {
  box-shadow: none !important;
}

body.page-id-57270 .spo-enterprises__lift::before,
body.page-id-57270 .spo-enterprises__lift::after {
  content: none !important;
  display: none !important;
}

/* Fallback si la page-id change (mais wrapper présent) */
.spo-enterprises .spo-enterprises__lift,
.spo-enterprises .spo-enterprises__lift * {
  border-left: 0 !important;
}
.spo-enterprises .spo-enterprises__lift,
.spo-enterprises .spo-enterprises__lift::before,
.spo-enterprises .spo-enterprises__lift::after {
  box-shadow: none !important;
}
.spo-enterprises .spo-enterprises__lift::before,
.spo-enterprises .spo-enterprises__lift::after {
  content: none !important;
  display: none !important;
}

/* 2) Style premium sur */
body.page-id-57270 details.spo-faq__fineprint,
.spo-enterprises details.spo-faq__fineprint {
  border-left: 0 !important; /* supprime le liseré */
  border: 1px solid rgba(188, 136, 44, .34) !important;
  background: rgba(188, 136, 44, .12) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 24px rgba(140, 97, 22, .10) !important;
}

/* Bandeau (summary) */
body.page-id-57270 details.spo-faq__fineprint > summary,
.spo-enterprises details.spo-faq__fineprint > summary {
  list-style: none !important;
  cursor: pointer !important;
  padding: 14px 16px !important;
  background: rgba(188, 136, 44, .18) !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Marker natif */
body.page-id-57270 details.spo-faq__fineprint > summary::-webkit-details-marker,
.spo-enterprises details.spo-faq__fineprint > summary::-webkit-details-marker {
  display: none !important;
}

/* Hover */
body.page-id-57270 details.spo-faq__fineprint > summary:hover,
.spo-enterprises details.spo-faq__fineprint > summary:hover {
  background: rgba(188, 136, 44, .24) !important;
}

/* Corps */
body.page-id-57270 details.spo-faq__fineprint > .spo-faq__a,
.spo-enterprises details.spo-faq__fineprint > .spo-faq__a {
  padding: 14px 16px 16px !important;
  background: rgba(255, 255, 255, .70) !important;
}

/* État ouvert */
body.page-id-57270 details.spo-faq__fineprint[open] > summary,
.spo-enterprises details.spo-faq__fineprint[open] > summary {
  border-bottom: 1px solid rgba(188, 136, 44, .25) !important;
}

/* 3) Neutraliser les focus rings concurrents injectes par theme/plugins */
body.page-id-57270 details.spo-faq__fineprint:focus,
body.page-id-57270 details.spo-faq__fineprint:focus-within,
body.page-id-57270 details.spo-faq__fineprint > summary:focus,
body.page-id-57270 details.spo-faq__fineprint > summary:focus-visible,
.spo-enterprises details.spo-faq__fineprint:focus,
.spo-enterprises details.spo-faq__fineprint:focus-within,
.spo-enterprises details.spo-faq__fineprint > summary:focus,
.spo-enterprises details.spo-faq__fineprint > summary:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* ============================================================
   SPO - Entreprises - direction or v2.0.2
   ============================================================ */
body.page-id-57270 {
  background: #f6f7f9;
}

body.page-id-57270 .spo-enterprises {
  --spo-company-gold: #bc882c;
  --spo-company-gold-dark: #8c6116;
  --spo-company-gold-soft: #fff5df;
  --spo-company-ink: #102a43;
  width: min(1160px, calc(100% - 32px));
  margin: 0 auto;
  padding: 18px 0 48px;
}

body.page-id-57270 .spo-enterprises .spo-archiveHead__inner {
  position: relative;
  overflow: hidden;
  padding: clamp(24px, 4vw, 42px) !important;
  border: 0;
  border-top: 5px solid var(--spo-company-gold);
  border-radius: 25px;
  background:
    radial-gradient(circle at 91% 12%, rgba(220, 176, 88, .22), transparent 32%),
    linear-gradient(132deg, #10283e 0%, #153d5e 58%, #112f48 100%);
  box-shadow: 0 20px 48px rgba(15, 42, 68, .16);
  color: #fff;
}

body.page-id-57270 .spo-enterprises .spo-archiveHead__inner :is(.spo-breadcrumbs, .spo-breadcrumbs a, .spo-archiveHead__title, .spo-archiveHead__subtitle) {
  color: #fff !important;
}

body.page-id-57270 .spo-enterprises .spo-archiveHead__kicker {
  color: #edcc83;
  letter-spacing: .11em;
}

body.page-id-57270 .spo-enterprises .spo-heroBenefits li {
  border: 1px solid rgba(237, 204, 131, .3);
  background: rgba(237, 204, 131, .14);
  color: #fff;
}

body.page-id-57270 .spo-enterprises .spo-note {
  border: 1px solid rgba(237, 204, 131, .36);
  background: rgba(255, 245, 223, .12);
  color: #fff;
}

body.page-id-57270 .spo-enterprises .spo-note a {
  color: #f5d99a;
}

body.page-id-57270 .spo-enterprises .spo-archiveHead__cta .spo-btn--primary {
  border-color: var(--spo-company-gold);
  background: var(--spo-company-gold);
  color: #15283b;
}

body.page-id-57270 .spo-enterprises .spo-archiveHead__cta .spo-btn--ghost {
  border-color: rgba(255, 255, 255, .28);
  background: #fff;
  color: #123e66;
}

body.page-id-57270 .spo-enterprises details.spo-faq__fineprint {
  border: 1px solid rgba(188, 136, 44, .38) !important;
  background: var(--spo-company-gold-soft) !important;
  box-shadow: 0 10px 25px rgba(140, 97, 22, .1) !important;
}

body.page-id-57270 .spo-enterprises details.spo-faq__fineprint > summary {
  background: #f6e5bd !important;
  color: var(--spo-company-ink) !important;
}

body.page-id-57270 .spo-enterprises details.spo-faq__fineprint > summary:hover {
  background: #efd8a5 !important;
}

body.page-id-57270 .spo-enterprises details.spo-faq__fineprint[open] > summary {
  border-bottom-color: rgba(188, 136, 44, .3) !important;
}

body.page-id-57270 .spo-enterprises :is(.spo-why h2 i, .spo-h2 i, .spo-enterprises__guideHead i) {
  color: var(--spo-company-gold);
}

body.page-id-57270 .spo-enterprises .spo-archiveHead__inner .spo-enterprises__guideGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

body.page-id-57270 .spo-enterprises .spo-archiveHead__inner .spo-enterprises__guideCard {
  padding: 16px;
  border: 1px solid rgba(237, 204, 131, .2);
  border-radius: 16px;
  background: rgba(255, 255, 255, .06);
  color: #fff;
}

body.page-id-57270 .spo-enterprises .spo-archiveHead__inner :is(.spo-enterprises__guideHead, .spo-enterprises__guideText, .spo-enterprises__scope, .spo-enterprises__scope p) {
  color: #fff !important;
}

body.page-id-57270 .spo-enterprises .spo-archiveHead__inner .spo-enterprises__guideText a {
  color: #f5d99a !important;
}

body.page-id-57270 .spo-enterprises .spo-archiveHead__inner .spo-enterprises__guideActions .spo-btn--primary {
  border-color: var(--spo-company-gold);
  background: var(--spo-company-gold);
  color: #15283b;
}

body.page-id-57270 .spo-enterprises .spo-archiveHead__inner .spo-enterprises__scope {
  margin-top: 16px;
  padding: 12px 14px;
  border-top: 1px solid rgba(237, 204, 131, .2);
}

@media (max-width: 680px) {
  body.page-id-57270 .spo-enterprises {
    width: calc(100% - 24px);
  }

  body.page-id-57270 .spo-enterprises .spo-archiveHead__inner {
    padding: 23px 18px !important;
    border-radius: 20px;
  }

  body.page-id-57270 .spo-enterprises .spo-archiveHead__inner .spo-enterprises__guideGrid {
    grid-template-columns: 1fr;
  }
}