/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* ================================================================
   LANDING PAGE 2546 — ESCONDE HEADER/FOOTER
   O template Canvas (Tela) não esconde o header do Blocksy sozinho.
   Esta regra garante que o header e o footer somam em page-id-2546.
   ================================================================ */

body.page-id-2546 #header,
body.page-id-2546 #footer {
  display: none !important;
}

/* ================================================================
   LANDING PAGE 2546 — MOBILE FIX
   Corrige o scroll horizontal em mobile sem alterar o HTML da página.
   Usa overflow-x: clip (mais preciso que hidden: não afeta position:fixed).
   ================================================================ */

/* Nível 1 — body e html para garantir que nenhum filho crie scroll */
body.page-id-2546,
body.page-id-2546 html {
  overflow-x: clip;
}

/* Nível 2 — container Elementor da página */
body.page-id-2546 .elementor-2546 {
  overflow-x: clip;
  max-width: 100%;
}

/* Nível 3 — seções internas que podem vazar */
body.page-id-2546 .elementor-section,
body.page-id-2546 .e-con {
  max-width: 100%;
}

/* ---- Ajustes específicos em mobile ---- */
@media (max-width: 767px) {

  /* Hero: substitui a técnica 100vw por 100% no mobile.
     Em mobile o container já é full-width, então não perde o visual. */
  body.page-id-2546 .hero {
    width: 100% !important;
    left: 0 !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Testimonial cards: reduz min-width para caber em telas de 320px */
  body.page-id-2546 .tcard {
    min-width: 260px;
    max-width: 80vw;
  }

  /* Garante que o scroll horizontal do carrossel de depoimentos
     fique contido dentro da sua seção, não vaze para a página */
  body.page-id-2546 .proof-s {
    overflow-x: hidden;
    max-width: 100vw;
  }
}

/* ---- Extra small (320px) ---- */
@media (max-width: 400px) {
  body.page-id-2546 .tcard {
    min-width: 240px;
    max-width: 85vw;
    padding: 24px 20px;
  }
}