/* Refino visual dos cards da aba Nova Degustação */

#tasting .card{
  height: auto !important;
  min-height: unset !important;
}

#tasting .card-content{
  padding-bottom: 20px !important;
}

#tasting .section-title{
  font-size: 22px !important;
}

#tasting .section-subtitle{
  font-size: 15px !important;
  line-height: 1.45 !important;
}

#tasting label{
  font-size: 13px !important;
  letter-spacing: 0.18em !important;
}

#tasting .input,
#tasting .select,
#tasting .textarea{
  font-size: 15px !important;
}

#tasting textarea.textarea{
  min-height: 84px !important;
}

#tasting .form-grid{
  align-items: start !important;
}

#tasting .field{
  align-self: start !important;
}

#tasting .rating-pill{
  font-size: 16px !important;
}

#tasting .card:has(#t_burn_line),
#tasting .card:has(#t_pairing_name),
#tasting .card:has(#t_final_score){
  align-self: start !important;
}

#tasting .card:has(#t_burn_line) .card-content,
#tasting .card:has(#t_pairing_name) .card-content,
#tasting .card:has(#t_final_score) .card-content{
  padding-bottom: 18px !important;
}

#tasting .card:has(#t_final_score) .card-content > div[style*="margin-top:16px"]{
  display: flex !important;
  justify-content: center !important;
  margin-top: 18px !important;
}

#tasting #saveTastingBtn{
  min-width: 220px !important;
  justify-content: center !important;
}

@media (max-width: 980px){
  #tasting .section-title{
    font-size: 20px !important;
  }

  #tasting .section-subtitle{
    font-size: 14px !important;
  }

  #tasting .input,
  #tasting .select,
  #tasting .textarea{
    font-size: 14px !important;
  }
}





/* Zero espaço entre os cards da degustação */
#tasting .grid.grid-tasting{
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 8px !important;
  align-items: start !important;
}

#tasting .grid.grid-tasting > .card{
  margin: 0 !important;
  align-self: start !important;
}

#tasting .grid.grid-tasting > .card + .card{
  margin-top: 0 !important;
}

#tasting .card{
  border-radius: 24px !important;
}

#tasting .card-header{
  padding-bottom: 6px !important;
}

#tasting .card-content{
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

#tasting .form-grid{
  gap: 8px !important;
}

#tasting textarea.textarea{
  min-height: 76px !important;
}

#tasting .card:has(#t_burn_line),
#tasting .card:has(#t_pairing_name),
#tasting .card:has(#t_final_score){
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 980px){
  #tasting .grid.grid-tasting{
    gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 6px !important;
  }

  #tasting .form-grid{
    gap: 8px !important;
  }
}


/* Zero espaço entre os cards da degustação */
#tasting .grid.grid-tasting{
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 8px !important;
  align-items: start !important;
}

#tasting .grid.grid-tasting > .card{
  margin: 0 !important;
  align-self: start !important;
}

#tasting .grid.grid-tasting > .card + .card{
  margin-top: 0 !important;
}

#tasting .card{
  border-radius: 24px !important;
}

#tasting .card-header{
  padding-bottom: 6px !important;
}

#tasting .card-content{
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

#tasting .form-grid{
  gap: 8px !important;
}

#tasting textarea.textarea{
  min-height: 76px !important;
}

#tasting .card:has(#t_burn_line),
#tasting .card:has(#t_pairing_name),
#tasting .card:has(#t_final_score){
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 980px){
  #tasting .grid.grid-tasting{
    gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 6px !important;
  }

  #tasting .form-grid{
    gap: 8px !important;
  }
}