/* Organizzatori (page-organizzatori.php). Carica anche chi-siamo.css: .cs-num, .cs-fare, .cs-intro, .cs-inviti vengono da li'. */

.or-azioni { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 6px; }
.or-num { margin-top: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.or-num b { font-size: 30px; }
@media (max-width: 719px) { .or-num { gap: 8px; } .or-num .tile { padding: 12px; } .or-num b { font-size: 24px; } .or-num span { font-size: 12px; } }

/* dove esce */
.or-dove { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 12px; }
@media (min-width: 720px) { .or-dove { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .or-dove { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.or-dove li { display: flex; align-items: flex-start; gap: 12px; padding: 16px; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--line); }
.or-dove .ic, .or-passi .ic { width: 44px; height: 44px; border-radius: 50%; background: var(--surface-2); color: var(--accent); display: inline-flex; align-items: center; justify-content: center; flex: none; }
.or-dove .ic svg { width: 22px; height: 22px; }
.or-dove .t { font-size: 13px; color: var(--text-2); min-width: 0; }
.or-dove strong { display: block; font-size: 15px; color: var(--text); margin-bottom: 2px; }
.or-dove strong a { display: inline-block; padding: 10px 0; margin: -10px 0; }
.or-dove strong a:hover { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }

/* 3 passi */
.or-passi { list-style: none; margin: 0; padding: 0; }
.or-passi .ic { font-family: var(--font-display); font-size: 20px; font-weight: 700; background: var(--accent); color: var(--accent-fg); }
.or-via { display: flex; }

/* consigliati */
.or-promo { padding: 22px; border: 1px solid var(--line); }
.or-promo .eyebrow { color: rgba(244,241,234,.7); }
.or-promo p { font-size: 14px; max-width: 72ch; }

/* consigli + domande */
.or-info { display: grid; grid-template-columns: 1fr; gap: 14px; align-items: start; }
@media (min-width: 900px) { .or-info { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); } }
.or-info .tile { padding: 22px; }
.or-info h2 { font-size: 22px; }
.or-check { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.or-check li { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: var(--text-2); }
.or-check svg { width: 18px; height: 18px; flex: none; margin-top: 2px; color: var(--ok); }
.or-faq details { border-top: 1px solid var(--line); }
.or-faq details:first-child { border-top: 0; }
.or-faq summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; padding: 10px 0; font-weight: 700; font-size: 15px; }
.or-faq summary::-webkit-details-marker { display: none; }
.or-faq summary::after { content: '+'; flex: none; width: 28px; height: 28px; border-radius: 50%; background: var(--surface-2); color: var(--accent); display: inline-flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 600; }
.or-faq details[open] summary::after { content: '\2212'; }
.or-faq details p { padding: 0 0 14px; font-size: 14px; color: var(--text-2); }

/* riquadri che non sono link: fermi */
.or-num .tile:hover, .or-passi .tile:hover, .or-info .tile:hover, .or > .tile:hover, .or ~ .cs-inviti .tile:hover { transform: none; box-shadow: none; }