/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* Breadcrumbs */
.fusion-breadcrumbs,
.fusion-breadcrumbs a,
.awb-breadcrumb-list li {
  text-transform: uppercase;
}

/* Categorias: esconde as vírgulas e organiza em linha */
.bw-categorias:has(> a[href*="/categoria/"]),
.bw-categorias :has(> a[href*="/categoria/"]) {
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* Cada categoria */
.bw-categorias a[href*="/categoria/"] {
  font-size: 11px;
  line-height: 1.2;
  text-transform: uppercase;
  background-color: var(--awb-color4);
  color: var(--awb-color1) !important;
  padding: 6px 12px 5px 12px;
  border-radius: 6px;
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Hover */
.bw-categorias a[href*="/categoria/"]:hover {
  background-color: var(--awb-color3);
  color: var(--awb-color4) !important;
}

/* Caixa alta para todas as categorias em Post Meta */
.fusion-meta-tb a[href*="/categoria/"],
.fusion-meta-info a[rel="categoria tag"],
a[rel="categoria tag"] {
  text-transform: uppercase;
  text-decoration: none !important;
}

/* Container das tags: esconde as vírgulas e organiza em linha */
.bw-tags :has(> a[rel="tag"]) {
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* Cada tag */
.bw-tags a[rel="tag"] {
  font-size: 13px;
  line-height: 1.4;
  background-color: var(--awb-color3);
  color: var(--awb-color6);
  padding: 2px 12px;
  border-radius: 6px;
  text-decoration: none !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Cloud tag */
.fusion-tagcloud-element a.tag-cloud-link{
	min-height:0 !important;
}

/* Hover */
.bw-tags a[rel="tag"]:hover {
  background-color: var(--awb-color6);
  color: var(--awb-color1);
}

/* Total de artigos publicados */
.bw-total-artigos {
	font-size:12px;
}

/* Secondary Menu sempre aberto no mobile */
@media (max-width: 800px) {
  .fusion-secondary-header .fusion-secondary-menu {
    display: block !important;
    width: 100%;
  }

  /* Esconde o seletor "Go to..." só do Secondary Menu */
  .fusion-secondary-header .fusion-mobile-nav-holder {
    display: none !important;
  }

  /* Centraliza os itens */
  .fusion-secondary-header .fusion-secondary-menu > ul {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
  }

  .fusion-secondary-header .fusion-secondary-menu > ul > li {
    float: none !important;
  }

  .fusion-secondary-header .fusion-secondary-menu > ul > li > a {
    padding: 10px !important;
    font-size: 13px !important;
  }
}

/* Submenus sempre visíveis no menu mobile flyout */
.fusion-flyout-mobile-menu .fusion-mobile-nav-item .sub-menu {
  display: block !important;
  margin-top: 12px;
}

.fusion-flyout-mobile-menu .sub-menu .fusion-mobile-nav-item {
  margin: 0 !important;
}

/* Itens do submenu menores e mais suaves, para diferenciar dos principais */
.fusion-flyout-mobile-menu .sub-menu .fusion-mobile-nav-item a {
  display: block;
  font-size: 13px !important;
  opacity: 0.7;
  padding: 6px 0 !important;
}

/* Só o ícone do Instagram maior no Secondary Menu (demais no tamanho original) */
.fusion-secondary-menu a[href*="instagram"] .fusion-megamenu-icon i {
  font-size: 18px !important;
}

/* Só o ícone do Instagram maior no menu do rodapé (demais no tamanho original) */
.fusion-tb-footer a[href*="instagram"] .awb-menu__i i {
  font-size: 18px !important;
}

/* Centraliza os menus do rodapé só no mobile */
@media (max-width: 640px) {
  .bw-menu-rodape ul.awb-menu__main-ul {
    justify-content: center !important;
  }
}

/* Espaço extra só acima do Secondary Menu (desktop e mobile) */
.fusion-secondary-header {
  padding: 5px 0;
}

/* Zera o padding-right do último item do Secondary Menu */
.fusion-secondary-menu > ul > li:last-child > a {
  padding-right: 0 !important;
}

/* Secondary menu (header): distância ícone-texto igual ao rodapé */
.fusion-secondary-menu .fusion-megamenu-icon {
  width: auto !important;
  margin-right: 6px !important;
}