/*
 * Horoh CSS Segura | horoh-experiencias-mobile.css
 * Seção extraída do main.css para reduzir conflito e facilitar manutenção.
 */

/* ==========================================================================
   HOROH | Experiências Mobile - 200px sem espaço
   Imagem como background do container
   ========================================================================== */

@media (max-width: 767px) {
  /* Remove espaço entre os posts do Loop Grid */
  .horoh-exp-loop .e-loop__container,
  .horoh-exp-loop .elementor-loop-container,
  .horoh-exp-loop .elementor-grid {
    gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Cada post com 200px */
  .horoh-exp-loop .e-loop-item,
  .horoh-exp-loop .elementor-grid-item {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  /* Container direto dentro do post — é aqui que está o background */
  .horoh-exp-loop .e-loop-item > .elementor-element,
  .horoh-exp-loop .e-loop-item > .e-con,
  .horoh-exp-loop .elementor-grid-item > .elementor-element,
  .horoh-exp-loop .elementor-grid-item > .e-con {
    width: 100% !important;
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
    --min-height: 200px !important;

    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;

    overflow: hidden !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
}

/* HOROH | Experiências Mobile - respiro inferior igual à lateral */
@media (max-width: 767px) {
  .horoh-exp-loop .e-loop-item > .elementor-element,
  .horoh-exp-loop .e-loop-item > .e-con,
  .horoh-exp-loop .elementor-grid-item > .elementor-element,
  .horoh-exp-loop .elementor-grid-item > .e-con {
    padding-bottom: 30px !important;
  }
}