/* =====================================================
   TUSCAN SAFARI — BUTTON SYSTEM (FIX)
   - Zero Block rec1710001761: SOLO il bottone, non testi
   - CR22A (t986): Learn more giallo, Watch the video bianco
   - Mobile incluso
   ===================================================== */


/* =======================
   1) ZERO BLOCK SOPRA (SOLO BOTTONE)
   ======================= */

/* SOLO il link-bottone (non titoli/testi) */
#rec1710001761 a.tn-atom {
  background-color: #f2c318 !important;
  border-radius: 30px !important;
  padding: 14px 34px !important;

  /* tipografia */
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: #ffffff !important;

  /* pulizia */
  border: none !important;
  box-shadow: none !important;
  text-transform: none !important;
  transition: all 0.3s ease !important;
}

/* testo interno del bottone */
#rec1710001761 a.tn-atom .tn-atom__button-text {
  color: #ffffff !important;
}

/* rimuove eventuale "bordo" interno generato da Tilda */
#rec1710001761 a.tn-atom .tn-atom__button-border {
  border-color: transparent !important;
}

/* hover */
#rec1710001761 a.tn-atom:hover {
  background-color: #e0b100 !important;
  color: #ffffff !important;
}


/* =======================
   2) CR22A — Learn more (primario)
   ======================= */
#allrecords .t986 a.t-btnflex:not(.t986__playbutton) {
  background-color: #f2c318 !important;
  color: #ffffff !important;
  border-radius: 30px !important;
  padding: 14px 34px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  border: none !important;
  box-shadow: none !important;
  text-transform: none !important;
  transition: all 0.3s ease !important;
}

#allrecords .t986 a.t-btnflex:not(.t986__playbutton):hover {
  background-color: #e0b100 !important;
}

#allrecords .t986 .t-btnflex__text {
  color: inherit !important;
}


/* =======================
   3) CR22A — Watch the video (secondario)
   ======================= */
#allrecords .t986 .t986__playbutton {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-radius: 30px !important;
  padding: 14px 34px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  border: none !important;
  box-shadow: none !important;
  transition: all 0.3s ease !important;
}

#allrecords .t986 .t986__playbutton:hover {
  background-color: #f5f5f5 !important;
}


/* =======================
   4) MOBILE / TABLET
   ======================= */
@media screen and (max-width: 980px) {
  #rec1710001761 a.tn-atom,
  #allrecords .t986 a.t-btnflex:not(.t986__playbutton),
  #allrecords .t986 .t986__playbutton {
    padding: 12px 28px !important;
    font-size: 15px !important;
    border-radius: 28px !important;
  }
}

@media screen and (max-width: 640px) {
  #rec1710001761 a.tn-atom,
  #allrecords .t986 a.t-btnflex:not(.t986__playbutton),
  #allrecords .t986 .t986__playbutton {
    padding: 10px 22px !important;
    font-size: 14px !important;
    border-radius: 24px !important;
  }
}
/* ===== Zero Block rec1710001761: elimina dimensioni fisse (width/height) ===== */
#rec1710001761 a.tn-atom {
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
}

/* se Tilda usa min-width o max-width */
#rec1710001761 a.tn-atom {
  min-width: 0 !important;
  max-width: none !important;
}
#rec1710001761 a.tn-atom {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* =====================================================
   FIX: Zero Block rec1710001761 — riduci dimensione reale
   (la dimensione fissa è sul wrapper data-elem-id)
   ===================================================== */

/* 1) wrapper del bottone (quello con width/height inline) */
#rec1710001761 [data-elem-id="1766071807202"]{
  width: auto !important;
  height: auto !important;
  max-width: none !important;
}

/* 2) bottone vero e proprio: compatto come Chianti */
#rec1710001761 [data-elem-id="1766071807202"] a.tn-atom{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 14px 34px !important;
  font-size: 16px !important;
  border-radius: 30px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
}

/* Mobile */
@media screen and (max-width: 640px){
  #rec1710001761 [data-elem-id="1766071807202"] a.tn-atom{
    padding: 10px 22px !important;
    font-size: 14px !important;
    border-radius: 24px !important;
  }
}
#rec1710001761 [data-elem-id="1766071807202"]{
  transform: none !important;
}
/* ===== Zero Block (rec1710001761) — altezza identica a CR22A ===== */
#rec1710001761 [data-elem-id="1766071807202"] a.tn-atom{
  height: 44px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  line-height: 44px !important;  /* forza l'altezza percepita */
  font-size: 15px !important;
  border-radius: 30px !important;
}