/* Fond studio, barre façon appli et section Instagram */
@media not all and (prefers-color-scheme:dark){
  :root{--fond:#efe6dc;--studio-1:#e6dbcf;--studio-2:#f4ede5;--studio-lumiere:#fdf9f4}
  html{background:#ece2d7}
  body{background:
    radial-gradient(120% 60% at 50% -8%,var(--studio-lumiere) 0%,rgba(253,249,244,0) 58%) no-repeat,
    radial-gradient(70% 40% at 0% 35%,rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 70%) no-repeat,
    radial-gradient(70% 40% at 100% 65%,rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 70%) no-repeat,
    linear-gradient(180deg,var(--studio-1) 0%,var(--fond) 22%,var(--studio-2) 100%)}
}

/* ---------- Barre du bas ---------- */
.ab{display:none}
@media (max-width:760px){
  body.ab-ok #barre{display:none!important}
  body.ab-ok{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))}
  body.ab-ok .panier-flottant{bottom:calc(100px + env(safe-area-inset-bottom,0px))}
  .ab{display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(255,250,243,.95);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:2px solid #000;border-radius:26px 26px 0 0;padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);box-shadow:0 -8px 26px rgba(70,45,20,.12);font-family:'Figtree',system-ui,sans-serif}
  .ab nav{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;height:68px;max-width:520px;margin:0 auto}
  .ab a,.ab button{appearance:none;border:0;background:none;display:grid;justify-items:center;gap:3px;padding:0 0 11px;font:700 11.5px/1.1 'Figtree',system-ui,sans-serif;color:#6b6157;text-decoration:none;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent}
  .ab svg{width:24px;height:24px}
  .ab .actif{color:#000}
  .ab .actif::after{content:"";position:absolute;bottom:3px;width:5px;height:5px;border-radius:50%;background:#000}
  .ab .ab-rdv{padding-bottom:10px}
  .ab .ab-rdv::after{display:none}
  .ab-med{position:relative;width:78px;height:78px;margin-top:-32px;border-radius:50%;background:var(--jaune,#FCC85A);border:2.5px solid #000;box-shadow:0 5px 0 #000;display:grid;place-items:center;transition:transform .15s}
  .ab-rdv:active .ab-med{transform:translateY(3px);box-shadow:0 2px 0 #000}
  .ab-med img{width:36px;height:auto;position:relative;z-index:1}
  .ab .ab-anneau{position:absolute;inset:0;width:100%;height:100%;animation:ab-tourne 16s linear infinite}
  .ab-rdv span{color:#000}
  @keyframes ab-tourne{to{transform:rotate(360deg)}}
}
@media (max-width:760px) and (prefers-color-scheme:dark){
  .ab{background:rgba(20,17,13,.94);border-top-color:#FFF6E0}
  .ab a,.ab button{color:#C9BFAE}
  .ab .actif,.ab .ab-rdv span{color:#FFF6E0}
  .ab .actif::after{background:#FFF6E0}
}
@media (prefers-reduced-motion:reduce){.ab-anneau{animation:none}}

/* ---------- Instagram ---------- */
.insta .insta-carte{background:var(--carte,#FFF8E6);border:2px solid var(--encre,#000);border-radius:30px;box-shadow:0 10px 0 var(--jaune,#FCC85A);padding:20px;max-width:920px}
.insta-profil{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.insta-avatar{flex:0 0 64px;height:64px;border-radius:50%;padding:3px;background:conic-gradient(from 210deg,#FCC85A,#E9A82E,#d6457a,#8a3ab9,#FCC85A)}
.insta-avatar span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:#1d1d1f;border:2px solid var(--carte,#FFF8E6)}
.insta-avatar img{width:62%;height:auto}
.insta-qui{flex:1;min-width:150px;line-height:1.25}
.insta-qui b{display:block;font-size:18px;color:var(--texte,#000)}
.insta-qui small{color:var(--texte-doux,#5C5650);font-size:14px;font-weight:600}
.insta-suivre{display:inline-flex;align-items:center;gap:8px;background:var(--encre,#000);color:var(--jaune,#FCC85A);border-radius:999px;padding:11px 18px;font:800 15px 'Figtree',system-ui,sans-serif;text-decoration:none;border:2px solid var(--encre,#000)}
.insta-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border-radius:18px;overflow:hidden}
.insta-tuile{position:relative;display:block;aspect-ratio:1;background:#e9dfd3;overflow:hidden}
.insta-tuile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.insta-tuile:hover img{transform:scale(1.06)}
.insta-tuile .insta-leg{position:absolute;inset:auto 0 0;padding:28px 12px 10px;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff;font-size:13px;font-weight:600;line-height:1.35;opacity:0;transition:opacity .25s;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.insta-tuile:hover .insta-leg,.insta-tuile:focus-visible .insta-leg{opacity:1}
.insta-tuile .insta-type{position:absolute;top:8px;right:8px;width:22px;height:22px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
.insta-tuile.vide{animation:insta-pulse 1.4s ease-in-out infinite}
@keyframes insta-pulse{50%{opacity:.6}}
.insta-pied{margin-top:14px;text-align:center;font-size:14px;color:var(--texte-doux,#5C5650);font-weight:600}
@media (max-width:760px){.insta .insta-carte{padding:14px;border-radius:24px}.insta-grille{gap:3px;border-radius:14px}.insta-avatar{flex-basis:54px;height:54px}.insta-suivre{width:100%;justify-content:center}}
@media (prefers-reduced-motion:reduce){.insta-tuile img{transition:none}.insta-tuile.vide{animation:none}}