@import url('/assets/site-base.css?v=20260907-base1');

/* StrategiWeb global palette — screenshot reference 2026-09-07 */
:root{
  --sw-navy:#071A2B;
  --sw-navy-2:#0A2236;
  --sw-navy-3:#102B3D;
  --sw-navy-soft:#162F3F;
  --sw-yellow:#FEDB0D;
  --ink:#071A2B;
  --lime:#FEDB0D;
  --gold:#FEDB0D;
  --blue:#FEDB0D;
  --orange:#FEDB0D;
  --violet:#FEDB0D;
  --pink:#FEDB0D;
}
html,body{background:var(--sw-navy)!important;}
body{background-image:radial-gradient(circle at 76% 5%,rgba(254,219,13,.07),transparent 27rem),radial-gradient(circle at 20% 32%,rgba(254,219,13,.035),transparent 24rem)!important;background-color:var(--sw-navy)!important;}
main,.hero,.franchise-entry,.performance-section,.section:not(.paper),.guide-category:not(.paper),.breadcrumb{background-color:var(--sw-navy)!important;}
.header{background:rgba(7,26,43,.94)!important;border-color:rgba(255,255,255,.12)!important;}
.footer{background:var(--sw-navy)!important;}
.panel{background:linear-gradient(145deg,var(--sw-navy-2),var(--sw-navy-3) 58%,var(--sw-navy))!important;}
.card.accent,.lever-service-card.accent,.creative-card{background:linear-gradient(145deg,var(--sw-navy-2),var(--sw-navy-3))!important;}
.hero-visual:not(.home-command--image),.service-scene{background:radial-gradient(circle at 75% 18%,rgba(254,219,13,.08),transparent 30%),linear-gradient(145deg,var(--sw-navy-3),var(--sw-navy) 68%)!important;}
.editorial-photo{background:var(--sw-navy)!important;}
.home-command{background:linear-gradient(120deg,var(--sw-navy),#0B2234 48%,var(--sw-navy-soft))!important;}
.visual-kicker,.visual-metric,.scene-kicker,.scene-benefit,.listing-card,.gbp-live,.network-stack .scene-chip,.geo-answer,.command-lever,.command-paid .command-lever{background-color:rgba(7,26,43,.82)!important;}
.guide-category:not(.paper) .guide-card,.guide-related a,.network-card,.chart-card,.journey-node,.franchise-grid a,.calendar-day,.browser-mock{background-color:rgba(255,255,255,.035)!important;}
h1 em{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:var(--sw-yellow)!important;}
.button:not(.ghost),.answer{background:var(--sw-yellow)!important;color:#111!important;box-shadow:0 12px 34px rgba(254,219,13,.18)!important;}
.eyebrow i,.scene-kicker i,.visual-kicker i,.browser-top i{background:var(--sw-yellow)!important;box-shadow:0 0 14px rgba(254,219,13,.42)!important;}
.command-score strong,.franchise-grid small,.lever-service-card.accent a,.command-top span,.command-panel--side>span,.command-panel--mini span,.scene-kicker,.gbp-rule small,.city-query em,.ad-arrow,.geo-answer small,.creative-card small,.audience-panel strong,.guide-card-meta,.guide-card strong,.guide-related small,.guide-nav a,.h-bar em,.journey-arrow{color:var(--sw-yellow)!important;}
.bars i,.spark i,.h-bar-track i,.network-track i,.network-meter i,.map-pin,.command-route span{background:var(--sw-yellow)!important;box-shadow:0 0 16px rgba(254,219,13,.16)!important;}
.service-glyph,.command-lever b,.scene-chip b,.city-query b,.governance-card b,.gbp-audit-card b{color:var(--sw-yellow)!important;border-color:rgba(254,219,13,.28)!important;}
.dashboard-hotspot:hover,.dashboard-hotspot:focus-visible{border-color:var(--sw-yellow)!important;box-shadow:0 0 0 2px rgba(254,219,13,.10),0 8px 28px rgba(0,0,0,.28)!important;}
.nav a:hover,.header-phone:hover strong{color:var(--sw-yellow)!important;}
@media(max-width:680px){.header{background:rgba(7,26,43,.98)!important}.mobile-menu-panel{background:rgba(7,26,43,.99)!important}.dashboard-mobile-link{background:linear-gradient(145deg,var(--sw-navy-3),var(--sw-navy))!important}.dashboard-mobile-link span{color:var(--sw-yellow)!important;border-color:rgba(254,219,13,.5)!important}}

/* SW — Pages villes : fond bleu pétrole plus lumineux, sans modifier les 500 HTML */
body:has(.sw-local-differentiated){
  background-color:#0D2A40!important;
  background-image:
    radial-gradient(circle at 82% 8%,rgba(254,219,13,.085),transparent 30rem),
    radial-gradient(circle at 14% 38%,rgba(79,153,196,.10),transparent 28rem),
    linear-gradient(180deg,#0D2A40 0%,#10324A 52%,#0B263A 100%)!important;
}
body:has(.sw-local-differentiated) main,
body:has(.sw-local-differentiated) .hero,
body:has(.sw-local-differentiated) .section:not(.paper),
body:has(.sw-local-differentiated) .breadcrumb{
  background-color:#0D2A40!important;
}
body:has(.sw-local-differentiated) .hero{
  background-image:linear-gradient(135deg,rgba(16,50,74,.98),rgba(13,42,64,.96))!important;
}
body:has(.sw-local-differentiated) .section:not(.paper):nth-of-type(even){
  background-color:#10324A!important;
}
body:has(.sw-local-differentiated) .service-scene{
  background:radial-gradient(circle at 75% 18%,rgba(254,219,13,.10),transparent 30%),linear-gradient(145deg,#163D56,#0D2A40 70%)!important;
}


/* SW — Carrousel d'avis Google */
.sw-reviews{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 12%,rgba(240,198,92,.12),transparent 32rem),
    linear-gradient(180deg,#0b0d0c 0%,#111512 100%);
  color:#f7f8f3;
}
.sw-reviews::after{
  content:"";
  position:absolute;
  inset:auto -8rem -12rem auto;
  width:28rem;
  height:28rem;
  border-radius:50%;
  background:rgba(166,232,91,.055);
  filter:blur(24px);
  pointer-events:none;
}
.sw-reviews .section-inner{position:relative;z-index:1}
.sw-reviews-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:2rem;
  margin-bottom:2rem;
}
.sw-reviews-copy{max-width:760px}
.sw-reviews-copy h2{margin:.45rem 0 .75rem}
.sw-reviews-copy>p:last-child{max-width:660px;color:rgba(247,248,243,.72)}
.sw-google-score{
  flex:0 0 auto;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:.25rem .8rem;
  min-width:180px;
  padding:1rem 1.15rem;
  border:1px solid rgba(244,223,170,.2);
  border-radius:18px;
  background:rgba(255,255,255,.055);
  box-shadow:0 18px 45px rgba(0,0,0,.2);
}
.sw-google-score strong{
  grid-row:1/3;
  font-size:2rem;
  line-height:1;
  color:#fff;
}
.sw-google-score .stars{color:#f0c65c;letter-spacing:.08em;font-size:.92rem}
.sw-google-score small{color:rgba(247,248,243,.66)}
.sw-review-shell{position:relative}
.sw-review-viewport{
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  padding:.25rem .1rem 1.15rem;
}
.sw-review-viewport::-webkit-scrollbar{display:none}
.sw-review-track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 2rem)/3);
  gap:1rem;
}
.sw-review-card{
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
  min-height:250px;
  padding:1.5rem;
  border:1px solid rgba(244,223,170,.16);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  box-shadow:0 20px 48px rgba(0,0,0,.2);
}
.sw-review-card .stars{
  color:#f0c65c;
  letter-spacing:.13em;
  font-size:.92rem;
}
.sw-review-card blockquote{
  margin:1.2rem 0 1.5rem;
  color:#fff;
  font-size:1rem;
  line-height:1.72;
  quotes:none;
}
.sw-review-author{
  display:flex;
  align-items:center;
  gap:.8rem;
  margin-top:auto;
}
.sw-review-avatar{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:50%;
  background:linear-gradient(135deg,#f0c65c,#a6e85b);
  color:#0a0c0b;
  font-weight:800;
}
.sw-review-author strong,.sw-review-author small{display:block}
.sw-review-author small{margin-top:.16rem;color:rgba(247,248,243,.58)}
.sw-review-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-top:.8rem;
}
.sw-review-note{margin:0;color:rgba(247,248,243,.5);font-size:.78rem}
.sw-review-controls{display:flex;gap:.65rem}
.sw-review-arrow{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:1px solid rgba(244,223,170,.22);
  border-radius:50%;
  background:rgba(255,255,255,.055);
  color:#fff;
  font:inherit;
  font-size:1.2rem;
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.sw-review-arrow:hover,.sw-review-arrow:focus-visible{
  border-color:#f0c65c;
  background:rgba(240,198,92,.12);
  transform:translateY(-2px);
}
@media(max-width:900px){
  .sw-reviews-head{align-items:flex-start;flex-direction:column}
  .sw-google-score{min-width:0}
  .sw-review-track{grid-auto-columns:calc((100% - 1rem)/2)}
}
@media(max-width:620px){
  .sw-reviews-head{gap:1.2rem;margin-bottom:1.3rem}
  .sw-review-track{grid-auto-columns:88%}
  .sw-review-card{min-height:235px;padding:1.25rem}
  .sw-review-footer{align-items:flex-start;flex-direction:column}
  .sw-review-controls{align-self:flex-end}
}
