/**
 * FIX ÍCONES - Remove ALL font icon dependencies (Font Awesome, Feather, Magento)
 * 100% SVG inline - nunca mais quadrado (□)
 * Auditoria: AUDITORIA-ICONES.md
 */

/* ========== GARANTIA GLOBAL: zero ? (nenhum ícone por fonte) ========== */
.fa, .fas, .far, .fal, .fab, .fad,
[class^="fa-"], [class*=" fa-"] {
  font-family: inherit !important;
}
.requisition-list.wishlist.split.button {
  font-family: inherit !important;
}
[class*="feather"] {
  font-family: inherit !important;
}
[class*="feather"]::before,
[class*="feather"]::after {
  content: none !important;
  display: none !important;
}
.fa::before, .fa::after,
.fas::before, .fas::after,
.far::before, .far::after,
.fal::before, .fal::after,
.fab::before, .fab::after,
.fad::before, .fad::after {
  content: none !important;
  display: none !important;
}
[class^="fa-"]::before,
[class*=" fa-"]::before,
[class^="fa-"]::after,
[class*=" fa-"]::after {
  content: none !important;
  display: none !important;
}
.requisition-list.wishlist.split.button::before {
  content: none !important;
  display: none !important;
}
.block-title::before {
  content: none !important;
  display: none !important;
}
/* Filtros (mobile/celular) – remove ? de ícones por fonte */
#layered-filter-block .block-title::before,
#layered-filter-block .filter-title::before,
#layered-filter-block .filter-title::after,
.filter-options-title::before,
.filter-options-title::after,
.sidebar .block-title::before,
.sidebar .block.filter .block-title::before,
.block.filter .filter-options-title::before,
.block.filter .filter-options-title::after,
[data-role="collapsible"] .filter-options-title::before,
[data-role="collapsible"] .filter-options-title::after,
.filter-options-item .filter-options-title::before,
.filter-options-item .filter-options-title::after,
.filter-clear::before,
.filter-clear::after,
.filter-current-subtitle::before,
.filter-current-subtitle::after {
  content: none !important;
  display: none !important;
}
#layered-filter-block [data-role="title"]::before,
#layered-filter-block [data-role="title"]::after,
.page-with-filter .filter-options-title::before,
.page-with-filter .filter-options-title::after,
.page-with-filter #layered-filter-block .block-title::before {
  content: none !important;
  display: none !important;
}
.customer-menu .customer-menu--icon::before,
.customer-menu .customer-menu--icon::after {
  content: none !important;
  display: none !important;
}
.wishlist-index-index .wishlist-toolbar .pages li.pages-item-next a::before,
.wishlist-index-index .wishlist-toolbar .pages li.pages-item-previous a::before {
  content: none !important;
  display: none !important;
}

