/* 
=========================================================
  RESPONSIVE MASTER CSS - ALÍRIO SALÃO
  Correção de Layout (Safe Mode)
========================================================= 
*/

.elementor-page, 
main,
.elementor-location-header,
.elementor-location-footer {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

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

/* 
---------------------------------------------------------
  AJUSTES ESPECÍFICOS MOBILE (HEADER & HAMBÚRGUER)
--------------------------------------------------------- 
*/
@media (max-width: 767px) {

  /* Forçar a exibição do container de vídeo no mobile */
  .elementor-background-video-container, 
  .elementor-background-video-hosted {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important; /* Evita que o usuário pause acidentalmente ao tocar */
  }

  /* Header Container - Forçar Flexbox para as extremidades (Space-Between) */
  #masthead .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  /* Logo Container - Totalmente à Esquerda */
  #masthead .elementor-element-ac89da3 {
    height: 45px !important;
    min-height: 45px !important;
    width: 50% !important; 
    background-size: contain !important;
    background-position: left center !important;
    margin: 0 !important;
  }

  /* Menu Container - Totalmente à Direita */
  #masthead .elementor-element-858505b {
    width: auto !important;
    margin: 0 0 0 auto !important; /* Empurra o menu com força máxima para a direita */
    flex-grow: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
  }

  /* Botão Hambúrguer (Royal Addons) */
  #masthead .wpr-mobile-toggle-wrap {
    text-align: right !important;
    padding: 0 !important;
  }
  
  #masthead .wpr-mobile-toggle {
    width: 35px !important;
    padding: 0 !important;
    border: none !important;
    margin: 0 !important;
  }
  
  #masthead .wpr-mobile-toggle-line {
    height: 3px !important;
    margin-bottom: 5px !important;
    background-color: #FFFFFF !important;
  }

  /* Menu padrão fallback */
  .elementor-menu-toggle i,
  .elementor-menu-toggle svg {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
  }
  
  .wpr-mobile-nav-menu a,
  .elementor-nav-menu--dropdown a {
    font-size: 14px !important;
    padding: 10px 15px !important;
  }
}