/* ==========================================================================
   AZZERAMENTO MARGINI IN TESTA
   ========================================================================== */
html, body, .site, .site-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ==========================================================================
   HEADER GENERALE (A tutta larghezza)
   ========================================================================== */
header.header,
header.header.container-header {
    background: #004d99 !important; /* Colore blu scuro principale */
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: none !important;
}

/* ==========================================================================
   FASCIA 1: TOP BAR (Azzurro Chiaro)
   ========================================================================== */
.container-topbar {
    background: #005bb7 !important; 
    padding: 12px 0 !important;
    border: none !important;
    margin-top: 0 !important;
    width: 100% !important;
}

#mod-custom504 {
    max-width: 1320px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

.topbar-container {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    position: relative !important;
    width: 100% !important;
}

.topbar-buttons {
    display: flex !important;
    gap: 20px !important;
    margin: 0 auto !important;
}

.topbar-buttons a {
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    padding: 8px 25px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-size: 1.3rem !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
}

.topbar-socials {
    position: absolute !important;
    right: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    gap: 20px !important;
}

.topbar-socials a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 1.4rem !important;
    display: inline-block !important;
}

.topbar-socials a:first-child::before {
    content: "\f082" !important;
    font-family: "Font Awesome 5 Brands", "Font Awesome 6 Brands", "FontAwesome" !important;
    font-weight: 400 !important;
}

.topbar-socials a:last-child::before {
    content: "\f16d" !important;
    font-family: "Font Awesome 5 Brands", "Font Awesome 6 Brands", "FontAwesome" !important;
    font-weight: 400 !important;
}

/* ==========================================================================
   FASCIA 2: HEADER PRINCIPALE (Logo, Menu, Cerca)
   ========================================================================== */
.container-header {
    padding-bottom: 20px !important;
    box-shadow: none !important;
}

/* Allineamento sulla stessa riga di tutto l'header */
.container-header .site-grid {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    max-width: 1320px !important;
    margin: 0 auto !important;
    width: 100% !important;
    padding-top: 20px !important;
}

