/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Oct 01 2026 | 23:27:35 */
/* ==========================================================
   Bella e Fashion — Rodada 3: cabeçalho, produto e rodapé
   ========================================================== */

/* ---------- Desktop: menu em uma linha ---------- */
@media (min-width: 992px) {
  /* Campo de busca dentro do menu (a lupa do cabeçalho continua) */
  .main-navigation .menu-item-13840 { display: none !important; }
  .main-navigation ul.nav-menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
  }
  .main-navigation ul.nav-menu > li { margin-right: 14px !important; flex: 0 0 auto; }
  .main-navigation ul.nav-menu > li:last-child { margin-right: 0 !important; }

  /* Cabeçalho fixo (ao rolar): logo menor e menu mais justo */
  .fixed-header .site-branding { flex: 0 0 auto; max-width: 160px; }
  .fixed-header .site-branding img,
  .fixed-header .custom-logo { max-width: 140px !important; width: 140px !important; height: auto !important; }
  .fixed-header .main-navigation ul.nav-menu > li { margin-right: 10px !important; }
  .fixed-header .main-navigation ul.nav-menu > li > a { font-size: 11px !important; letter-spacing: 0 !important; }
}
@media (min-width: 992px) and (max-width: 1279px) {
  .main-navigation ul.nav-menu > li { margin-right: 10px !important; }
  .main-navigation ul.nav-menu > li > a { font-size: 11px !important; letter-spacing: 0 !important; }
}

/* ---------- Celular: cabeçalho compacto (~65px) ---------- */
@media (max-width: 991px) {
  /* Barra preta "TOP MENU" */
  .site-header .top-header { display: none !important; }

  #masthead { position: relative; }
  #masthead .mid-header .container {
    display: flex !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }
  #masthead .mid-header .site-branding {
    width: auto !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    display: flex !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }
  #masthead .mid-header .site-branding > a { margin: 0 !important; display: block; }
  #masthead .mid-header .site-branding img {
    height: 48px !important;
    max-height: 48px !important;
    width: auto !important;
  }
  /* Ícones (busca, conta, carrinho, menu) na mesma linha do logo */
  #masthead .bottom-header {
    position: absolute !important;
    top: 0; right: 0; left: auto;
    width: auto !important;
    height: 64px;
    display: flex !important;
    align-items: center;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    z-index: 1000; /* menu aberto fica acima das bolinhas do slider */
  }
  #masthead .bottom-header .header-icons { padding: 0 !important; }

  /* Miniaturas da galeria do produto cabendo na tela */
  .woocommerce-product-gallery .flex-control-thumbs {
    width: 100% !important;
    margin: 8px 0 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
  }
  .woocommerce-product-gallery .flex-control-thumbs li {
    width: auto !important;
    margin: 0 !important;
    float: none !important;
  }
}

/* ---------- Página de produto ---------- */
/* Remove o título "Loja Bella e Fashion" (o nome do produto já aparece) */
.single-product .page-head { display: none !important; }
/* Foto e informações alinhadas pelo topo */
.single-product .product-detail-wrapper { align-items: flex-start !important; }
/* Descrição e recomendados na largura total (coluna lateral estava vazia) */
.single-product div.product > .row > .col-lg-8:has(> .woocommerce-tabs) {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
.single-product div.product > .row > .right-sidebar.col-lg-4 { display: none !important; }
/* "You May Also Like" em português */
section.related.products > h2 { font-size: 0 !important; }
section.related.products > h2::before {
  content: "Você também pode gostar";
  font-size: 28px;
}

/* ---------- Rodapé com o nome da marca ---------- */
.site-info { font-size: 0 !important; }
.site-info a { display: none !important; }
.site-info::before {
  content: "© Bella e Fashion. Todos os direitos reservados.";
  font-size: 14px;
}

/* ---------- Carrinho do cabeçalho: valor centralizado com o ícone ---------- */
.header-cart a.icon-cart { display: inline-flex !important; align-items: center !important; gap: 12px; }
.header-cart a.icon-cart .header-svg-icon { display: inline-flex; align-items: center; }
.header-cart .amount-cart { vertical-align: middle !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; }

/* ---------- Ícones do cabeçalho alinhados (busca, conta, carrinho) ---------- */
.header-icons > .header-search-wrap,
.header-icons > .header-my-account,
.header-icons > .header-cart {
  display: flex !important;
  align-items: center !important;
  height: 26px !important;
  line-height: 1 !important;
}
.header-icons .header-cart .header-cart-block,
.header-icons .header-cart .header-cart-inner {
  display: flex !important;
  align-items: center !important;
  height: 26px;
}
.header-icons .header-cart a.icon-cart { height: 26px; }
.header-icons .search-icon,
.header-icons .header-login,
.header-icons .header-login a {
  display: flex !important;
  align-items: center !important;
  line-height: 1 !important;
}
/* Mesmo alinhamento no cabeçalho fixo (ao rolar) */
.fixed-header .header-right > .header-search-wrap,
.fixed-header .woo-header-icon > .header-my-account,
.fixed-header .woo-header-icon > .header-cart {
  display: flex !important;
  align-items: center !important;
  height: 26px !important;
  line-height: 1 !important;
}
.fixed-header .fixed-search-icon { display: flex !important; align-items: center !important; }
.fixed-header .header-cart .header-cart-block,
.fixed-header .header-cart .header-cart-inner {
  display: flex !important;
  align-items: center !important;
  height: 26px;
}
@media (min-width: 992px) {
  .fixed-header .woo-header-icon { display: flex !important; align-items: center !important; gap: 14px; }
  .fixed-header .woo-header-icon > * { margin: 0 !important; }
  .fixed-header .header-right { gap: 14px; }
  .fixed-header .header-right > .header-search-wrap { margin: 0 !important; }
  .fixed-header .header-right-wrap { margin-left: 14px !important; }
  .fixed-header .main-navigation ul.nav-menu > li { margin-right: 8px !important; }
}