/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* --- iOS Safari Reset Compatível com Bricks --- */

/* Otimizações iOS básicas */
html, body {
  -webkit-text-size-adjust: 100% !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Fix específico para o bug de letter-spacing no iOS */
* {
  word-break: break-word;
  overflow-wrap: break-word;
}

/* Fix CRÍTICO para bug de letter-spacing no iOS Safari */
@supports (-webkit-touch-callout: none) {
  /* Reset forçado de letter-spacing apenas no iOS */
  *, *::before, *::after {
    letter-spacing: normal !important;
  }
  
  /* Exceções para elementos que DEVEM manter letter-spacing personalizado */
  [style*="letter-spacing"]:not([style*="letter-spacing: normal"]) {
    letter-spacing: inherit !important;
  }
  
  /* Previne zoom em inputs no iOS */
  input:not([type="range"]), 
  textarea, 
  select {
    font-size: max(16px, 1em) !important;
  }

  /* Fix adicional para títulos que costumam quebrar */
  h1, h2, h3, h4, h5, h6,
  .brxe-heading,
  [class*="heading"] {
    letter-spacing: normal !important;
    word-spacing: normal !important;
  }
}

/* Fallback para garantir que elementos do Bricks mantenham funcionalidade */
.brxe-text, 
.brxe-heading, 
.brxe-paragraph {
  /* Permite que o Bricks mantenha controle quando necessário */
}

/* Fix para elementos customizados que precisam manter letter-spacing */
[data-letter-spacing],
.custom-letter-spacing {
  letter-spacing: inherit !important;
}


html {
    scroll-behavior: smooth;

}


/* Reset para links e botões que vão receber borda */
.brxe-text-link,
.brx-submenu-toggle {
  position: relative;
}

/* Borda para links ativos de primeiro nível */
.brx-nav-nested-items > li > .brxe-text-link[aria-current="page"]::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -14px;
  width: 100%;
  height: 2px;
  background-color: #B41414;
}

/* Borda para o botão do submenu quando um link dentro do submenu está ativo */
/* Isso indica que o submenu está aberto/ativo e o botão deve destacar */
.brx-nav-nested-items > li.brxe-dropdown:has(> ul .brxe-text-link[aria-current="page"]) > .brx-submenu-toggle::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -14px;
  width: 100%;
  height: 2px;
  background-color: #B41414;
}



/*CONTATO*/





/* Versão mobile para destacar botão do submenu ativo */
@media (max-width: 768px) {
  .brx-nav-nested-items > li.brxe-dropdown:has(> ul .brxe-text-link[aria-current="page"]) > .brx-submenu-toggle::before {
  	bottom: 0px;
  }
}