/* ====================================
   678 BRAZIL - CUSTOM CSS
   ==================================== */

/* OCULTAR BLOG (será ativado no futuro) */
.menu-item-67,
.elementor-nav-menu .elementor-item[href*="blog"],
.elementor-nav-menu .elementor-item[href*="Blog"] {
  display: none !important;
}

/* ====================================
   NOTA: Grafia Correta dos Produtos
   ==================================== */
/* 
   ✓ Açaí (não Acai)
   ✓ Buriti 
   ✓ Camu-Camu
   ✓ Copaíba (não Copaiba)
   
   O HTML já usa entidades corretas:
   - Açaí = Açaí
   - Copaíba = Copaíba
   
   URLs mantém sem acento: /acai-line/, /copaiba-line/
*/

/* ====================================
   MOBILE: Até 767px (Celulares)
   ==================================== */

@media (max-width: 767px) {
  /* Mobile usa versão nativa do WordPress/Elementor */
  
  body, html {
    width: 100% !important;
    overflow-x: hidden !important;
  }
  
  img {
    max-width: 100% !important;
    height: auto !important;
  }
  
  input, textarea, select {
    font-size: 16px !important;
  }
}

/* ====================================
   TABLET: 768px - 1366px (iPad, Tablets)
   LAYOUT DESKTOP + HEADER MOBILE OTIMIZADO
   ==================================== */

