/* BEGIN FILE: public/assets/css/chat_offer_card.css */

.offer-card{
  background:#fff;border:1px solid #eee;border-radius:16px;overflow:hidden;
  margin:10px auto;box-shadow:0 1px 2px rgba(0,0,0,.05);
  animation:offerFadeIn 1s ease both;
  transform:translateY(15px);
  width:70%; /* 30% menor que 100% */
}
@keyframes offerFadeIn{
  from{opacity:0; transform:translateY(15px)}
  to{opacity:1; transform:translateY(0)}
}
@media (max-width: 640px){
  .offer-card{ width:100%; } /* no mobile continua 100% */
}

.offer-image{
  display:block;width:100%;
  height:auto;                 /* fallback se o card não tiver altura fixa */
  aspect-ratio:16/9;           /* mantém proporção */
  object-fit:cover;
  margin:0 0 8px 0;
  border-radius:12px;
  max-height:40%;
}

.offer-header{
  display:flex;justify-content:space-between;
  padding:12px 14px;border-bottom:1px solid #f0f0f0
}
.offer-title{font-weight:700;font-size:16px;line-height:1.2}

/* preço menor e sem negrito; .offer-per fica oculto (ex.: /hour) */
.offer-price{font-weight:400;color:#111;font-size:14px}
.offer-per{display:none}

.offer-body{padding:12px 14px}
.offer-desc{margin:6px 0 8px 0;color:#444}
.offer-meta{font-size:12px;color:#555;margin:4px 0}

.offer-actions{
  padding:12px 14px;border-top:1px solid #f0f0f0;
  display:flex;justify-content:flex-end
}

/* botão com a mesma cor do SEND (#B08A3C) e texto em maiúsculas */
.offer-cta{
  display:inline-flex;align-items:center;justify-content:center;
  background:#B08A3C;color:#fff;text-decoration:none;
  padding:10px 14px;border-radius:10px;border:1px solid #B08A3C;
  text-transform:uppercase;font-weight:700;letter-spacing:.4px;
}
.offer-cta:hover{opacity:.9}

/* END FILE */