/* Fix logo alignment in article pages */
.com_content.view-article .u-logo {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.com_content.view-article .u-header .u-logo {
    position: relative;
    left: 0 !important;
    transform: none !important;
}

/* Ensure header container alignment */
.com_content.view-article .u-header .u-container-layout {
    justify-content: flex-start !important;
    align-items: center !important;
}

.u-image.u-logo img {
    display: block;
    margin-left: -150px;
}

/* Layout articolo con sidebar destra al 20% - MASSIMA PRIORITÀ */
section.u-section-1 > div.u-sheet-1,
.u-section-1 .u-sheet-1,
.com-content-article .u-sheet,
.view-article .u-sheet {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 30px !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
}

/* Assicura che i figli non crescano oltre */
.u-section-1 .u-sheet-1 > *:not(.article-sidebar) {
    flex-shrink: 1;
}

.u-section-1 .article-content,
.com-content-article .article-content,
.view-article .article-content {
    flex: 0 0 78% !important;
    max-width: 78% !important;
    width: 78% !important;
}

/* Rimuovi larghezza espansa dal post-details quando è in article-content */
.article-content .u-post-details.u-expanded-width {
    width: 100% !important;
}

.u-section-1 .article-sidebar,
.com-content-article .article-sidebar,
.view-article .article-sidebar {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    width: 25% !important;
    background: #f8f9fa00;
    padding: 20px;
    border-radius: 8px;
    border: 0px solid #e0e0e0;
    align-self: flex-start !important;
}

/* Sidebar styling */
.article-sidebar h3 {
    margin-top: 0;
    font-size: 1.2rem;
    color: #333;
    border-bottom: 2px solid #007bff;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.article-sidebar .sidebar-item {
    margin-bottom: 20px;
}

.article-sidebar .sidebar-item:last-child {
    margin-bottom: 0;
}

/* Responsive: su mobile la sidebar va sotto */
@media (max-width: 768px) {
    .com-content-article .u-sheet,
    .view-article .u-sheet {
        flex-direction: column;
    }
    
    .com-content-article .article-content,
    .view-article .article-content,
    .com-content-article .article-sidebar,
    .view-article .article-sidebar {
        flex: 0 0 100%;
        max-width: 100%;
    }
}