/*
 * Premium section dividers
 *
 * A single quiet rule separates major page bands without boxing content.
 * Component cards, forms, buttons, and fields intentionally remain untouched.
 */
:root {
    --pina-section-divider: #D9E5F0;
    --pina-section-shadow: 0 1px 3px rgba(0, 46, 93, .09);
}

html body main > section {
    box-shadow: var(--pina-section-shadow) !important;
}

html body main > section + section {
    border-top: 1px solid var(--pina-section-divider) !important;
}

/* Some page templates group their major bands in a semantic page container. */
html body :is(
    .about-page,
    .programs-page,
    .calendar-page,
    .tourism-page,
    .contact-page,
    .updates-page,
    .services-page
) > section {
    box-shadow: var(--pina-section-shadow) !important;
}

html body :is(
    .about-page,
    .programs-page,
    .calendar-page,
    .tourism-page,
    .contact-page,
    .updates-page,
    .services-page
) > section + section {
    border-top: 1px solid var(--pina-section-divider) !important;
}

@media print {
    :root {
        --pina-section-divider: #C8D5E1;
        --pina-section-shadow: none;
    }
}