/* ============================================================================
   BOND BIGODI - HOME CLEAN V0.7.1.2
   Escopo: apresentação da Home pública. Zero regras de negócio.
============================================================================ */

@media (max-width:760px){
  /* O logo oficial permanece apenas no header. A arte gigante do hero sai. */
  body.public-site .public-hero .public-hero-art,
  body.public-site .public-hero .bb-hero-art,
  body.public-site .public-hero .bb-hero-emblem,
  body.public-site .public-hero .public-hero-card,
  body.public-site .public-hero .public-hero-trust,
  body.public-site .public-hero .bb-system-sync{
    display:none!important;
  }

  body.public-site .public-hero.bb-hero,
  body.public-site .public-hero{
    min-height:auto!important;
    display:block!important;
    padding:24px 16px 26px!important;
    overflow:hidden!important;
    background:
      linear-gradient(128deg,transparent 0 72%,rgba(219,23,43,.18) 72.4% 74%,transparent 74.4%),
      linear-gradient(132deg,transparent 0 62%,rgba(16,83,220,.13) 62.4% 64%,transparent 64.4%),
      radial-gradient(circle at 92% 18%,rgba(225,25,47,.16),transparent 15rem),
      radial-gradient(circle at 5% 88%,rgba(11,79,218,.17),transparent 16rem),
      linear-gradient(180deg,#060914 0%,#0a0b14 50%,#10070f 100%)!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }

  body.public-site .public-hero.bb-hero::before,
  body.public-site .public-hero.bb-hero::after,
  body.public-site .public-hero::before,
  body.public-site .public-hero::after{
    opacity:.42!important;
    pointer-events:none!important;
  }

  body.public-site .bb-hero-copy.public-hero-copy,
  body.public-site .public-hero-copy{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    position:relative!important;
    z-index:2!important;
  }

  body.public-site .bb-hero .public-eyebrow,
  body.public-site .public-hero .public-eyebrow{
    order:1!important;
    margin:0 0 18px!important;
    font-size:8px!important;
    line-height:1.2!important;
    letter-spacing:.19em!important;
    color:#d9b360!important;
    white-space:normal!important;
  }

  body.public-site .bb-hero .public-eyebrow::before,
  body.public-site .public-hero .public-eyebrow::before{
    width:22px!important;
    height:3px!important;
  }

  body.public-site .bb-hero h1,
  body.public-site .public-hero h1{
    order:2!important;
    width:100%!important;
    max-width:350px!important;
    margin:0!important;
    font-size:clamp(39px,11.35vw,47px)!important;
    line-height:.94!important;
    letter-spacing:-.052em!important;
    text-wrap:balance!important;
    color:#fff!important;
    position:relative!important;
    z-index:3!important;
    text-shadow:0 4px 18px rgba(0,0,0,.24)!important;
  }

  body.public-site .bb-hero-subtitle,
  body.public-site .public-hero-copy>p:not(.public-eyebrow){
    order:3!important;
    max-width:340px!important;
    margin:14px 0 0!important;
    font-size:14px!important;
    line-height:1.48!important;
    color:rgba(247,247,248,.72)!important;
    font-weight:650!important;
    position:relative!important;
    z-index:3!important;
  }

  body.public-site .bb-hero .public-hero-actions,
  body.public-site .public-hero-actions{
    order:4!important;
    width:100%!important;
    margin:20px 0 0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    position:relative!important;
    z-index:4!important;
  }

  body.public-site .bb-hero .public-button,
  body.public-site .public-hero .public-button{
    width:100%!important;
    min-height:52px!important;
    border-radius:14px!important;
    margin:0!important;
    font-size:13px!important;
    font-weight:900!important;
  }

  /* CTA principal com profundidade, sem inventar informação. */
  body.public-site .public-hero-actions .public-button:first-child{
    background:#0D315A;
    border:1px solid #1D5797!important;
    box-shadow:none;
  }

  body.public-site .public-hero-actions .public-button:last-child{
    background:#0D315A;
    border:1px solid #1D5797!important;
    box-shadow:none;
  }

  /* A próxima seção ganha uma separação clara da primeira dobra. */
  body.public-site .public-about{
    border-top:1px solid rgba(255,255,255,.07)!important;
    padding-top:26px!important;
  }
}

/* Desktop: preserva a composição em duas colunas, mas impede o emblema de
   invadir a área de texto em qualquer breakpoint intermediário. */
@media (min-width:761px){
  body.public-site .public-hero-copy{
    position:relative!important;
    z-index:3!important;
  }
  body.public-site .public-hero-art{
    position:relative!important;
    z-index:1!important;
  }
}

/* BOND_BIGODI_PUBLIC_FINAL_V0_7_1_9_0_CSS_START */
/* ============================================================
 BOND BIGODI - PUBLIC FINAL / FOOTER + CONTATO V0.7.1.9.0
 Escopo: somente site público
 - elimina marrom/bege/dourado visual
 - CTAs azul-marinho + branco
 - rodapé premium responsivo
 - menu fixo global permanece no mobile e some no desktop
 ============================================================ */

body.public-site{
  --bb-navy-950:#030914;
  --bb-navy-900:#061225;
  --bb-navy-850:#081a32;
  --bb-navy-800:#0b2344;
  --bb-navy-700:#12345f;
  --bb-white:#ffffff;
  --bb-silver:#d8e1ee;
  --bb-muted:#9baabc;
  --bb-line:rgba(255,255,255,.11);

  /* Neutraliza a paleta antiga marrom/dourada no escopo público,
     inclusive quando as variáveis foram publicadas inline no :root. */
  --rpmax-tenant-primary:#0b2344 !important;
  --rpmax-tenant-secondary:#d8e1ee !important;
  --rpmax-tenant-accent:#12345f !important;
  --rpmax-tenant-background:#030914 !important;
  --rpmax-tenant-text:#ffffff !important;

  --rpmax-site-primary:#0b2344 !important;
  --rpmax-site-secondary:#d8e1ee !important;
  --rpmax-site-accent:#12345f !important;
  --rpmax-site-background:#030914 !important;
  --rpmax-site-text:#ffffff !important;
}

/* Texto/acento que antes aparecia dourado ou marrom */
body.public-site .public-eyebrow,
body.public-site .public-service-card small,
body.public-site .public-footer a,
body.public-site .store-product-card small,
body.public-site [class*="store"] [class*="eyebrow"]{
  color:var(--bb-silver) !important;
}

/* Blocos marrons/bege viram azul-marinho limpo */
body.public-site .public-store-callout,
body.public-site .public-team-section,
body.public-site .public-booking-disabled,
body.public-site .public-booking-summary,
body.public-site .public-contact-list > span,
body.public-site .store-catalog-hero,
body.public-site .store-catalog-summary,
body.public-site .store-catalog-controls,
body.public-site .store-catalog-foundation article,
body.public-site [class*="store-callout"],
body.public-site [class*="store-hero"]{
  background:
    radial-gradient(circle at 15% 15%,rgba(31,86,160,.12),transparent 22rem),
    linear-gradient(145deg,var(--bb-navy-900),var(--bb-navy-850)) !important;
  border-color:var(--bb-line) !important;
  color:#fff !important;
  box-shadow:none !important;
}

body.public-site .public-store-callout p,
body.public-site .public-team-section p,
body.public-site .public-contact-list small,
body.public-site .store-catalog-hero p,
body.public-site .store-catalog-summary span{
  color:var(--bb-muted) !important;
}

/* Nada de faixa marrom/dourada decorativa */
body.public-site .public-store-callout::before,
body.public-site .public-store-callout::after,
body.public-site .public-footer::before,
body.public-site .public-footer::after,
body.public-site [class*="store-callout"]::before,
body.public-site [class*="store-callout"]::after{
  content:none !important;
  display:none !important;
}

/* CTAs: azul-marinho + branco, sem gradiente azul/vermelho */
body.public-site .public-button,
body.public-site a.public-button,
body.public-site button.public-button,
body.public-site .public-button.gold,
body.public-site .public-button.light,
body.public-site .public-nav a.account,
body.public-site .public-service-card button,
body.public-site .store-product-card button,
body.public-site .store-product-card a,
body.public-site [class*="product-card"] button,
body.public-site [class*="product-card"] a[class*="button"],
body.public-site [class*="product-card"] a[href*="login"],
body.public-site [class*="product-card"] a[href*="carrinho"],
body.public-site [class*="product-card"] a[href*="loja"],
body.public-site [class*="buy"]{
  background:#0D315A;
  color:#fff !important;
  border:1px solid #1D5797 !important;
  box-shadow:none;
  text-shadow:none !important;
}

body.public-site .public-button:hover,
body.public-site a.public-button:hover,
body.public-site button.public-button:hover,
body.public-site .public-nav a.account:hover,
body.public-site .public-service-card button:hover,
body.public-site .store-product-card button:hover{
  filter:brightness(1.08) !important;
  transform:translateY(-1px);
}

/* Contato */
body.public-site .public-contact-list.bb-public-contact-list{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

body.public-site .public-contact-list.bb-public-contact-list > span{
  min-height:96px;
  padding:18px !important;
  border:1px solid var(--bb-line) !important;
  border-radius:16px !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:6px;
}

body.public-site .public-contact-list.bb-public-contact-list strong,
body.public-site .public-contact-list.bb-public-contact-list a{
  color:#fff !important;
  text-decoration:none;
  overflow-wrap:anywhere;
}

/* NOVO RODAPÉ */
body.public-site .public-footer.bb-public-footer{
  position:relative;
  display:block !important;
  padding:0 !important;
  margin:0 !important;
  background:
    radial-gradient(circle at 8% 16%,rgba(25,82,155,.15),transparent 26rem),
    linear-gradient(145deg,var(--bb-navy-950),var(--bb-navy-900) 58%,#07182d) !important;
  border-top:1px solid var(--bb-line) !important;
  color:#fff !important;
}

.bb-public-footer__grid{
  width:min(1460px,calc(100% - 48px));
  margin:0 auto;
  padding:34px 0 26px;
  display:grid;
  grid-template-columns:minmax(260px,1.15fr) minmax(300px,1fr) minmax(220px,.75fr);
  gap:28px;
  align-items:start;
}

.bb-public-footer__brand strong{
  display:block;
  color:#fff;
  font-size:22px;
  line-height:1.2;
  margin-bottom:9px;
}

.bb-public-footer__brand p{
  margin:0 0 16px;
  color:var(--bb-muted);
  line-height:1.65;
  max-width:470px;
}

.bb-public-footer__contact{
  display:grid;
  gap:8px;
}

.bb-public-footer__contact a,
.bb-public-footer__contact span{
  color:#fff !important;
  text-decoration:none;
  font-size:14px;
}

.bb-public-footer__card{
  padding:18px;
  border:1px solid var(--bb-line);
  border-radius:18px;
  background:rgba(255,255,255,.035);
}

.bb-public-footer__card h3{
  margin:0 0 13px;
  color:#fff;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.09em;
}

.bb-public-footer__hours{
  display:grid;
  gap:9px;
}

.bb-public-footer__hours-row{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.bb-public-footer__hours-row:last-child{
  border-bottom:0;
  padding-bottom:0;
}

.bb-public-footer__hours-row span{
  color:var(--bb-muted);
  font-size:13px;
}

.bb-public-footer__hours-row strong{
  color:#fff;
  font-size:13px;
  text-align:right;
}

.bb-public-footer__links{
  display:grid;
  gap:9px;
}

.bb-public-footer__links a{
  min-height:44px;
  padding:0 13px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.09);
  color:#fff !important;
  text-decoration:none;
  font-weight:800;
  font-size:13px;
}

.bb-public-footer__links a:hover{
  background:rgba(255,255,255,.075);
}

.bb-public-footer__bottom{
  width:min(1460px,calc(100% - 48px));
  margin:0 auto;
  padding:18px 0 22px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.bb-public-footer__bottom small{
  color:var(--bb-muted);
}

.bb-public-footer__admin{
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.035);
  color:#fff !important;
  text-decoration:none;
  opacity:.72;
}

.bb-public-footer__admin:hover{
  opacity:1;
  background:rgba(255,255,255,.07);
}

.bb-public-footer__admin svg{
  width:17px;
  height:17px;
  display:block;
}

/* O menu inferior global é recurso mobile.
   No desktop ele não deve aparecer cru depois do rodapé. */
@media (min-width:761px){
  body.public-site nav:has([data-bbf-nav]),
  body.public-site aside:has(.bbf-partial-more-link),
  body.public-site [data-bbf-backdrop],
  body.public-site .bb-fixed-partial-backdrop,
  body.public-site [class*="bb-fixed-partial"],
  body.public-site [class*="bbf-partial-more"]{
    display:none !important;
  }
}

@media (max-width:1050px){
  body.public-site .public-contact-list.bb-public-contact-list{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .bb-public-footer__grid{
    grid-template-columns:1fr 1fr;
  }

  .bb-public-footer__brand{
    grid-column:1/-1;
  }
}

@media (max-width:760px){
  body.public-site .public-contact-list.bb-public-contact-list{
    grid-template-columns:1fr !important;
  }

  .bb-public-footer__grid{
    width:calc(100% - 32px);
    grid-template-columns:1fr;
    gap:16px;
    padding-top:24px;
  }

  .bb-public-footer__brand{
    grid-column:auto;
  }

  .bb-public-footer__bottom{
    width:calc(100% - 32px);
  }

  .bb-public-footer__hours-row{
    align-items:flex-start;
  }
}
/* BOND_BIGODI_PUBLIC_FINAL_V0_7_1_9_0_CSS_END */

/* BOND_BIGODI_PUBLIC_FOOTER_PREMIUM_V0_7_1_9_1_START */
/* Hotfix:
   - remove card "Acessos rápidos"
   - esconder qualquer vazamento abaixo do footer no DESKTOP
   - deixar o footer mais premium e alinhado à Bond Bigodi
*/

body.public-site .public-contact-list.bb-public-contact-list{
  gap:14px !important;
}

body.public-site .public-contact-list.bb-public-contact-list > span{
  background:
    radial-gradient(circle at 18% 18%,rgba(22,82,165,.15),transparent 14rem),
    linear-gradient(145deg,rgba(10,27,52,.92),rgba(8,21,42,.96)) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.18) !important;
}

body.public-site .public-contact-list.bb-public-contact-list small{
  color:#97a8bf !important;
  font-size:13px !important;
}

body.public-site .public-contact-list.bb-public-contact-list strong,
body.public-site .public-contact-list.bb-public-contact-list a{
  color:#fff !important;
  font-size:16px !important;
  line-height:1.4 !important;
}

body.public-site .public-footer.bb-public-footer{
  background:
    radial-gradient(circle at 8% 12%,rgba(31,90,176,.16),transparent 24rem),
    radial-gradient(circle at 88% 84%,rgba(147,8,22,.10),transparent 28rem),
    linear-gradient(145deg,#020913,#061225 58%,#08172b) !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
}

body.public-site .bb-public-footer__grid{
  width:min(1460px,calc(100% - 64px)) !important;
  grid-template-columns:minmax(330px,1.12fr) minmax(360px,.88fr) !important;
  gap:34px !important;
  padding:40px 0 30px !important;
}

body.public-site .bb-public-footer__brand strong{
  font-size:20px !important;
  letter-spacing:-.01em;
}

body.public-site .bb-public-footer__brand p{
  max-width:520px;
  color:#9aabbe !important;
  font-size:15px !important;
}

body.public-site .bb-public-footer__contact{
  gap:10px !important;
  margin-top:18px !important;
}

body.public-site .bb-public-footer__contact a,
body.public-site .bb-public-footer__contact span{
  width:fit-content;
  max-width:100%;
  padding:10px 14px;
  border-radius:12px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:#fff !important;
  font-weight:700;
}

body.public-site .bb-public-footer__card{
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:20px !important;
  box-shadow:0 18px 36px rgba(0,0,0,.15);
  padding:20px 20px 18px !important;
}

body.public-site .bb-public-footer__card h3{
  margin-bottom:14px !important;
  font-size:12px !important;
  letter-spacing:.12em !important;
  color:#fff !important;
}

body.public-site .bb-public-footer__hours{
  gap:12px !important;
}

body.public-site .bb-public-footer__hours-row{
  min-height:34px;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
}

body.public-site .bb-public-footer__hours-row span{
  color:#9aabbe !important;
  font-size:15px !important;
}

body.public-site .bb-public-footer__hours-row strong{
  color:#fff !important;
  font-size:15px !important;
  font-weight:800 !important;
}

/* Remove a área de acessos rápidos */
body.public-site .bb-public-footer__links,
body.public-site .bb-public-footer__links a,
body.public-site .bb-public-footer [aria-label="Acessos rápidos"]{
  display:none !important;
}

/* Bottom footer */
body.public-site .bb-public-footer__bottom{
  width:min(1460px,calc(100% - 64px)) !important;
  padding:18px 0 22px !important;
}

body.public-site .bb-public-footer__bottom small{
  color:#95a5b8 !important;
}

body.public-site .bb-public-footer__admin{
  width:40px !important;
  height:40px !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.09) !important;
}

/* Este é o ponto mais importante:
   tudo o que vier DEPOIS do footer premium some no DESKTOP.
   Assim o menu/cruft vazado não aparece mais.
*/
@media (min-width:761px){
  body.public-site .bb-public-footer ~ *{
    display:none !important;
  }
}

@media (max-width:1050px){
  body.public-site .bb-public-footer__grid{
    width:calc(100% - 40px) !important;
    grid-template-columns:1fr !important;
    gap:20px !important;
  }

  body.public-site .bb-public-footer__bottom{
    width:calc(100% - 40px) !important;
  }
}

@media (max-width:760px){
  body.public-site .bb-public-footer__grid{
    width:calc(100% - 28px) !important;
    padding-top:26px !important;
    padding-bottom:18px !important;
  }

  body.public-site .bb-public-footer__bottom{
    width:calc(100% - 28px) !important;
  }

  body.public-site .bb-public-footer__contact a,
  body.public-site .bb-public-footer__contact span{
    width:100%;
  }
}
/* BOND_BIGODI_PUBLIC_FOOTER_PREMIUM_V0_7_1_9_1_END */