/* AlerteMeteo.ro — Modul Agricultor 2026 */
#t26Agro { margin: 0 16px 18px; }
.ag-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.ag-head h2 { font-family: var(--font-display); font-size: 1.15rem; margin: 0; font-weight: 400; }
.ag-loc { font-size: 0.72rem; color: var(--text-muted-dark); }
.ag-crops { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 10px; margin-bottom: 12px; scrollbar-width: none; }
.ag-crops::-webkit-scrollbar { display: none; }
.ag-crop {
  flex: 0 0 auto; display: flex; align-items: center; gap: 6px; cursor: pointer;
  padding: 9px 14px; border-radius: 999px; font-size: 0.8rem; font-weight: 600;
  background: var(--t26-glass-2, rgba(24,35,56,0.45)); color: inherit;
  border: 1px solid var(--t26-line, rgba(124,196,240,0.10));
  transition: transform 0.2s cubic-bezier(0.22,1,0.36,1), background 0.2s, border-color 0.2s;
}
.ag-crop:active { transform: scale(0.95); }
.ag-crop.on { background: rgba(70,168,120,0.16); border-color: rgba(70,168,120,0.45); color: #7BD9A6; }
.ag-crop-i { font-size: 1rem; }
.ag-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 10px; }
.ag-tile {
  padding: 14px 16px; border-radius: 18px;
  background: var(--t26-glass, rgba(16,24,40,0.55));
  border: 1px solid var(--t26-line, rgba(124,196,240,0.10));
  backdrop-filter: blur(20px) saturate(1.35); -webkit-backdrop-filter: blur(20px) saturate(1.35);
  box-shadow: var(--t26-shadow, 0 8px 32px rgba(0,0,0,0.35));
}
.ag-t { font-size: 0.68rem; letter-spacing: 0.09em; text-transform: uppercase; color: var(--text-muted-dark); margin-bottom: 10px; }
.ag-big { font-family: var(--font-mono, monospace); font-size: 1.9rem; line-height: 1; display: flex; align-items: baseline; gap: 5px; }
.ag-big small { font-size: 0.7rem; font-family: inherit; color: var(--text-muted-dark); }
.ag-big .risk { color: #E05A44; }
.ag-big .safe { color: #46A878; font-size: 1.4rem; }
.ag-note { font-size: 0.73rem; line-height: 1.5; color: var(--text-muted-dark); margin-top: 9px; text-wrap: pretty; }
.ag-strip { display: flex; gap: 1.5px; height: 34px; align-items: stretch; }
.ag-strip i { flex: 1; border-radius: 2px; opacity: 0; animation: ag-rise 0.5s cubic-bezier(0.22,1,0.36,1) forwards; }
.ag-strip i:nth-child(4n) { animation-delay: 0.04s; }
.ag-strip i.ok { background: linear-gradient(180deg, #46A878, #2F7C57); }
.ag-strip i.mid { background: linear-gradient(180deg, #F0B542, #C08A28); }
.ag-strip i.bad { background: linear-gradient(180deg, #E05A44, #A03828); }
@keyframes ag-rise { from { opacity: 0; transform: scaleY(0.3); } to { opacity: 1; transform: none; } }
.ag-legend { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; font-size: 0.66rem; color: var(--text-muted-dark); }
.ag-legend span { display: flex; align-items: center; gap: 5px; }
.ag-legend i { width: 9px; height: 9px; border-radius: 3px; display: inline-block; }
.ag-legend i.ok { background: #46A878; } .ag-legend i.mid { background: #F0B542; } .ag-legend i.bad { background: #E05A44; }
.ag-prog { height: 6px; border-radius: 3px; background: rgba(126,139,168,0.2); margin-top: 10px; overflow: hidden; }
.ag-prog i { display: block; height: 100%; width: 0; border-radius: 3px; background: linear-gradient(90deg, #46A878, #F0B542); transition: width 0.8s cubic-bezier(0.22,1,0.36,1); }
.ag-field { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 0.75rem; color: var(--text-muted-dark); margin-bottom: 10px; }
.ag-field input {
  width: 84px; padding: 8px 10px; border-radius: 10px; font-size: 0.85rem; text-align: right;
  background: rgba(126,139,168,0.12); border: 1px solid var(--t26-line, rgba(124,196,240,0.10));
  color: inherit; outline: none; font-family: var(--font-mono, monospace);
}
.ag-field input:focus { border-color: #46A878; }
.ag-advice {
  margin-top: 10px; padding: 12px 15px; border-radius: 14px; font-size: 0.79rem; line-height: 1.55;
  background: rgba(70,168,120,0.10); border: 1px solid rgba(70,168,120,0.25);
}

/* ---- Conținut SEO ---- */
.ag-seo { margin: 22px 16px 10px; }
.ag-seo h2 { font-family: var(--font-display); font-size: 1.15rem; font-weight: 400; margin: 0 0 10px; }
.ag-seo h3 { font-size: 0.9rem; margin: 18px 0 6px; }
.ag-seo p, .ag-seo li { font-size: 0.8rem; line-height: 1.65; color: var(--text-muted-dark); text-wrap: pretty; }
.ag-seo ul { padding-left: 18px; margin: 6px 0; display: grid; gap: 4px; }
.ag-faq { display: grid; gap: 8px; margin-top: 12px; }
.ag-faq details {
  border-radius: 14px; padding: 12px 15px;
  background: var(--t26-glass-2, rgba(24,35,56,0.45));
  border: 1px solid var(--t26-line, rgba(124,196,240,0.10));
}
.ag-faq summary { cursor: pointer; font-size: 0.84rem; font-weight: 600; list-style: none; display: flex; justify-content: space-between; gap: 10px; }
.ag-faq summary::-webkit-details-marker { display: none; }
.ag-faq summary::after { content: '+'; color: #46A878; font-size: 1.1rem; line-height: 1; }
.ag-faq details[open] summary::after { content: '−'; }
.ag-faq p { margin: 9px 0 0; }
.ag-regions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.ag-regions a {
  padding: 7px 13px; border-radius: 999px; font-size: 0.74rem; text-decoration: none;
  background: var(--t26-glass-2, rgba(24,35,56,0.45));
  border: 1px solid var(--t26-line, rgba(124,196,240,0.10));
  transition: border-color 0.2s, transform 0.2s;
}
.ag-regions a:hover { border-color: rgba(70,168,120,0.45); transform: translateY(-1px); }

.ag-regions a small { opacity: 0.55; font-size: 0.68rem; margin-left: 4px; }
.ag-regions a:active { transform: scale(0.96); }