/* Hide Title and Border When Customizer Setting is OFF */

/* 
 * This CSS only applies when "Hiển thị tiêu đề" is turned OFF in Customizer
 * It hides the title and removes borders/frames but KEEPS the content visible
 */

/* For sections that have title hidden via Customizer */
.homepage-section.title-hidden .section-header {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove borders and frames when title is hidden */
.homepage-section.title-hidden {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
}

/* Keep content visible */
.homepage-section.title-hidden .section-content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Alternative: Target sections without the title shown */
.results-section:not(.has-title),
.soicau-section:not(.has-title),
.statistics-section:not(.has-title),
.blog-section:not(.has-title) {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
}

.results-section:not(.has-title) .section-header,
.soicau-section:not(.has-title) .section-header,
.statistics-section:not(.has-title) .section-header,
.blog-section:not(.has-title) .section-header {
    display: none !important;
}

/* Mobile styles */
@media (max-width: 767px) {
    .homepage-section.title-hidden {
        margin: 0 !important;
        padding: 0 !important;
    }
}