/* Annulla i vecchi blocchi di colonna nativi */
.container-header .site-grid > div {
    grid-column: auto !important;
    grid-row: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

/* POSIZIONE MENU (Logo + Menu) */
.container-header .grid-child.container-nav {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-grow: 1 !important;
}

.container-header .grid-child.container-nav > .mod-custom {
    flex-shrink: 0 !important;
}

.container-header .grid-child.container-nav > ul.mod-menu {
    margin-left: 10% !important;
    margin-right: 40px !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
}

.container-header .mod-menu {
    display: flex !important;
    flex-direction: row !important;
    gap: 35px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.container-header .mod-menu a {
    color: #ffffff !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 1.15rem !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.container-header .mod-menu li::after,
.container-header .mod-menu a::after,
.container-header .mod-menu li.active::after {
    display: none !important;
    content: none !important;
}

.container-header .mod-menu li.active > a,
.container-header .mod-menu a.active {
    color: #ffffff !important;
    border-bottom: none !important;
}

.container-header .mod-menu li.current > a,
.container-header .mod-menu a.current {
    color: #FFFF00 !important; 
    border-bottom: none !important;
}


/* ==========================================================================
   FASCIA 3: FOOTER PERSONALIZZATO (Grigio, Crediti Scuri e Colonne 50/50)
   ========================================================================== */

/* Il contenitore nativo generale del footer */
footer.container-footer {
    background-color: #222222 !important; 
    background-image: none !important;
    color: #e0e0e0 !important;
    padding: 60px 0 0 0 !important; 
    border-top: none !important;
    display: block !important;
}

/* Forza il figlio nativo di Cassiopeia ad incolonnare i moduli */
footer.container-footer > .grid-child {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Forza il modulo personalizzato a prendersi tutta la larghezza della griglia */
footer.container-footer .mod-custom {
    width: 100% !important;
    max-width: 1320px !important;
    margin: 0 auto !important;
}

/* Contenitore delle due colonne */
.custom-footer-wrapper {
    max-width: 1320px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 20px 40px 20px !important;
    box-sizing: border-box !important;
}

/* Griglia flex estesa da bordo a bordo */
.footer-columns {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 0 !important;
}

/* Prima colonna ancorata a sinistra (prende metà schermo esatta) */
.footer-columns .footer-col:nth-child(1) {
    flex: 0 0 50% !important;
    width: 50% !important;
    padding-right: 30px !important;
    box-sizing: border-box !important;
}

/* Seconda colonna che parte esattamente da metà schermo (50%) */
.footer-columns .footer-col:nth-child(2) {
    flex: 0 0 50% !important;
    width: 50% !important;
    padding-left: 10px !important;
    box-sizing: border-box !important;
}

.footer-col h3 {
    color: #ffffff !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin-bottom: 25px !important;
}

.footer-col p {
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    color: #cccccc !important;
    margin-bottom: 25px !important;
}

.footer-col a {
    color: #cccccc !important;
    text-decoration: none !important;
}
.footer-col a:hover {
    color: #ffffff !important;
}

.footer-socials {
    display: flex !important;
    gap: 20px !important;
    margin-bottom: 25px !important;
}
.footer-socials a {
    color: #ffffff !important;
    font-size: 1.4rem !important;
}

.footer-logo-box {
    margin-bottom: 25px !important;
}
.footer-logo-box img {
    max-width: 280px !important;
    height: auto !important;
}

.footer-links {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.footer-links li {
    margin-bottom: 12px !important;
}
.footer-links li a {
    font-size: 0.9rem !important;
    color: #cccccc !important;
}

/* --------------------------------------------------------------------------
   L'ULTIMA RIGA: BARRA CREDITI A TUTTA LARGHEZZA
   -------------------------------------------------------------------------- */
#mod-custom281,
.container-footer .mod-footer {
    background-color: #1a1a1a !important; 
    margin: 0 !important;
    padding: 20px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    border-top: 1px solid #2d2d2d !important;
    display: block !important;
}

/* Allinea il testo interno del modulo crediti alla griglia del sito */
#mod-custom281 p,
#mod-custom281 small,
.container-footer .mod-footer p {
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    font-size: 0.85rem !important;
    color: #888888 !important;
    text-align: left !important;
    box-sizing: border-box;
}

#mod-custom281 a,
.container-footer .mod-footer a {
    color: #888888 !important;
}

/* ==========================================================================
   PAGINE INTERNE: STILE TABELLA UFFICI E SIDEBAR AZZURRATA (IMPOSTAZIONE FINALE)
   ========================================================================== */

/* --- 1. RIVESTIMENTO DELLA TABELLA --- */
.com-content article table, 
table.table,
.main-content table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-top: 20px !important;
    margin-bottom: 30px !important;
    font-size: 0.95rem !important;
}

/* Riga d'intestazione con sfondo azzurro pastello */
.com-content article table tr:first-child th,
.com-content article table thead tr th,
table.table th {
    background-color: #dbe9f4 !important; /* Azzurrino originale */
    color: #003366 !important;
    font-weight: 700 !important;
    padding: 12px 10px !important;
    border: 1px solid #c2d7e9 !important;
    text-align: left !important;
}

/* Righe e celle della tabella */
.com-content article table td,
table.table td {
    padding: 10px !important;
    border-bottom: 1px solid #e9eff4 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    vertical-align: middle !important;
    background: transparent !important;
}

/* Colorazione blu istituzionale per tutti i link testuali interni */
.com-content article a,
table.table a {
    color: #0056b3 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}
.com-content article a:hover,
table.table a:hover {
    color: #003366 !important;
    text-decoration: underline !important;
}


/* --- 2. RIVESTIMENTO SIDEBAR RIGHT (I BOX AZZURRATI) --- */

/* Intercettiamo i container dei moduli nativi di Cassiopeia in sidebar */
#sidebar-right .grid-child,
#sidebar-right > div,
.sidebar-right .card,
.sidebar-right .module {
    background-color: #f4f8fb !important; /* Sfondo chiarissimo azzurrato */
    border: 1px solid #dbe9f4 !important;  /* Bordo azzurro sottile */
    border-radius: 4px !important;
    padding: 20px !important;
    margin-bottom: 25px !important;
    box-shadow: none !important;
}

/* Titoli delle sezioni della barra laterale */
#sidebar-right h3,
#sidebar-right .card-title,
#sidebar-right h3.module-title,
.sidebar-right .card-header {
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    color: #333333 !important;
    text-transform: uppercase !important;
    border-bottom: none !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    padding: 0 !important;
    background: none !important;
    letter-spacing: 0.5px;
}

/* Formattazione delle liste all'interno dei box */
#sidebar-right ul,
.sidebar-right .card-body ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#sidebar-right ul li,
.sidebar-right .card-body ul li {
    padding: 8px 0 !important;
    border-bottom: 1px dashed #dbe9f4 !important; /* Divisore tratteggiato azzurro */
}

#sidebar-right ul li:last-child,
.sidebar-right .card-body ul li:last-child {
    border-bottom: none !important;
}

/* Link dentro la sidebar */
#sidebar-right ul li a,
.sidebar-right .card-body ul li a {
    color: #0056b3 !important;
    font-size: 0.9rem !important;
    text-decoration: none !important;
    display: inline-block !important;
}

#sidebar-right ul li a:hover,
.sidebar-right .card-body ul li a:hover {
    color: #003366 !important;
    text-decoration: underline !important;
}

/* ==========================================================================
   FORZATURA TOTALE MODULI (HTML, CATEGORIE, ARTICOLI) E TABELLA
   ========================================================================== */

/* 1. Applica sfondo e bordo corretto ai box della sidebar usando la classe */
.sidebar-right.card,
.sidebar-right [class*="mod-"],
.grid-child.container-sidebar-right .card {
    background-color: #f4f8fb !important; /* Sfondo azzurro chiaro */
    border: 1px solid #dbe9f4 !important;  /* Bordo azzurro coordinato */
    border-radius: 4px !important;
    padding: 20px !important;
    margin-bottom: 25px !important;
    display: block !important;
    box-shadow: none !important;
}

/* 2. 🎯 RESET COMPLETO DI QUALSIASI BOX INTERNO (Inclusi i moduli articoli categoria) */
.sidebar-right .card-body,
.sidebar-right .mod-list,
.sidebar-right .mod-list li,
.sidebar-right ul,
.sidebar-right li,
.sidebar-right .mod-articles-category-title {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

/* 3. Spaziatura verticale pulita tra i link della lista */
.sidebar-right .mod-list li,
.sidebar-right ul li {
    padding: 6px 0 !important;
    list-style: none !important;
}

/* 4. Stile pulito per i link nella barra laterale e rimozione di box sui titoli degli articoli */
.sidebar-right a,
.sidebar-right .mod-articles-category-title {
    color: #0056b3 !important;
    text-decoration: none !important;
    font-size: 0.95rem !important;
    display: inline-block !important;
    background: transparent !important;
}
.sidebar-right a:hover,
.sidebar-right .mod-articles-category-title:hover {
    color: #003366 !important;
    text-decoration: underline !important;
}

/* --- FORZATURA TABELLA UFFICI --- */
.com-content article table tr:first-child th,
.com-content article table tr:first-child td,
.com-content article table thead tr th,
table.table tr:first-child td {
    background-color: #dbe9f4 !important;
    color: #003366 !important;
    font-weight: 700 !important;
}
.com-content article table td {
    background: transparent !important;
}
.com-content article table td a {
    color: #0056b3 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}
.com-content article table td a:hover {
    text-decoration: underline !important;
}

/* ==========================================================================
   PAGINA NEWS: GRIGLIA ED ANTEPRIME CHIRURGICHE GOOGLE NEWS (STRUTTURA CONTENUTO)
   ========================================================================== */

/* 1. Forza il corpo dell'articolo a fare da griglia per i moduli */
.com-content.view-article [itemprop="articleBody"],
div.com-content-article__body {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
}

/* Evita il collasso di paragrafi e testi liberi */
div.com-content-article__body > p,
div.com-content-article__body > h1 {
    width: 100% !important;
    flex: 1 1 100% !important;
}

/* 2. Trasforma i blocchi dei moduli (.moduletable) in Card bianche pulite */
div.com-content-article__body div.moduletable {
    flex: 1 1 calc(50% - 12px) !important;
    min-width: 320px !important;
    background-color: #ffffff !important;
    border: 1px solid #e0e4e9 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    box-shadow: 0 1px 3px rgba(60,64,67,0.08) !important;
    box-sizing: border-box !important;
    margin-bottom: 20px !important;
}

/* 3. Resetta le liste interne dei moduli */
div.com-content-article__body ul.mod-articles-items {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

div.com-content-article__body ul.mod-articles-items li {
    padding: 16px 0 !important;
    border-bottom: 1px solid #f1f3f4 !important;
    list-style: none !important;
    background: transparent !important;
}

div.com-content-article__body ul.mod-articles-items li:last-child {
    border-bottom: none !important;
}

/* ==========================================================================
   4 e 5. ALLINEAMENTO A GRIGLIA: Forza il testo a sinistra e l'immagine a destra
   ========================================================================== */

div.com-content-article__body .mod-articles-item-content {
    display: grid !important;
    /* Crea due colonne: la prima prende tutto lo spazio, la seconda è fissa a 80px per la foto */
    grid-template-columns: 1fr 80px !important;
    column-gap: 20px !important;
    width: 100% !important;
    align-items: start !important;
}

/* Forza il Titolo e il Testo descrittivo a rimanere bloccati nella prima colonna (sinistra) */
div.com-content-article__body .mod-articles-title,
div.com-content-article__body .mod-articles-item-content p {
    grid-column: 1 !important; /* Colonna 1 = Sinistra */
    width: 100% !important;
}

/* Gestione dei margini del testo per non farli appiccicare */
div.com-content-article__body .mod-articles-title {
    margin: 0 0 4px 0 !important;
}

div.com-content-article__body .mod-articles-item-content p {
    font-size: 0.85rem !important;
    color: #5f6368 !important;
    line-height: 1.4 !important;
    margin: 4px 0 0 0 !important;
}

/* Forza l'immagine a posizionarsi nella seconda colonna (destra) e a occupare entrambe le righe se necessario */
div.com-content-article__body figure.mod-articles-image {
    grid-column: 2 !important; /* Colonna 2 = Destra */
    grid-row: 1 / span 2 !important; /* Si estende verticalmente accanto a titolo e testo */
    
    width: 80px !important;
    height: 80px !important;
    max-width: 80px !important;
    min-width: 80px !important;
    max-height: 80px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important; /* Centra la miniatura verticalmente */
}

div.com-content-article__body figure.mod-articles-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    border: 1px solid #e0e4e9 !important;
    display: block !important;
}

/* Titoli delle notizie */
div.com-content-article__body .mod-articles-title a {
    color: #1a0dab !important;
    font-size: 0.98rem !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
}
div.com-content-article__body .mod-articles-title a:hover {
    text-decoration: underline !important;
}

/* Ottimizzazione Mobile */
@media (max-width: 768px) {
    div.com-content-article__body div.moduletable {
        flex: 1 1 100% !important;
    }
}

/* colore voci menu top con hover */
.container-header .mod-list li a:hover {
    text-decoration: none;
    color: yellow !important;
}
/* colore bottoni e social top con hover */
.container-topbar a:not(.btn):hover {
    color: yellow !important;
}

/* ==========================================================================
   TEMPLATE ARTICOLO SCHEDA UFFICIO (IMPAGINAZIONE VERTICALE)
   ========================================================================== */

/* 1. Forza il blocco dell'intestazione ad occupare l'intera larghezza (NO AFFIANCAMENTO) */
.art-office-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 20px !important;
    width: 100% !important;
    padding-bottom: 20px !important;
    margin-bottom: 25px !important;
    border-bottom: 3px solid #005bb7 !important;
    clear: both !important; /* Impedisce affiancamenti indesiderati */
}

.art-office-icon {
    font-size: 2.5rem !important;
    background: #eef5fc !important;
    padding: 12px 18px !important;
    border-radius: 8px !important;
    flex-shrink: 0 !important;
}

.art-office-title-wrap h2 {
    color: #003366 !important;
    font-size: 1.8rem !important;
    font-weight: 700 !important;
    margin: 0 !important;
}

.art-office-subtitle {
    color: #666666 !important;
    margin: 4px 0 0 0 !important;
    font-size: 0.95rem !important;
}

/* 2. Griglia dei box Orari e Contatti: va SOTTO il titolo a tutta larghezza */
.art-office-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
    margin-bottom: 30px !important;
    clear: both !important; /* Forza il posizionamento sotto l'header */
}

/* Card interne (Orari e Contatti) */
.art-office-box {
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.art-office-box-head {
    background-color: #004d99 !important;
    color: #ffffff !important;
    padding: 10px 15px !important;
    font-size: 0.95rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.art-office-box-body {
    padding: 15px !important;
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
}

.art-office-box-body p {
    margin-bottom: 8px !important;
    color: #333333 !important;
}

.art-office-box-body p:last-child {
    margin-bottom: 0 !important;
}

.art-office-list-unstyled {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.art-office-list-unstyled li {
    margin-bottom: 8px !important;
    border-bottom: 1px dashed #e2e8f0 !important;
    padding-bottom: 5px !important;
}

.art-office-list-unstyled li:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

/* Tag/Badge orari */
.art-badge {
    font-size: 0.75rem !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    float: right !important;
}

.art-badge.warning {
    background-color: #fff3cd !important;
    color: #856404 !important;
}

.art-badge.avvertenza {
    background-color: #fff3cd !important;
    color: #856404 !important;
    float: none !important;
    text-align: center;
    font-size: 16px !important;
}
.art-badge.info {
    background-color: #d1ecf1 !important;
    color: #0c5460 !important;
}

/* Boxino link finale */
.art-office-wrapper .art-office-footer-link {
    background-color: #eef5fc !important;
    border-left: 4px solid #005bb7 !important;
    padding: 12px 15px !important;
    border-radius: 0 6px 6px 0 !important;
    font-size: 0.95rem !important;
    clear: both !important;
    width: 100% !important;
}

.art-office-footer-link a {
    color: #005bb7 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.art-office-footer-link a:hover {
    text-decoration: underline !important;
}

/* ==========================================================================
   CHIP / PILL LINK PER SOTTOTITOLO UFFICIO
   ========================================================================== */

/* Spaziatura del contenitore sottotitolo */
.art-office-subtitle {
    margin-top: 8px !important;
}

/* Stile del Chip / Label arrotondato */
.art-chip-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background-color: #eef5fc !important;
    color: #005bb7 !important;
    border: 1px solid #cce0f5 !important;
    padding: 4px 12px !important;
    border-radius: 20px !important; /* Arrotondamento a pillola */
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

/* Effetto Hover (al passaggio del mouse) */
.art-chip-link:hover {
    background-color: #005bb7 !important;
    color: #ffffff !important;
    border-color: #005bb7 !important;
    text-decoration: none !important;
    transform: translateY(-1px) !important; /* Leggero sollevamento */
    box-shadow: 0 4px 8px rgba(0, 91, 183, 0.25) !important;
}

/* ==========================================================================
   STILIZZAZIONE CATEGORIA BLOG (ELENCO UFFICI PER AREA)
   ========================================================================== */

/* 1. Resetta l'elenco numerato standard e crea una griglia responsive a 2 colonne */
.com-content-category-blog .items-more ol.com-content-blog__links {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
    gap: 15px !important;
    padding: 0 !important;
    margin: 20px 0 !important;
    list-style: none !important; /* Rimuove i numeri 1, 2, 3... */
    counter-reset: none !important;
}

/* 2. Trasforma ogni voce <li> in una card elegante */
.com-content-category-blog .items-more ol.com-content-blog__links li {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 4px solid #005bb7 !important; /* Riga di accento azzurra */
    border-radius: 6px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.2s ease-in-out !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Effetto Hover sulla Card */
.com-content-category-blog .items-more ol.com-content-blog__links li:hover {
    border-left-color: #003366 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 12px rgba(0, 91, 183, 0.15) !important;
    background-color: #f8fafc !important;
}

/* 3. Stile del link interno che riempie tutta la card */
.com-content-category-blog .items-more ol.com-content-blog__links li a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 16px !important;
    color: #003366 !important;
    font-weight: 600 !important;
    font-size: 0.98rem !important;
    text-decoration: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Aggiunge la freccetta ➔ allineata a destra */
.com-content-category-blog .items-more ol.com-content-blog__links li a::after {
    content: "➔" !important;
    font-size: 0.85rem !important;
    color: #005bb7 !important;
    transition: transform 0.2s ease !important;
    margin-left: auto !important;
    padding-left: 10px !important;
}

/* Effetto movimento freccetta all'hover */
.com-content-category-blog .items-more ol.com-content-blog__links li:hover a::after {
    transform: translateX(4px) !important;
    color: #003366 !important;
}