/*
 * PROJETO: BARBEARIA GUARARAPES
 * V25 — ENTREGA FINAL: CAPA MOBILE + EXCLUSÃO DA EQUIPE
 */

/* Ações da equipe sempre visíveis e confortáveis para toque. */
.team-card__actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  gap:8px!important;
  align-items:center!important;
}
.team-card__actions button{
  min-height:40px!important;
  border-radius:10px!important;
  padding:8px 10px!important;
}
.team-card__actions button:first-child{
  justify-content:space-between!important;
  color:#ddecf8!important;
  border:1px solid rgba(81,239,255,.13)!important;
  background:rgba(81,239,255,.035)!important;
}
.team-card__actions button.delete{
  color:#ffc2c7!important;
  border:1px solid rgba(255,91,105,.26)!important;
  background:rgba(255,69,84,.09)!important;
}
.team-card__actions button.suspend{
  color:#ffe09a!important;
  border:1px solid rgba(242,201,111,.24)!important;
  background:rgba(242,201,111,.08)!important;
}
.team-card__actions button.reactivate{
  color:#a8f2cd!important;
  border:1px solid rgba(75,226,159,.24)!important;
  background:rgba(75,226,159,.08)!important;
}

@media(max-width:680px){
  /* Foto primeiro; chamada abaixo. O nome não cobre mais o logo ou a cadeira. */
  .public-booking-hero{
    min-height:500px!important;
    padding:272px 18px 28px!important;
    background-color:#02060b!important;
    background-image:
      linear-gradient(to bottom,rgba(2,6,11,.04) 0,rgba(2,6,11,.08) 42%,rgba(2,6,11,.98) 55%,#02060b 100%),
      url('/assets/barbearia-guararapes-capa-home-v17.webp')!important;
    background-repeat:no-repeat!important;
    background-size:100% 300px,auto 300px!important;
    background-position:center top,67% top!important;
  }
  .public-booking-hero>span,
  .public-booking-hero h1,
  .public-booking-hero p{
    position:relative!important;
    z-index:2!important;
    max-width:100%!important;
  }
  .public-booking-hero h1{
    margin-top:10px!important;
    font-size:clamp(34px,10.5vw,46px)!important;
    line-height:1!important;
  }
  .public-booking-hero p{
    margin-top:14px!important;
    font-size:12px!important;
  }
  .team-card__actions{
    grid-template-columns:1fr 1fr!important;
  }
  .team-card__actions button:first-child{
    grid-column:1/-1!important;
  }
  .team-card__actions button{
    width:100%!important;
    justify-content:center!important;
  }
}

@media(max-width:390px){
  .public-booking-hero{
    min-height:480px!important;
    padding-top:250px!important;
    background-size:100% 278px,auto 278px!important;
    background-position:center top,66% top!important;
  }
}