/* Layout generali */
.rec-page .ast-container { max-width: 1200px; }

.rec-form-wrap { background:#fff; border-radius:16px; padding:24px; box-shadow:0 4px 24px rgba(0,0,0,.06); margin-bottom:28px; }
.rec-form h2 { margin:0 0 16px; }
.rec-field { margin-bottom:16px; }
.rec-field label { display:block; font-weight:600; margin-bottom:6px; }
.rec-field input[type="text"], .rec-field input[type="file"], .rec-field textarea {
  width:100%; border:1px solid #e5e7eb; border-radius:10px; padding:10px 12px; background:#fff;
}
.rec-btn { display:inline-block; border:none; background:#4f46e5; color:#fff; padding:10px 16px; border-radius:10px; cursor:pointer; }
.rec-btn:hover { filter:brightness(1.05); }

/* Alert */
.rec-alert { padding:12px 14px; border-radius:10px; margin-bottom:12px; }
.rec-alert.success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.rec-alert.error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.rec-alert ul{ margin:0 0 0 18px; }

/* Rating a stelle nel form (grande, cliccabile) */
.rec-rating { direction:rtl; unicode-bidi:bidi-override; display:inline-flex; gap:6px; }
.rec-rating input{ display:none; }
.rec-rating label{ font-size:28px; cursor:pointer; color:#d1d5db; }
.rec-rating input:checked ~ label,
.rec-rating label:hover,
.rec-rating label:hover ~ label { color:#00b67a; }

/* Griglia card */
.rec-grid {
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:24px;
}
@media (max-width: 980px){
  .rec-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px){
  .rec-grid { grid-template-columns: 1fr; }
}

/* Card stile screenshot */
.rec-card { background:#000; border-radius:16px; padding:22px; box-shadow:0 8px 28px rgba(0,0,0,.06); }
.rec-card-head { display:flex; align-items:center; gap:12px; margin-bottom:10px; }
.rec-avatar { width:56px; height:56px; border-radius:50%; object-fit:cover; }
.rec-avatar.placeholder { width:56px; height:56px; border-radius:50%; background:linear-gradient(135deg,#e5e7eb,#f3f4f6); }
.rec-head-txt { line-height:1.1; }
.rec-name { font-weight:700; }
.rec-sub { font-size:.9rem; color:#6b7280; }

/* Stelle verdi come nello screenshot */
.rec-stars{ margin:6px 0 10px; }
.rec-star { font-size:18px; color:#cab26a; margin-right:2px; }
.rec-star.filled { color:#fff; }

/* Commento */
.rec-commento { color:#111827; margin:0; }

/* Blocco home sopra footer */
.rec-home-block { padding:36px 0; }
.rec-home-title { font-size:1.6rem; margin:0 0 16px; text-align:center; }
/* ——— Recensioni1: restyling richiesto ——— */

/* 1) Sposta l'intero blocco 100px sotto l'header */
.rec-page .ast-container {
  margin-top: 100px;
}

/* 2) Sfondo semitrasparente (su sfondo sito nero) per form e card
   — MODIFICA: lasciamo semitrasparente SOLO IL FORM; la CARD la forziamo nera sotto. */
.rec-page .rec-form-wrap {
  background: rgba(255, 255, 255, 0.12); /* visibile sul nero */
  border: 1px solid rgba(202, 178, 106, 0.25); /* filo oro tenue */
  backdrop-filter: blur(2px); /* facoltativo, bello su sfondi scuri */
}

/* 3) Etichette “Nome” e “Nome gatto” sopra ai campi in #cab26a */
.rec-page .rec-field label {
  color: #cab26a;
}

/* 4) Titoli e testi richiesti in #cab26a */
.rec-page .rec-form-wrap h2,         /* "Lascia la tua recensione" */
.rec-page .rec-section-title,        /* "Recensioni più recenti" */
.rec-page .rec-commento {            /* testo del commento recensione */
  color: #cab26a;
}

/* 5) Stelle del rating in #cab26a (form + card) */
.rec-page .rec-rating label {        /* stelle visive nel form, stato base */
  color: #cab26a;
}
.rec-page .rec-rating input:checked ~ label,
.rec-page .rec-rating label:hover,
.rec-page .rec-rating label:hover ~ label {
  color: #cab26a;                    /* mantenere l'oro anche su hover */
}
.rec-page .rec-stars .rec-star.filled {
  color: #cab26a;                    /* stelle piene nelle card */
}

/* (opzionale) migliora leggibilità dei campi su sfondo scuro */
.rec-page .rec-field input[type="text"],
.rec-page .rec-field textarea {
  background: rgba(255,255,255,0.08);
  color: #fff;
  border-color: rgba(202,178,106,0.35);
}
.rec-page .rec-field input::placeholder,
.rec-page .rec-field textarea::placeholder {
  color: rgba(255,255,255,0.6);
}
/* ——— Stelle bianche di default, oro quando selezionate ——— */

/* Form rating */
.rec-page .rec-rating label {
  color: #fff; /* colore iniziale bianco */
}
.rec-page .rec-rating input:checked ~ label,
.rec-page .rec-rating label:hover,
.rec-page .rec-rating label:hover ~ label {
  color: #cab26a; /* oro su hover o selezionato */
}

/* Stelle nelle card recensioni (verranno sovrascritte più sotto a oro fisso) */
.rec-page .rec-stars .rec-star {
  color: #fff; /* bianco di default */
}
.rec-page .rec-stars .rec-star.filled {
  color: #cab26a; /* oro quando piena */
}

/* ——— Bottone Pubblica recensione ——— */
.rec-page .rec-btn {
  background-color: #cab26a;
  color: #fff;
  border: none;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 10px;
  cursor: pointer;
}
.rec-page .rec-btn:hover {
  filter: brightness(1.05);
}

/* ===== OVERRIDE FINALE: card nere + accenti #cab26a come screenshot ===== */
.rec-page .rec-card{
  background:#0b0b0b !important;            /* nero pieno */
  border:1px solid rgba(202,178,106,.35);
  color:#cab26a;
}
.rec-page .rec-card .rec-name{ color:#fff !important; font-weight:700; }
.rec-page .rec-card .rec-sub{ color:#9aa0a6 !important; }
.rec-page .rec-card .rec-avatar{ border:2px solid rgba(202,178,106,.5); }

/* Stelle nelle CARD: oro di default */
.rec-page .rec-card .rec-stars .rec-star{ color:#cab26a !important; }
.rec-page .rec-card .rec-stars .rec-star.filled{ color:#cab26a !important; }

/* Commento nelle CARD: oro */
.rec-page .rec-card .rec-commento{ color:#cab26a !important; }





/* ===== FIX HOME: card nere + oro, nessun verde ===== */
body.home .recensioni-home .rec-card{
  background:#0b0b0b !important;
  border:1px solid rgba(202,178,106,.35);
  color:#cab26a;
}

body.home .recensioni-home .rec-name{ color:#fff !important; font-weight:700; }
body.home .recensioni-home .rec-sub{ color:#9aa0a6 !important; }
body.home .recensioni-home .rec-commento{ color:#cab26a !important; }

/* Stelle in home: sempre oro */
body.home .recensioni-home .rec-stars .rec-star{ color:#cab26a !important; }
body.home .recensioni-home .rec-stars .rec-star.filled{ color:#cab26a !important; }

/* Se in home usi il widget "rating" (etichette ★), evita il verde */
body.home .recensioni-home .rec-rating label{
  color:#cab26a !important;
}
body.home .recensioni-home .rec-rating label:hover,
body.home .recensioni-home .rec-rating input:checked ~ label{
  color:#cab26a !important;
}