/* MADA Rassegna · stile delle card, nei colori MADA. Le regole con !important annullano gli stili di Flatsome su pulsanti ed elenchi. */
.mada-rs { --mada-rs-y: #E7C43F; --mada-rs-k: #111111; --mada-rs-line: #e3e1d9; }

.mada-rs-filtri { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 28px; }
.mada-rs .mada-rs-filtro { display: inline-flex !important; align-items: center; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 9px 18px !important; border: 2px solid var(--mada-rs-k) !important; border-radius: 99px !important; background: transparent !important; color: var(--mada-rs-k) !important; font-family: "DM Sans", "Helvetica Neue", Arial, sans-serif; font-size: .95rem !important; font-weight: 700; line-height: 1.2 !important; letter-spacing: 0 !important; text-transform: none !important; box-shadow: none !important; cursor: pointer; }
.mada-rs .mada-rs-filtro[aria-pressed="true"] { background: var(--mada-rs-k) !important; color: #ffffff !important; }
.mada-rs .mada-rs-filtro:focus-visible { outline: 3px solid var(--mada-rs-y); outline-offset: 2px; }

.mada-rs .mada-rs-lista { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.mada-rs .mada-rs-voce { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.mada-rs .mada-rs-voce[hidden] { display: none !important; }
.mada-rs .mada-rs-voce::before, .mada-rs .mada-rs-voce::marker { content: none !important; }

.mada-rs .mada-rs-card { display: flex; flex-direction: column; gap: 10px; height: 100%; box-sizing: border-box; padding: 22px 22px 20px; background: #ffffff; border: 1px solid var(--mada-rs-line); border-radius: 20px; color: var(--mada-rs-k); text-decoration: none !important; transition: border-color .15s ease, transform .15s ease; }
.mada-rs .mada-rs-card:hover { border-color: var(--mada-rs-k); transform: translateY(-2px); }
.mada-rs .mada-rs-card:focus-visible { outline: 3px solid var(--mada-rs-y); outline-offset: 2px; }

.mada-rs .mada-rs-testa { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 12px; }
.mada-rs .mada-rs-tag { padding: 4px 12px; border-radius: 99px; background: var(--mada-rs-y); color: var(--mada-rs-k); font-family: "DM Sans", "Helvetica Neue", Arial, sans-serif; font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.mada-rs .mada-rs-data { font-family: "DM Sans", "Helvetica Neue", Arial, sans-serif; font-size: .82rem; color: #6b6b6b; }
.mada-rs .mada-rs-titolo { margin: 2px 0 0 !important; padding: 0; font-family: "Archivo", "Helvetica Neue", Arial, sans-serif; font-size: 1.12rem !important; font-weight: 800; line-height: 1.3; letter-spacing: -0.01em; color: var(--mada-rs-k) !important; text-wrap: balance; }
.mada-rs .mada-rs-anteprima { flex-grow: 1; font-family: "DM Sans", "Helvetica Neue", Arial, sans-serif; font-size: .96rem; line-height: 1.55; color: #3a3a3a; }
.mada-rs .mada-rs-fonte { font-family: "DM Sans", "Helvetica Neue", Arial, sans-serif; font-size: .85rem; font-weight: 700; color: var(--mada-rs-k); }

.mada-rs .mada-rs-nota { margin: 24px 0 0; font-size: .85rem; color: #6b6b6b; }
.mada-rs .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }

@media (max-width: 849px) { .mada-rs .mada-rs-lista { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 549px) { .mada-rs .mada-rs-lista { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .mada-rs .mada-rs-card { transition: none; } .mada-rs .mada-rs-card:hover { transform: none; } }