/* ============================================================
   BLOOM SKIN — habillage Bloom appliqué aux pages Skala
   (nav globale, footer, recoloration — sans casser les layouts)
   ============================================================ */
@font-face{font-family:'Fraunces';src:url('fonts/fraunces-600.woff2') format('woff2');font-weight:300 900;font-style:normal;font-display:swap;}
@font-face{font-family:'Outfit';src:url('fonts/outfit-var.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;}
:root{
  --butter:#F9EFA8;--cream:#FBF6E3;--cream-deep:#F0E0A0;
  --cherry:#D13A4B;--cherry-deep:#B02338;--gold:#D0B060;
  --choco:#5C3A20;--white:#FFFDF8;
}

/* ---------- NAV BLOOM GLOBALE ---------- */
nav#bnav{position:sticky;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:8px 5vw;background:rgba(251,246,227,.95);backdrop-filter:blur(12px);box-shadow:0 2px 24px rgba(92,58,32,.10);font-family:'Outfit',sans-serif;}
nav#bnav .brand{display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;}
nav#bnav .brand img{width:40px;height:40px;border-radius:50%;box-shadow:0 3px 12px rgba(92,58,32,.25);transition:transform .5s;}
nav#bnav .brand:hover img{transform:rotate(-12deg) scale(1.08);}
nav#bnav .brand span{font-family:'Fraunces',serif;font-weight:900;font-size:.6rem;color:var(--cherry-deep);letter-spacing:2.6px;text-indent:2.6px;}
nav#bnav ul{display:flex;gap:24px;list-style:none;align-items:center;margin:0;padding:0;}
nav#bnav ul a{text-decoration:none;color:var(--choco);font-weight:600;font-size:.95rem;position:relative;white-space:nowrap;}
nav#bnav ul>li>a:not(.cta)::after{content:'';position:absolute;left:0;bottom:-5px;width:0;height:2.5px;border-radius:2px;background:var(--cherry);transition:width .3s;}
nav#bnav ul>li>a:not(.cta):hover::after{width:100%;}
nav#bnav .cta{background:var(--cherry-deep);color:var(--white) !important;padding:10px 22px;border-radius:999px;box-shadow:0 4px 14px rgba(209,58,75,.35);transition:transform .25s;white-space:nowrap;}
nav#bnav .cta:hover{transform:translateY(-2px);}
nav#bnav .iconlink{font-size:1.3rem;display:inline-flex;align-items:center;transition:transform .2s;}
nav#bnav .iconlink:hover{transform:translateY(-2px);}
nav#bnav ul>li>a.iconlink::after{display:none;}
nav#bnav .iconlink .i-wa{color:#25D366;}
nav#bnav .iconlink .i-ig{color:#E1306C;}
nav#bnav .has-sub{position:relative;}
/* pont invisible : garde le survol actif entre le lien et le sous-menu */
nav#bnav .has-sub::before{content:'';position:absolute;top:100%;left:-26px;right:-26px;height:18px;}
nav#bnav .sub{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,8px);background:var(--white);border-radius:16px;box-shadow:0 12px 34px rgba(92,58,32,.18);padding:10px;display:flex;flex-direction:column;gap:2px;min-width:220px;opacity:0;pointer-events:none;transition:opacity .22s ease .28s, transform .22s ease .28s;list-style:none;}
nav#bnav .has-sub:hover .sub, nav#bnav .has-sub:focus-within .sub{opacity:1;transform:translate(-50%,0);pointer-events:auto;transition-delay:0s;}
nav#bnav .sub a{display:block;padding:10px 16px;border-radius:10px;font-size:.9rem;}
nav#bnav .sub a:hover{background:var(--cream);color:var(--cherry);}
nav#bnav .sub a::after{display:none;}
#bburger{display:none;background:none;border:none;cursor:pointer;font-size:1.7rem;color:var(--cherry);line-height:1;padding:6px;}
#bburger::before{content:'☰';}
#bburger.x::before{content:'✕';}

/* ---------- SOUS-NAV SKALA (bande) ---------- */
.skala-subnav{position:sticky;top:68px;z-index:999;background:var(--cherry-deep);padding:9px 5vw;display:flex;gap:22px;overflow-x:auto;font-family:'Outfit',sans-serif;box-shadow:0 4px 18px rgba(176,35,56,.25);}
.skala-subnav a{color:var(--butter);text-decoration:none;font-weight:700;font-size:.85rem;letter-spacing:.6px;white-space:nowrap;opacity:.92;transition:opacity .2s;}
.skala-subnav a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px;}
.skala-subnav .lbl{color:var(--white);font-family:'Fraunces',serif;font-weight:900;font-size:.9rem;white-space:nowrap;}

/* ---------- FOOTER BLOOM ---------- */
footer.bloom-footer{background:var(--choco);color:var(--cream);padding:60px 5vw 30px;position:relative;overflow:hidden;font-family:'Outfit',sans-serif;}
footer.bloom-footer .bigbloom{font-family:'Fraunces',serif;font-weight:900;font-size:clamp(3rem,11vw,8rem);color:var(--butter);opacity:.13;white-space:nowrap;line-height:.9;user-select:none;}
footer.bloom-footer .cols{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-top:32px;}
footer.bloom-footer h4{font-family:'Fraunces',serif;font-weight:900;color:var(--butter);font-size:1.15rem;margin-bottom:12px;}
footer.bloom-footer a{color:var(--cream);text-decoration:none;display:block;margin-bottom:8px;font-size:.95rem;transition:color .25s, transform .25s;}
footer.bloom-footer a:hover{color:var(--butter);transform:translateX(4px);}
footer.bloom-footer .base{margin-top:38px;padding-top:18px;border-top:1px solid rgba(249,239,168,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;font-size:.88rem;opacity:.92;}
footer.bloom-footer .base a{display:inline;margin:0;color:var(--butter);font-weight:700;text-decoration:underline;text-underline-offset:3px;}
footer.bloom-footer .base a:hover{color:var(--white);transform:none;}
footer.bloom-footer .heart{display:inline-block;color:var(--cherry);animation:bheart 1.6s ease-in-out infinite;transform-origin:center;}
@keyframes bheart{0%,100%{transform:scale(1);color:var(--cherry);}12%{transform:scale(1.35);color:#E85D6E;}24%{transform:scale(1);}36%{transform:scale(1.28);color:var(--butter);}48%{transform:scale(1);color:var(--cherry);}}

/* ---------- WHATSAPP FLOTTANT ---------- */
#wa-float{position:fixed;bottom:26px;right:26px;z-index:900;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 26px rgba(0,0,0,.3);transition:transform .3s;animation:bpulse 2.6s infinite;}
#wa-float:hover{transform:scale(1.12);}
#wa-float svg{width:31px;height:31px;fill:#fff;}
@keyframes bpulse{0%,100%{box-shadow:0 8px 26px rgba(0,0,0,.3),0 0 0 0 rgba(37,211,102,.5);}50%{box-shadow:0 8px 26px rgba(0,0,0,.3),0 0 0 16px rgba(37,211,102,0);}}

/* ---------- RECOLORATION SKALA → CHARTE BLOOM ---------- */
body{background:var(--cream) !important;}
.titulo-secao{color:var(--cherry-deep) !important;}
.sub-titulo-secao{color:var(--choco) !important;}
.botao{border-radius:999px !important;font-weight:700 !important;}
.botao.verde-1, .botao.laranja-1, .botao.lilaz-1{background:var(--cherry-deep) !important;color:var(--white) !important;box-shadow:0 5px 16px rgba(209,58,75,.35);}
.botao.verde-1:hover, .botao.laranja-1:hover, .botao.lilaz-1:hover{background:var(--cherry-deep) !important;color:var(--white) !important;}
.f-black{color:var(--white) !important;}
#linhas-index .swiper-slide strong, #tipos-index .texto{color:var(--choco) !important;}
.titulo-contato, .sub-titulo-contato{color:var(--cherry-deep) !important;}
a{-webkit-tap-highlight-color:rgba(209,58,75,.2);}
#detalhe-produto .categoria{color:var(--cherry-deep) !important;}
#detalhe-produto .opcoes .link.active, #detalhe-produto .opcoes .link:hover{color:var(--cherry) !important;border-color:var(--cherry) !important;}
.swiper-button-next,.swiper-button-prev{color:var(--cherry) !important;}
.swiper-scrollbar-drag{background:var(--cherry) !important;}

/* responsive nav */
@media(max-width:860px){
  /* même correctif que bloom.css : backdrop-filter emprisonnerait le menu plein écran */
  nav#bnav{backdrop-filter:none;background:rgba(251,246,227,.985);}
  nav#bnav ul{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--butter);flex-direction:column;justify-content:center;gap:28px;transform:translateY(-102%);transition:transform .45s cubic-bezier(.22,1,.36,1);}
  nav#bnav ul.open{transform:none;}
  nav#bnav ul a{font-size:1.2rem;}
  nav#bnav .sub{position:static;transform:none;opacity:1;pointer-events:auto;box-shadow:none;background:transparent;min-width:0;}
  nav#bnav .sub a{text-align:center;font-size:.95rem;opacity:.8;}
  #bburger{display:block;position:relative;z-index:1001;}
  .skala-subnav{top:64px;}
}

/* ---- espace avant le footer (pages Skala : le bouton « plus de produits » collait/était caché) ---- */
#area-botao{margin:26px 0 12px;}
section:has(+ footer.bloom-footer){padding-bottom:60px;}
footer.bloom-footer{margin-top:24px;}
/* repli navigateurs sans :has() */
#categoria-interna,.listagem-produtos,#a-skala-interna{padding-bottom:56px;}