/* =========================================================
   Temps personal a la benvinguda
   ========================================================= */

.benv-temps{margin-top:14px}
.benv-temps-text,.benv-temps-config{font-size:12px;font-weight:700;color:var(--tinta);background:#fff;border:1px solid var(--linia);border-radius:20px;padding:4px 12px;display:inline-flex;align-items:center;gap:5px}
.benv-temps-text:hover,.benv-temps-config:hover{border-color:var(--verd-mig);background:var(--verd-clar)}

/* Sense vora ni fons — nomes el contingut, alineat amb la resta de la
   targeta de salutació (no és una capsa a part). */
.benv-temps-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:transparent;border:none;padding:0;min-width:180px;text-align:left}
.benv-temps-card:hover .benv-temps-lloc{color:var(--verd-fort)}
.benv-temps-lloc{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--gris);text-align:left}
.benv-temps-principal{display:flex;align-items:center;gap:6px}
.benv-temps-icona{font-size:20px;line-height:1}
.benv-temps-graus{font-size:22px;font-weight:800;color:var(--tinta)}
.benv-temps-detalls{font-size:10px;font-weight:600;color:var(--gris)}

#ubicacio-cerca{width:100%;padding:10px 13px;border:1px solid var(--linia-forta);border-radius:10px;font-size:13px;margin-bottom:10px}
#ubicacio-cerca:focus{border-color:var(--verd-mig)}
#ubicacio-resultats{display:flex;flex-direction:column;gap:6px}
.ubicacio-opcio{text-align:left;padding:10px 13px;border:1px solid var(--linia);border-radius:9px;background:#fbfcfb;font-size:13px}
.ubicacio-opcio:hover{background:var(--verd-clar);border-color:var(--verd-mig)}

@media(max-width:640px){
  .benv-temps-text,.benv-temps-config{font-size:11px;padding:3px 10px}
  .benv-temps-graus{font-size:18px}
}