/* Conteúdo para o arquivo style.css */
body {
    font-family: 'Inter', sans-serif;
    background-color: #f8f9fa; /* Fundo mais claro e neutro */
    color: #343a40; /* Cor de texto principal mais escura */
}

.premium-badge {
    background-color: #F97316; /* Laranja vibrante (Tailwind orange-500) */
    color: #FFFFFF; /* Texto branco para melhor contraste */
    font-weight: bold;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px; /* Totalmente arredondado */
    font-size: 0.75rem; /* 12px */
    display: inline-flex;
    align-items: center;
    gap: 0.375rem; /* 6px */
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

/* Scrollbar customizada para melhor estética */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #e9ecef;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #adb5bd;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #868e96;
}

/* Caixa de mensagem para notificações */
.message-box {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #28a745; /* Verde sucesso */
    color: white;
    padding: 15px 25px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease-in-out, top 0.5s ease-in-out;
    font-weight: 500;
}

.message-box.error {
    background-color: #dc3545; /* Vermelho erro */
}

.message-box.show {
    display: block;
    opacity: 1;
    top: 80px; /* Posição final ao aparecer */
}

/* Estilo para garantir que modais longos sejam roláveis */
#admin-modal > div, 
#edit-profile-modal > div, 
#professional-register-modal > div, 
#professional-detail-modal > div {
    max-height: 90vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; /* Melhora a rolagem em dispositivos móveis */
}

/* Estilos para o sistema de avaliação por estrelas */
.star-rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  gap: 0.25rem; /* space-x-1 */
}

.star-rating input[type="radio"] {
  display: none;
}

.star-rating label {
  font-size: 2rem; /* text-3xl */
  color: #d1d5db; /* text-gray-300 */
  cursor: pointer;
  transition: color 0.2s;
}

.star-rating input[type="radio"]:checked ~ label,
.star-rating label:hover,
.star-rating label:hover ~ label {
  color: #f59e0b; /* text-amber-500 */
}

/* Estilo para a transição suave das imagens do banner */
#banner-images img {
    transition: opacity 1s ease-in-out;
}

/* NOVOS ESTILOS PARA A GALERIA DO PAINEL */
.gallery-item.is-primary img {
    border: 3px solid #F97316; /* Laranja para destacar a foto principal */
    padding: 2px;
}