/* ========== PADRÃO GLOBAL: .icon-button (SVG inline) ========== */
.icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
}
.icon-button svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.icon-button:focus {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.icon-button:hover { opacity: 0.9; }
.icon-button:active { opacity: 0.8; }

/* 1. Share container */
.share-container .whatsapp::before,
.share-container .facebook::before,
.share-container .twitter::before {
  content: none !important;
  display: none !important;
}

/* Ensure SVG icons in share buttons display correctly */
.share-container .whatsapp svg,
.share-container .facebook svg,
.share-container .twitter svg {
  display: block;
  flex-shrink: 0;
}

/* Fix: Header top links - remove font-based ::before that shows as square */
.header-top-links a::before {
  content: none !important;
  display: none !important;
}

/* Header: ensure inline SVG icons display correctly */
.header-top-links a svg {
  flex-shrink: 0;
  margin-right: 6px;
  vertical-align: middle;
}

/* 3. Wishlist - remove Feather font ::before */
.wishlist-link a::before,
.wishlist-link a::after {
  content: none !important;
  display: none !important;
}
.wishlist-link a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.wishlist-link a svg {
  flex-shrink: 0;
  display: block;
}

/* 4. Minicart showcart - remove font icon ::before */
.minicart-wrapper a.action.showcart::before,
.minicart-wrapper a.action.showcart::after {
  content: none !important;
  display: none !important;
}
.minicart-wrapper a.action.showcart {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.minicart-wrapper a.action.showcart svg {
  flex-shrink: 0;
  display: block;
}

/* 5. Authorization/Entrar link */
li.link.authorization-link a::before,
li.link.authorization-link a::after {
  content: none !important;
  display: none !important;
}
li.link.authorization-link a svg {
  flex-shrink: 0;
  margin-right: 4px;
  vertical-align: middle;
}

/* 6. Action search, 7. Nav toggle */
.action.search::before,
.action.nav-toggle::before {
  content: none !important;
  display: none !important;
}
.action.search svg,
.action.nav-toggle svg {
  flex-shrink: 0;
  display: block;
}

/* 8. Towishlist, tocompare - product grid */
.towishlist::before,
.tocompare::before {
  content: none !important;
  display: none !important;
}

/* 8b. Botão Adicionar (tocart) - remove ::before com content: url(cart-card-dkt.svg) */
.action.tocart::before,
a.tocart::before,
button.tocart::before,
.action.tocart.primary::before,
a.tocart.primary::before,
button.tocart.primary::before {
  content: none !important;
  display: none !important;
}
.action.tocart.primary,
a.action.tocart.primary,
button.action.tocart.primary {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.action.tocart.primary svg,
a.action.tocart.primary svg,
button.action.tocart.primary svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

/* 9. Action remove, action close */
.action.remove::before,
.action.close::before {
  content: none !important;
  display: none !important;
}

/* 10. Global: disable font icon pseudo-elements in header */
.page-header .header.content a[class*="action"]::before,
.page-header .header.content a[class*="action"]::after {
  content: none !important;
  display: none !important;
}

/* 11. Menu dropdown - remove Font Awesome ::after (content: f078) */
.navigation .level-top.ui-menu-item-wrapper::before,
.navigation .level-top.ui-menu-item-wrapper::after,
.navigation .level0.parent > .level-top::before,
.navigation .level0.parent > .level-top::after {
  content: none !important;
  display: none !important;
}
.navigation .level0 > .level-top {
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
}
.navigation .level0.parent > .level-top .menu-chevron {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
}
.navigation .level0:not(.parent) > .level-top .menu-chevron {
  display: none;
}

/* 12. Breadcrumb separator - remove Font Awesome content: \f054 */
.breadcrumbs .item:not(:last-child)::after,
.breadcrumbs li:not(:last-child)::after {
  font-family: inherit !important;
  content: ">" !important;
  margin: 0 8px;
  color: #999;
}
@media (min-width: 769px) {
  .breadcrumbs .item:not(:last-child)::after,
  .breadcrumbs li:not(:last-child)::after {
    margin: 0 1.6rem;
  }
}

/* 13. Footer logo - exibição correta */
.footer-links-selo .footer-logo-panini {
  display: block;
  height: auto;
  max-width: 134px;
  object-fit: contain;
}

/* 14. Block search – corrige conflito no label (regras duplicadas do tema) */
.block-search .field.search,
.block-search .field.search .label {
  display: block;
}
.block-search label,
.block-search .field.search label.label {
  text-indent: 0;
  overflow: visible;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  width: auto;
  height: auto;
  position: static;
  clip: auto;
  clip-path: none;
  margin: 0;
  padding: 0;
  border: 0;
}
.block-search label::before,
.block-search label::after,
.block-search .field.search label::before,
.block-search .field.search label::after {
  content: none !important;
  display: none !important;
}
.block-search label span {
  display: inline;
}

/* 15. Header layout – .page-header + .block-search (flex, order, desktop/mobile) */
.page-header {
  border: 0;
  margin-bottom: 0;
}
.page-header .header.content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 1980px;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}
.page-header .header.content .action.nav-toggle { order: 0; }
.page-header .header.content .logo { order: 1; }
.page-header .header.content .block-search { order: 2; }
.page-header .header.content .header-top-links { order: 3; }
.page-header .header.content .wishlist-link { order: 4; }
.page-header .header.content .minicart-wrapper { order: 5; }
.page-header .header.content .customer-menu { order: 6; }

@media (min-width: 769px) {
  .page-header .header.content {
    justify-content: flex-start;
    padding-top: 25px;
    padding-bottom: 0;
  }
  .page-header .header.content .logo { flex-grow: 0; }
  .page-header .header.content .block-search {
    flex-grow: 2;
    flex-shrink: 1;
    min-width: 0;
    max-width: 555px;
    padding-left: 49px;
    margin: 0;
  }
  .page-header .header.content .header-top-links,
  .page-header .header.content .wishlist-link,
  .page-header .header.content .minicart-wrapper,
  .page-header .header.content .customer-menu {
    flex-grow: 0;
    margin-left: 1.5rem;
  }
}

@media (max-width: 768px) {
  .page-header .header.content {
    padding-top: 15px;
    padding-bottom: 15px;
    gap: 12px;
  }
  .page-header .header.content .block-search {
    order: 10;
    width: 100%;
    min-width: 0;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    flex-grow: 0;
  }
}

/* 16. Mobile: header fundo escuro → ícones e links brancos */
@media (max-width: 768px) {
  .page-header .header.content .minicart-wrapper a,
  .page-header .header.content .minicart-wrapper a svg,
  .page-header .header.content .wishlist-link a,
  .page-header .header.content .wishlist-link a svg,
  .page-header .header.content .action.nav-toggle,
  .page-header .header.content .action.nav-toggle svg,
  .page-header .header.content .header-top-links a,
  .page-header .header.content .header-top-links a svg,
  .page-header .header.content li.link.authorization-link a,
  .page-header .header.content li.link.authorization-link a svg,
  .page-header .header.content .action.search,
  .page-header .header.content .action.search svg,
  .page-header .header.content .customer-menu,
  .page-header .header.content .customer-menu .customer-menu-name {
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
  }
  .page-header .header.content a.action.showcart::before,
  .page-header .header.content li.link.authorization-link a::before {
    filter: none !important;
  }
}

/* ========== Calcular frete – removido ========== */
#shipping-accordion,
.shipping-container,
[data-trigger="trigger-zip-search"],
.zip-code-search-modal,
.block.block-shipping,
#zipsearch-form,
#product-shipping-estimate {
  display: none !important;
}
