/* hiding the main default view in homepage */

.path-frontpage .block-system.block-system-main-block {
    display: none;
}

/*** HERO BLOCK IN HOME ** */

.featured-top {
background: linear-gradient(0deg, var(--blue-base) 0%, var(--blue-dark-1) 90%, var(--blue-dark-2) 100%);
background-repeat: no-repeat;
background-size: cover;
background-position: center;

padding-top: var(--margin-m);
padding-bottom: var(--margin-m);
position: relative;
transition: all 0.3s ease-in-out;

}

.featured-top:has(form.webform-page-rental_data_2) {
  background-color: var(--blue-base);
  background-image: none;
  }

  .featured-top:has(form.webform-page-rental_data_3) {
  background-color: var(--blue-light-1);
  background-image: none;
  }

  .featured-top:has(form.webform-page-rental_data_4) {
  background-color: var(--blue-light-1);
  background-image: none;
  }

  .featured-top:has(form.webform-page-rental_data_5) {
  background-color: var(--blue-light-2);
  background-image: none;
  }

  .featured-top:has(form.webform-page-rental_data_6) {
  background-color: var(--blue-light-2);
  background-image: none;
  }


/* HOME INTRO BLOCK STYLES */

#block-filorent01-homeintro {
    overflow: visible;
    z-index: 5;


    .content {

      padding: var(--margin-xl) var(--margin-m);

      .field--name-body {

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: var(--margin-m);

      p {
        color: var(--white);
        font-size: calc(var(--fc-h1plus) * 1.3);
        text-align: center;
        letter-spacing: -0.04em;
        font-family: var(--ff-cursive1);
        line-height: 1;
        text-shadow: 1px 2px 2px var(--c-black-transparent-4);

        .underline {
          text-decoration: underline;
          text-decoration-color: var(--accent-2);
          text-decoration-thickness: 0.4rem;
          text-underline-offset: var(--margin-s);
          
        }
      }
      }
    }
}


/* WEBFORM BLOCK in HOME PAGE */

#block-filorent01-webform-2 {

  width: clamp(300px, 96%, 900px);
  margin: 0 auto;
  position: relative;
  z-index: 5;

  background-color: var(--white);
  padding: var(--margin-s) var(--margin-s) var(--margin-s) var(--margin-s);
  border-radius: var(--br-s);

  box-shadow: 0 4px 10px var(--c-black-transparent-3);

    & > h2 {
        font-size: var(--fc-h3);
        font-weight: var(--fw-extrabold);
        font-family: var(--ff-sans2);
        color: var(--blue-base);
        text-align: center;
        
        margin-bottom: var(--margin-s);
        line-height: 1;

        
    }

    .content {
    background-color: var(--white);
    padding: 0  clamp(var(--margin-xxs), 1%, var(--margin-l)) 0 clamp(var(--margin-xxs), 1%, var(--margin-l));
    min-height: 100px; /* Prevent CLS during async load */
  }  
  
}