/* Nibbio Agrometeo v1.1.0 — stili namespacati sotto .nibbio-agrometeo.
   Integrazione col design system del sito: font Inria Serif (heading) / DM Sans (body),
   palette verde brand #184D47 su crema #F8F3ED, card flat radius 10px.
   I font sono già caricati dal tema (Global Styles), qui li referenziamo soltanto. */

/* Il div è figlio del contenitore is-layout-constrained (max 850px, centrato via margin auto).
   Allarghiamo il max-width a 1280px come le sezioni del sito e lasciamo centrare le auto-margin. */
.nibbio-agrometeo{
  box-sizing:border-box;
  width:100%;
  max-width:1280px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  color:#404040;
  font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:16px; line-height:1.55; letter-spacing:.2px;
  color-scheme:light;
}
.nibbio-agrometeo *{ box-sizing:border-box; }
.nibbio-agrometeo .wrap{ padding:8px 4px 40px; }

/* Intestazione */
.nibbio-agrometeo .na-header{ margin-bottom:6px; }
.nibbio-agrometeo .na-title{
  font-family:"Inria Serif",Georgia,serif; font-weight:700; color:#184D47;
  font-size:clamp(22px,3vw,29px); line-height:1.2; letter-spacing:.2px; margin:0 0 4px;
}
.nibbio-agrometeo .sub{ color:#5b6b58; font-size:15px; font-style:normal; }
.nibbio-agrometeo .sub i{ color:#184D47; }
.nibbio-agrometeo .meta{ color:#A4A4A4; font-size:12.5px; margin-top:5px; }
.nibbio-agrometeo .na-stafflink{ color:#184D47; font-weight:600; text-decoration:none; border-bottom:1px solid rgba(24,77,71,.35); }
.nibbio-agrometeo .na-stafflink:hover{ border-bottom-color:#184D47; }

/* Griglia + card */
.nibbio-agrometeo .grid{ display:grid; gap:20px; grid-template-columns:repeat(12,1fr); margin-top:18px; }
.nibbio-agrometeo .card{
  background:#FFFFFF; border:1px solid rgba(24,77,71,.10); border-radius:10px;
  padding:22px; grid-column:span 12; box-shadow:none;
}
.nibbio-agrometeo .card h2{
  font-family:"Inria Serif",Georgia,serif; font-weight:600; color:#184D47;
  font-size:16.5px; letter-spacing:.2px; text-transform:none; margin:0 0 14px; line-height:1.25;
}
@media(min-width:760px){
  .nibbio-agrometeo .c6{ grid-column:span 6; }
  .nibbio-agrometeo .c4{ grid-column:span 4; }
  .nibbio-agrometeo .c8{ grid-column:span 8; }
  .nibbio-agrometeo .c3{ grid-column:span 3; }
}

/* Condizioni attuali */
.nibbio-agrometeo .big{ font-size:40px; font-weight:700; line-height:1; color:#184D47; }
.nibbio-agrometeo .unit{ font-size:16px; color:#8a9787; font-weight:500; }
.nibbio-agrometeo .now-row{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.nibbio-agrometeo .now-icon{ font-size:46px; }
.nibbio-agrometeo .kv{ display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:16px; }
.nibbio-agrometeo .kv div{ font-size:13px; color:#6b7a68; }
.nibbio-agrometeo .kv b{ display:block; font-size:16px; color:#404040; font-weight:600; margin-top:2px; }

/* Stat */
.nibbio-agrometeo .stat{ text-align:center; }
.nibbio-agrometeo .stat .n{ font-family:"Inria Serif",Georgia,serif; font-size:30px; font-weight:700; color:#184D47; line-height:1; }
.nibbio-agrometeo .stat .l{ font-size:11.5px; color:#8a9787; text-transform:uppercase; letter-spacing:.5px; margin-top:8px; line-height:1.35; }
.nibbio-agrometeo .statrow{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }

/* Badge — palette brand */
.nibbio-agrometeo .badge{ display:inline-block; padding:3px 10px; border-radius:20px; font-size:11.5px; font-weight:600; }
.nibbio-agrometeo .b-ok{ background:#D6DCCE; color:#163D37; }
.nibbio-agrometeo .b-warn{ background:#EDE2CC; color:#7a5a1e; }
.nibbio-agrometeo .b-bad{ background:#F2DAD5; color:#9a3b2f; }
.nibbio-agrometeo .b-info{ background:#DDE7E4; color:#184D47; }

/* Grafici */
.nibbio-agrometeo .chart-box{ position:relative; height:270px; }
.nibbio-agrometeo .chart-box.tall{ height:300px; }

/* Morfologia */
.nibbio-agrometeo .terr{ display:grid; grid-template-columns:120px 1fr; gap:16px; align-items:center; }
.nibbio-agrometeo .compass{ width:120px; height:120px; }
.nibbio-agrometeo table.mini{ width:100%; border-collapse:collapse; font-size:13px; }
.nibbio-agrometeo table.mini td{ padding:6px 6px; border-bottom:1px solid #EFEBE3; }
.nibbio-agrometeo table.mini td:last-child{ text-align:right; font-weight:600; color:#184D47; }

/* Note / testo */
.nibbio-agrometeo .note{ font-size:13.5px; color:#4d5a48; line-height:1.6; }
.nibbio-agrometeo .note ul{ margin:8px 0 0; padding-left:18px; }
.nibbio-agrometeo .note li{ margin:6px 0; }
.nibbio-agrometeo .note b{ color:#184D47; }

.nibbio-agrometeo .loading{ color:#8a9787; font-size:13.5px; padding:8px 0; }
.nibbio-agrometeo .err{ background:#F2DAD5; color:#9a3b2f; padding:10px 12px; border-radius:8px; font-size:13px; }
.nibbio-agrometeo .legend{ display:flex; gap:16px; font-size:12px; color:#6b7a68; margin-top:10px; flex-wrap:wrap; }
.nibbio-agrometeo .dot{ display:inline-block; width:9px; height:9px; border-radius:50%; margin-right:5px; vertical-align:middle; }

/* Banner stato (staff) */
.nibbio-agrometeo .status-banner{ padding:12px 16px; border-radius:10px; font-size:14px; font-weight:600; margin-top:12px; }

/* Blocco riservato staff — cornice discreta per distinguerlo dal pubblico quando loggati */
.nibbio-agrometeo .staff-only{ position:relative; }
.nibbio-agrometeo .staff-tag{
  display:inline-block; font-size:10.5px; font-weight:700; letter-spacing:.6px; text-transform:uppercase;
  color:#184D47; background:#D6DCCE; border-radius:5px; padding:2px 7px; margin-left:8px; vertical-align:middle;
}