/* Wrapper generale con sfondo scuro */
.an-wrap {
    background: #060D1B;
    padding: 20px;
    border-radius: 0;
    color: #e6f5ff;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

/* Card principali */
.an-card {
    background: #0A1120;
    margin-bottom: 26px;
    padding: 22px;
    border-radius: 22px;
    border: 1px solid rgba(46,91,184,0.30);
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}

/* Card form leggermente diversa */
.an-form-card {
    border: 1px solid rgba(100,140,230,0.35);
    background: #0B1528;
}
/* Fix leggibilità menu a tendina (Atlas News) */
.atlas-news-container select,
.atlas-news-container option {
    background-color: #111 !important;
    color: #fff !important;
}

/* Sfondo scuro alla lista quando si apre */
.atlas-news-container select:focus option {
    background-color: #111 !important;
    color: #fff !important;
}

/* Fix universale per browser che ignorano gli option */
option {
    background-color: #111 !important;
    color: #fff !important;
}
/* Titoli card */
.an-card h2 {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
}

/* Label generiche */
.an-label {
    display: block;
    font-size: 14px;
    color: #dfe9ff;
    margin-bottom: 4px;
    margin-top: 8px;
}

/* Label titolo evidenziata */
.an-title-label {
    color: #BFD3FF;
}

/* Inline form (per select singole) */
.an-inline-form {
    margin-bottom: 10px;
}

/* Filtri affiancati */
.an-filters-row {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 6px;
    margin-bottom: 4px;
}
.an-filter-col {
    flex: 1 1 220px;
}

/* Select / input / textarea */
.an-select,
.an-input,
.an-textarea {
    width: 100%;
    background: #07101F;
    border: 1px solid #2e5bb8;
    border-radius: 22px;
    padding: 10px 14px;
    color: #f4f8ff;
    margin-bottom: 14px;
    font-size: 15px;
    outline: none;
    box-sizing: border-box;
}

/* Campo titolo leggermente diverso */
.an-input-title {
    background: #0A152A;
    border-color: #4A7CFF;
}

/* Textarea */
.an-textarea {
    border-radius: 18px;
    min-height: 120px;
    resize: vertical;
}

/* News list */
.an-news-list {
    margin-top: 10px;
}

/* Box notizia (feed) più chiaro */
.an-newsbox {
    background: #0D1A2E;
    padding: 18px 18px 16px;
    border-radius: 22px;
    border: 1px solid rgba(80,120,200,0.45);
    margin-top: 18px;
    position: relative;
}

/* Box notizia compatto per liste brevi */
.an-newsbox-compact {
    background: #07101F;
    border-color: rgba(80,120,200,0.45);
}

/* Icona bullet notizia */
.an-newsbox .bullet {
    position: absolute;
    left: -10px;
    top: -10px;
    background: #13315c;
    padding: 6px 10px;
    border-radius: 12px;
    font-size: 14px;
}

/* Titolo notizia */
.an-newsbox h3 {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
}

/* Meta notizia */
.an-newsbox .meta {
    font-size: 13px;
    color: #9eb3cc;
    margin-bottom: 10px;
}

/* Testo notizia */
.an-newsbox p {
    font-size: 14px;
    line-height: 1.48;
    color: #dfe9ff;
}

/* Testo vuoto */
.an-empty {
    font-size: 14px;
    color: #9eb3cc;
    font-style: italic;
}

/* Header sezione "ultime 5" / "ultimi 30 giorni" */
.an-all-header {
    margin-top: 8px;
    font-size: 14px;
    color: #b0c7e0;
}

/* Divider tra notizie nella vista all */
.an-divider {
    margin: 10px 0;
    border-bottom: 1px solid rgba(90,130,210,0.35);
}

/* Box toggle Mostra tutte / Torna indietro */
.an-toggle-box {
    display: block;
    margin-top: 16px;
    text-decoration: none;
    text-align: center;
    padding: 10px 14px;
    border-radius: 22px;
    background: #1E3FA8;
    border: 1px solid rgba(120,170,255,0.70);
    color: #f4f8ff;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 8px 20px rgba(0,0,0,0.45);
}

.an-toggle-box.back {
    background: #13315c;
    border-color: rgba(120,170,255,0.5);
}

.an-toggle-box:hover {
    background: #3457d4;
}

/* Form: bottone invio */
.an-submit {
    width: 100%;
    margin-top: 14px;
    background: #25a4ff;
    border: none;
    border-radius: 999px;
    padding: 11px 18px;
    font-size: 15px;
    font-weight: 700;
    color: #020617;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(0,0,0,0.65);
}

.an-submit:hover {
    background: #42b6ff;
}

/* Messaggio successo */
.an-success {
    color: #4ade80;
    font-size: 14px;
    margin: 4px 0 10px;
}

/* Wrapper variante per shortcode last5 */
.an-last5-wrap {
    padding: 10px;
}

/* Switch lingua */
.an-lang-switch {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}
.an-lang-label {
    font-size: 13px;
    color: #b0c7e0;
}
.an-lang-btn {
    border: 1px solid rgba(120,170,255,0.6);
    background: transparent;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 12px;
    color: #e6f5ff;
    cursor: pointer;
}
.an-lang-btn.active {
    background: #1E3FA8;
    box-shadow: 0 0 10px rgba(120,170,255,0.7);
}

/* Responsive */
@media (min-width: 768px) {
    .an-wrap {
        padding: 26px;
    }
}
/* Forza sfondo scuro ai menu a tendina (Windows, Chrome, Edge) */
.atlas-news-container select {
    background-color: #0A1120 !important; 
    color: #fff !important;
}

/* Lista quando si apre */
.atlas-news-container select option {
    background-color: #0A1120 !important;
    color: #fff !important;
}

/* Hack per Windows (Chrome/Edge) */
.atlas-news-container select::-ms-expand {
    background-color: #0A1120 !important;
    color: #fff !important;
}

/* Menu aperto (forza lo sfondo scuro sul container) */
.atlas-news-container {
    background-color: #0A1120 !important;
}

/* Fix universale */
option {
    background-color: #0A1120 !important;
    color: #fff !important;
}
/* Rimuove lo stile nativo dei select (fix Windows) */
.atlas-news-container select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-color: #0A1120 !important;
    color: #e6f5ff !important; /* testo visibile */
    padding-right: 30px !important; /* spazio per la freccia */
}

/* Freccia custom */
.atlas-news-container select {
    background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='16' viewBox='0 0 20 20' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M5.516 7.548l4.484 4.484 4.484-4.484-1.032-1.032-3.452 3.452-3.452-3.452z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 14px;
}
/* Aumenta altezza dei menu a tendina senza cambiare stile */
.atlas-news-container select {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    line-height: 1.4 !important;
    height: auto !important;
}
/* Forza i select a non essere coperti da overlay del tema */
.atlas-news-container select {
    position: relative !important;
    z-index: 9999 !important;
}
/* Rimuove trasparenze/blur del tema solo sopra i select */
.atlas-news-container select {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
/* Riduce leggermente la dimensione del font nei select */
.atlas-news-container select {
    font-size: 14px !important;
    line-height: 1.4 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
/* Sblocca altezza forzata del tema */
.an-wrap select,
.atlas-news-container select {
    height: 48px !important;
    min-height: 48px !important;
    line-height: 48px !important;
}
/* Override dei select del tema / Elementor */
.an-wrap select,
.an-wrap .elementor-field,
.an-wrap .elementor-select-wrapper select,
.atlas-news-container select {
    height: 48px !important;
    min-height: 48px !important;
    line-height: 48px !important;
    font-size: 16px !important;
}