/* Colore pulsante leggi tutto */
.article-list .article .readmore a {
    background-color: #1a5276 !important;
    color: #ffffff !important;
    padding: 10px 20px !important;
    border-radius: 5px;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Effetto hover */
.article-list .article .readmore a:hover {
    background-color: #007bff !important;
    color: #ffffff !important;
}

/* ===== BOX INFORMATIVI ===== */
.box-info {
    background-color: #e8f4f8;
    border-left: 5px solid #1a5276;
    padding: 15px 20px;
    margin: 20px 0;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1.6;
}

.box-avviso {
    background-color: #fef9e7;
    border-left: 5px solid #f39c12;
    padding: 15px 20px;
    margin: 20px 0;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1.6;
}

.box-importante {
    background-color: #fdedec;
    border-left: 5px solid #c0392b;
    padding: 15px 20px;
    margin: 20px 0;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1.6;
}

.box-successo {
    background-color: #eafaf1;
    border-left: 5px solid #27ae60;
    padding: 15px 20px;
    margin: 20px 0;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1.6;
}

/* ===== PULSANTI ===== */
.pulsante-primario {
    display: inline-block;
    background-color: #1a5276;
    color: #ffffff !important;
    padding: 12px 24px;
    border-radius: 5px;
    text-decoration: none !important;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 5px 10px 0;
}

.pulsante-secondario {
    display: inline-block;
    background-color: #ffffff;
    color: #1a5276 !important;
    padding: 10px 22px;
    border-radius: 5px;
    text-decoration: none !important;
    font-size: 16px;
    font-weight: bold;
    border: 2px solid #1a5276;
    margin: 10px 5px 10px 0;
}

.pulsante-reclamo {
    display: inline-block;
    background-color: #c0392b;
    color: #ffffff !important;
    padding: 12px 24px;
    border-radius: 5px;
    text-decoration: none !important;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 5px 10px 0;
}

/* ===== ICONE COLORATE ===== */
.icona-blu { color: #1a5276; margin-right: 6px; }
.icona-rossa { color: #c0392b; margin-right: 6px; }
.icona-verde { color: #27ae60; margin-right: 6px; }
.icona-arancio { color: #f39c12; margin-right: 6px; }

/* ===== TITOLO SEZIONE ===== */
h3.titolo-sezione {
    border-bottom: 3px solid #1a5276;
    padding-bottom: 8px;
    color: #1a5276;
}

/* ===== CITAZIONE NORMATIVA ===== */
blockquote.norma {
    border-left: 4px solid #1a5276;
    margin: 20px 0;
    padding: 10px 20px;
    background: #f8f9fa;
    font-style: italic;
    color: #555;
}

/* =============================================
   FRONTEND ARTICOLO APERTO
   Regole più ampie per Helix/Joomla 6
   ============================================= */

/* Corpo testo dell'articolo aperto */
body.com_content.view-article #sp-main-body article,
body.com_content.view-article #sp-main-body .item-page,
body.com_content.view-article #sp-main-body .article-details,
body.com_content.view-article #sp-main-body .article-content,
body.com_content.view-article #sp-main-body .entry-content,
body.com_content.view-article #sp-main-body .com-content-article__body,
body.com_content.view-article #sp-main-body .articleBody {
    font-family: Georgia, "Times New Roman", Times, serif !important;
    font-size: 16pt !important;
    line-height: 1.6 !important;
}

/* Elementi del testo: ereditano il default ma lasciano liberi gli span creati da JCE */
body.com_content.view-article #sp-main-body article p,
body.com_content.view-article #sp-main-body article ul,
body.com_content.view-article #sp-main-body article ol,
body.com_content.view-article #sp-main-body article li,
body.com_content.view-article #sp-main-body article td,
body.com_content.view-article #sp-main-body article th,
body.com_content.view-article #sp-main-body article blockquote,
body.com_content.view-article #sp-main-body .item-page p,
body.com_content.view-article #sp-main-body .item-page ul,
body.com_content.view-article #sp-main-body .item-page ol,
body.com_content.view-article #sp-main-body .item-page li,
body.com_content.view-article #sp-main-body .item-page td,
body.com_content.view-article #sp-main-body .item-page th,
body.com_content.view-article #sp-main-body .item-page blockquote,
body.com_content.view-article #sp-main-body .article-details p,
body.com_content.view-article #sp-main-body .article-details ul,
body.com_content.view-article #sp-main-body .article-details ol,
body.com_content.view-article #sp-main-body .article-details li,
body.com_content.view-article #sp-main-body .article-details td,
body.com_content.view-article #sp-main-body .article-details th,
body.com_content.view-article #sp-main-body .article-details blockquote,
body.com_content.view-article #sp-main-body .article-content p,
body.com_content.view-article #sp-main-body .article-content ul,
body.com_content.view-article #sp-main-body .article-content ol,
body.com_content.view-article #sp-main-body .article-content li,
body.com_content.view-article #sp-main-body .article-content td,
body.com_content.view-article #sp-main-body .article-content th,
body.com_content.view-article #sp-main-body .article-content blockquote,
body.com_content.view-article #sp-main-body .entry-content p,
body.com_content.view-article #sp-main-body .entry-content ul,
body.com_content.view-article #sp-main-body .entry-content ol,
body.com_content.view-article #sp-main-body .entry-content li,
body.com_content.view-article #sp-main-body .entry-content td,
body.com_content.view-article #sp-main-body .entry-content th,
body.com_content.view-article #sp-main-body .entry-content blockquote,
body.com_content.view-article #sp-main-body .com-content-article__body p,
body.com_content.view-article #sp-main-body .com-content-article__body ul,
body.com_content.view-article #sp-main-body .com-content-article__body ol,
body.com_content.view-article #sp-main-body .com-content-article__body li,
body.com_content.view-article #sp-main-body .com-content-article__body td,
body.com_content.view-article #sp-main-body .com-content-article__body th,
body.com_content.view-article #sp-main-body .com-content-article__body blockquote {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

/* Titolo articolo aperto */
body.com_content.view-article #sp-main-body h1,
body.com_content.view-article #sp-main-body .page-header h1,
body.com_content.view-article #sp-main-body .page-header h1 a,
body.com_content.view-article #sp-main-body .page-header h2,
body.com_content.view-article #sp-main-body .page-header h2 a,
body.com_content.view-article #sp-main-body .article-header h1,
body.com_content.view-article #sp-main-body .article-header h1 a,
body.com_content.view-article #sp-main-body .article-header h2,
body.com_content.view-article #sp-main-body .article-header h2 a,
body.com_content.view-article #sp-main-body h1[itemprop="headline"],
body.com_content.view-article #sp-main-body h2[itemprop="headline"],
body.com_content.view-article #sp-main-body .article-title,
body.com_content.view-article #sp-main-body .article-title a,
body.com_content.view-article #sp-main-body .entry-title,
body.com_content.view-article #sp-main-body .entry-title a {
    font-family: Georgia, "Times New Roman", Times, serif !important;
    font-size: 24pt !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #1a5276 !important;
    margin-bottom: 0.6em !important;
}

/* =============================================
   FRONTEND ELENCO / BLOG / CATEGORIA
   ============================================= */

body.com_content.view-category #sp-main-body .blog-item,
body.com_content.view-category #sp-main-body .item-content,
body.com_content.view-category #sp-main-body .article,
.com-content-category-blog .blog-item,
.com-content-category-blog .item-content {
    font-family: Georgia, "Times New Roman", Times, serif !important;
    font-size: 16pt !important;
    line-height: 1.6 !important;
}

body.com_content.view-category #sp-main-body .blog-item p,
body.com_content.view-category #sp-main-body .blog-item ul,
body.com_content.view-category #sp-main-body .blog-item ol,
body.com_content.view-category #sp-main-body .blog-item li,
body.com_content.view-category #sp-main-body .item-content p,
body.com_content.view-category #sp-main-body .item-content ul,
body.com_content.view-category #sp-main-body .item-content ol,
body.com_content.view-category #sp-main-body .item-content li,
body.com_content.view-category #sp-main-body .article p,
body.com_content.view-category #sp-main-body .article ul,
body.com_content.view-category #sp-main-body .article ol,
body.com_content.view-category #sp-main-body .article li,
.com-content-category-blog .blog-item p,
.com-content-category-blog .blog-item ul,
.com-content-category-blog .blog-item ol,
.com-content-category-blog .blog-item li,
.com-content-category-blog .item-content p,
.com-content-category-blog .item-content ul,
.com-content-category-blog .item-content ol,
.com-content-category-blog .item-content li {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

/* Titoli articoli in elenco/blog/categoria */
body.com_content.view-category #sp-main-body .blog-item h2,
body.com_content.view-category #sp-main-body .blog-item h2 a,
body.com_content.view-category #sp-main-body .item-content h2,
body.com_content.view-category #sp-main-body .item-content h2 a,
body.com_content.view-category #sp-main-body .article h2,
body.com_content.view-category #sp-main-body .article h2 a,
.com-content-category-blog .blog-item h2,
.com-content-category-blog .blog-item h2 a,
.com-content-category-blog .item-content h2,
.com-content-category-blog .item-content h2 a {
    font-family: Georgia, "Times New Roman", Times, serif !important;
    font-size: 24pt !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: #1a5276 !important;
}