/* ==========================================================================
   Taormina Tour Suite 8.2.2
   Definitive mobile Home hero layering fix.
   The previous ::before layer used a negative z-index and could sit behind
   the hero element's own background, making the image invisible.
   ========================================================================== */

@media(max-width:767px){

  body.home.tt-v7 .tt7-hero,
  body.tt-v7.page .tt7-hero{
    position:relative!important;
    overflow:hidden!important;
    isolation:isolate!important;

    /* Remove Divi/v7 mobile shorthand that can replace the image. */
    background-image:none!important;
    background:#06275B!important;
  }

  /* PHOTO: visible layer INSIDE the hero stacking context. */
  body.home.tt-v7 .tt7-hero::before,
  body.tt-v7.page .tt7-hero::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;

    background-image:var(
      --tts821-home-hero-image,
      url('hero-taormina.svg')
    )!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:62% center!important;

    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;
  }

  /* BLUE OVERLAY above the image. */
  body.home.tt-v7 .tt7-hero::after,
  body.tt-v7.page .tt7-hero::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;

    width:100%!important;
    height:100%!important;
    top:0!important;
    right:auto!important;

    background:linear-gradient(
      90deg,
      rgba(6,39,91,.88) 0%,
      rgba(6,39,91,.67) 55%,
      rgba(6,39,91,.25) 100%
    )!important;

    opacity:1!important;
    border-radius:0!important;
    pointer-events:none!important;
  }

  /* All real hero content stays above image and overlay. */
  body.home.tt-v7 .tt7-hero > *,
  body.tt-v7.page .tt7-hero > *{
    position:relative!important;
    z-index:2!important;
  }

  body.home.tt-v7 .tt7-hero .et_pb_row,
  body.tt-v7.page .tt7-hero .et_pb_row{
    z-index:2!important;
  }
}