/*
 * Override Elementor's inline motion-effects transform on the sun halves
 * so that our JS (sole-scroll.js) has full control via inline !important.
 *
 * Elementor sets transform via normal inline style; !important in a
 * stylesheet beats that, but our JS also uses setProperty(…,'important')
 * which takes final precedence.  This rule acts as a safety net to
 * guarantee translateY(0) before JS runs.
 */
@media (min-width: 992px) {
  .centrale1_sx .elementor-widget-container,
  .centrale1_dx .elementor-widget-container {
    transform: translateY(0px) !important;
  }
}

/*
 * Tablet / mobile category sections (hidden on desktop).
 *
 * Each section has two collage images with the same natural width (767px)
 * but different natural heights.  With the default auto height, object-fit
 * is irrelevant and both images scale to column width — giving identical
 * horizontal scale but different vertical sizes.
 *
 * Fix: constrain height so object-fit: cover kicks in at the same
 * width-based scale for BOTH images.  The threshold is:
 *   height < min(h1, h2) / 767 × 50vw
 *
 * Section          | Heights   | Threshold | Value used
 * Classic  1b8a45c | 752 / 728 | 47.5vw    | 46vw
 * Adventure c9a8804| 829 / 780 | 50.8vw    | 50vw
 * Culinary  01c0dbb| 898 / 860 | 56.1vw    | 55vw
 * Handicraft 7bbad73| 832 / 884 | 54.2vw   | 53vw
 */
@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-element-1b8a45c .elementor-widget-image img {
    height: 46vw;
    object-fit: cover;
    object-position: center top;
  }
  .elementor-element-c9a8804 .elementor-widget-image img {
    height: 49vw;
    object-fit: cover;
    object-position: center top;
  }
  .elementor-element-01c0dbb .elementor-widget-image img {
    height: 54vw;
    object-fit: cover;
    object-position: center top;
  }
  .elementor-element-7bbad73 .elementor-widget-image img {
    height: 52vw;
    object-fit: cover;
    object-position: center top;
  }

  /* Handicraft: left column uses align-content:center while right uses
     flex-start, causing a vertical offset. Normalise to flex-start. */
  .elementor-element-7bbad73 .elementor-element-d7a8498 > .elementor-widget-wrap {
    align-content: flex-start !important;
    align-items: flex-start !important;
  }
}