@media (min-width: 768px) and (max-width: 1366px) {
  /* =============================
     BASE E CONTAINERS
     ============================= */
  html, body {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  main,
  .elementor-location-single,
  .elementor-location-archive {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-section,
  .e-con,
  .elementor-container,
  .elementor-inner-section {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }

  .elementor-row {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
  }

  .elementor-column {
    width: auto !important;
    flex: 1 !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .elementor-col-50 {
    width: 50% !important;
    flex: 0 0 50% !important;
  }

  .elementor-col-33 {
    width: 33.333% !important;
    flex: 0 0 33.333% !important;
  }

  .elementor-col-66 {
    width: 66.666% !important;
    flex: 0 0 66.666% !important;
  }

  .e-con-inner,
  .elementor-widget-wrap {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* =============================
     MOSTRAR VERSÃO DESKTOP COMPLETA
     ============================= */
  .elementor-hidden-tablet,
  .elementor-hidden-tablet_extra,
  .elementor-element.elementor-hidden-tablet,
  .elementor-element.elementor-hidden-tablet_extra,
  [class*="elementor-hidden-tablet"],
  [data-settings*='"hide_tablet":true'],
  [data-settings*='"hide_tablet_extra":true'] {
    display: revert !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .elementor-section.elementor-hidden-tablet,
  .elementor-section.elementor-hidden-tablet_extra,
  .elementor-section[data-settings*='"hide_tablet":true'],
  .elementor-section[data-settings*='"hide_tablet_extra":true'],
  .e-con.elementor-hidden-tablet,
  .e-con.elementor-hidden-tablet_extra,
  .e-con[data-settings*='"hide_tablet":true'],
  .e-con[data-settings*='"hide_tablet_extra":true'],
  .elementor-inner-section.elementor-hidden-tablet,
  .elementor-inner-section[data-settings*='"hide_tablet":true'],
  .e-con-inner.elementor-hidden-tablet,
  .e-con-inner[data-settings*='"hide_tablet":true'] {
    display: flex !important;
  }

  .elementor-container.elementor-hidden-tablet,
  .elementor-container.elementor-hidden-tablet_extra,
  .elementor-container[data-settings*='"hide_tablet":true'],
  .elementor-container[data-settings*='"hide_tablet_extra":true'],
  .elementor-row.elementor-hidden-tablet,
  .elementor-row[data-settings*='"hide_tablet":true'] {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
  }

  .elementor-column.elementor-hidden-tablet,
  .elementor-column.elementor-hidden-tablet_extra,
  .elementor-column[data-settings*='"hide_tablet":true'],
  .elementor-column[data-settings*='"hide_tablet_extra":true'] {
    display: flex !important;
    flex: 1 !important;
  }

  .elementor-widget.elementor-hidden-tablet,
  .elementor-widget.elementor-hidden-tablet_extra,
  .elementor-widget[data-settings*='"hide_tablet":true'],
  .elementor-widget[data-settings*='"hide_tablet_extra":true'] {
    display: block !important;
  }

  .elementor-grid.elementor-hidden-tablet,
  .elementor-grid.elementor-hidden-tablet_extra,
  [class*="grid"].elementor-hidden-tablet,
  [class*="grid"][data-settings*='"hide_tablet":true'] {
    display: grid !important;
  }

  .elementor-hidden-tablet[style*="display"],
  .elementor-hidden-tablet_extra[style*="display"],
  [data-settings*='"hide_tablet":true'][style*="display"],
  [data-settings*='"hide_tablet_extra":true'][style*="display"] {
    display: revert !important;
  }

  /* =============================
     ESCONDER DUPLICATAS MOBILE (EXCETO HEADER)
     ============================= */
  .elementor-hidden-desktop,
  .elementor-hidden-desktop.elementor-hidden-laptop,
  .elementor-hidden-desktop.elementor-hidden-widescreen,
  .elementor-element.elementor-hidden-desktop,
  [class*="elementor-hidden-desktop"],
  [data-settings*='"hide_desktop":true'] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  .elementor-section.elementor-hidden-desktop,
  .e-con.elementor-hidden-desktop,
  .elementor-container.elementor-hidden-desktop,
  .elementor-column.elementor-hidden-desktop,
  .elementor-widget.elementor-hidden-desktop {
    display: none !important;
  }

  header .elementor-hidden-desktop,
  header .elementor-hidden-laptop,
  header [data-settings*='"hide_desktop":true'] {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  header .elementor-hidden-tablet,
  header .elementor-hidden-tablet_extra {
    display: none !important;
  }

  /* =============================
     IMAGENS E BACKGROUNDS
     ============================= */
  img,
  picture,
  figure,
  .elementor-widget-image img,
  .elementor-image img,
  .elementor-widget-image-box img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-width: 100% !important;
    height: auto !important;
  }

  [style*="background-image"],
  [data-settings*="background"],
  .elementor-section,
  .e-con {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }

  .elementor-background-overlay {
    pointer-events: none !important;
    opacity: inherit !important;
  }

  .swiper,
  .swiper-container,
  .swiper-slide,
  .elementor-image-carousel {
    display: block !important;
    visibility: visible !important;
  }

  /* =============================
     HEADER MOBILE (HAMBURGER + LOGO)
     ============================= */
  header.elementor-location-header,
  header .elementor-section {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  header.elementor-location-header {
    padding: 15px 30px !important;
    display: flex !important;
    align-items: center !important;
  }

  header .e-con,
  header .e-con-inner,
  header .elementor-container,
  header .elementor-widget-wrap {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin: 0 !important;
  }

  header .elementor-menu-toggle {
    order: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
  }

  header .elementor-widget-image {
    order: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
  }

  header .elementor-widget-image img {
    max-height: 60px !important;
    width: auto !important;
  }

  header .elementor-column,
  header .elementor-widget-container {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  header .elementor-nav-menu--main {
    display: none !important;
  }

  header .elementor-nav-menu--dropdown {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    background: rgba(47, 36, 34, 0.98) !important;
    z-index: 9999 !important;
    display: none !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  header .elementor-nav-menu--dropdown.elementor-active {
    display: flex !important;
  }

  /* =============================
     TIPOGRAFIA E ESPAÇAMENTOS
     ============================= */
  .elementor-widget {
    margin-bottom: inherit !important;
    max-width: 100% !important;
  }

  .elementor-widget-wrap {
    padding: 10px !important;
  }

  /* Prevenir zoom em formulários */
  input, textarea, select {
    font-size: 16px !important;
  }

  /* Garantir que nada ultrapasse a tela */
  * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  img, video, iframe {
    max-width: 100% !important;
    height: auto !important;
  }
}
  
  
}