/* replica lo stile del link del tema, ma su un div */
.mxd-project-item__name .mxd-like-link{
  display: inline-block;
  font-family: var(--_font-accent);
  font-weight: 400;
  /* dimensione “fluida” simile ai breakpoint del tema */
  font-size: clamp(3rem, 1.2vw + 1.1rem, 2.4rem);
  line-height: 1.4;
  color: var(--t-bright);
  text-decoration: none;
  transition: color var(--_animspeed-medium) var(--_animbezier);
}

/* se nel tema il titolo (dentro <span>) è leggermente più marcato */
.mxd-project-item__name .mxd-like-link > span{
  font-family: var(--_font-accent);
  font-weight: 700;
}

/* opzionale: se c’era un effetto hover sul link, lo mantieni sul div */
.mxd-project-item__name .mxd-like-link:hover{
  color: var(--t-bright); /* o il colore hover che avevi sul link */
}

.footer-hl {
  /*background-color: var(--accent);*/
  /*color: var(--t-opp-bright);*/
  color: var(--accent);
  padding: 0em;
  border-radius: 0.4rem;
}

.fw-semibold {
  font-weight: var(--fw-semibold, 700);
}

#loader {
  display: none !important;
}


@media (max-width: 767px) {
  /* 1. Testo + punto più piccoli */
  .mxd-hero-02-marquee .marquee__text {
    font-size: 4rem;
    line-height: 1.1;
    margin-right: 0;              /* ← togliamo il margine che sbilancia */
  }

  .mxd-hero-02-marquee .marquee__image {
    width: 3rem;
    height: 3rem;
  }

  /* 2. Spazio SIMMETRICO intorno al punto */
  .mxd-hero-02-marquee .marquee__item.item-regular {
    gap: 1.6rem;                  /* spazio tra testo e punto (sinistra) */
  }

  .mxd-hero-02-marquee__line .marquee__toleft {
    gap: 1.6rem;                  /* stesso spazio tra punto e parola dopo (destra) */
  }
}

@media (max-width: 767px) {
  .mxd-socials {
    bottom: 80px !important;   /* aumenta l’altezza dal fondo */
  }
}

@media (max-width: 767px) {
  .mxd-socials {
    position: fixed;
    z-index: 9999;
  }
}

@media (max-width: 767px) {
  .mxd-hero-02-marquee {
    margin-top: 18rem !important;   /* aumenta per far scendere il banner */
  }
}

@media (max-width: 767px) {

  /* il contenuto interno della card può scrollare se è troppo lungo */
  .mxd-services-stack__inner {
    height: 100%;                     /* riempi la card */
    overflow-y: auto;                 /* attiva lo scroll interno */
    -webkit-overflow-scrolling: touch;
    padding-right: 1.2rem;            /* evita che il testo finisca sotto la scrollbar */
  }

  /* titolo un filo più compatto */
  .mxd-services-stack__title,
  .mxd-services-stack__title h3 {
    font-size: 1.9rem;
    line-height: 1.25;
  }

  /* tag un po’ più piccoli per guadagnare spazio */
  .mxd-services-stack__tags,
  .mxd-services-stack__tags .tag {
    font-size: 1.15rem;
    line-height: 1.2;
  }
}