/* =========================================================
   MOD DYNAMIC HERO — CSS isolato nel modulo (no template css)
   Obiettivo: full width, nessun overflow, mobile perfetto
   ========================================================= */

.mod-dynamic-hero{
  width: 100%;
  max-width: 100%;
}

/* Se Joomla avvolge con contenitori "module/moduletable", neutralizziamo */
.hero .moduletable,
.hero .module,
.hero .mod-custom,
.hero .mod-dynamic-hero{
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

/* Blocca qualsiasi overflow orizzontale */
.hero,
.hero > .container-fluid{
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: clip; /* meglio di hidden su browser moderni */
}

/* HERO block */
.mod-dynamic-hero .hero-block{
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

/* Altezza controllata via CSS var */
.mod-dynamic-hero .hero-block img{
  display: block;
  width: 100%;
  max-width: none;
  height: var(--hero-h, 500px);
  object-fit: cover;
  object-position: center;
}

/* Gradient overlay */
.mod-dynamic-hero .hero-block::after{
  content:"";
  position:absolute;
  inset:0;
background: linear-gradient(to bottom, rgba(255, 255, 255, .55) 0%, rgba(255, 255, 255, .30) 55%, rgba(255, 255, 255, 0) 100%);
    border-bottom: 2px solid #ff6600;
    pointer-events: none;
}

/* Title overlay */
.mod-dynamic-hero .hero-title{
  position:absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 18px;

  width: min(780px, 100%);
  padding: 0 16px;
  margin: 0;

  z-index: 2;
  color: #fff;
  font-weight: 900;
  line-height: 1.1;
  font-size: clamp(24px, 4.2vw, 48px);

  text-shadow:
    0 2px 8px rgba(0,0,0,.55),
    0 14px 30px rgba(0,0,0,.35);

  overflow-wrap: anywhere;
}

/* MOBILE: niente overflow, immagine “piena” */
@media (max-width: 768px){

  .mod-dynamic-hero .hero-block img{
    height: 280px; /* fisso su mobile: pulito */
  }

  .mod-dynamic-hero .hero-title{
    font-size: clamp(20px, 7vw, 32px);
    bottom: 14px;
    max-width: 26ch;
  }
}