.footer-contact {
    margin-block-end: 0;
    margin-block-start: 0;
}

.footer-contact-shortcode h2 {
    color: var(--wp--preset--color--base);
}

.footer-contact-shortcode .contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-contact-shortcode .contact-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    color: var(--wp--preset--color--base);
    line-height: 1.5;
}

.footer-contact-shortcode .contact-list li.wp-block-pages-list__item {
    margin-bottom: 8px;
}

.footer-contact-shortcode .contact-list i {
    font-size: 18px;
    width: 25px;
    margin-right: 15px;
    margin-top: 3px;
    color: var(--wp--preset--color--brand-light);
    text-align: center;
    flex-shrink: 0;
}

.footer-contact-shortcode .contact-list a {
    color: inherit;
    text-decoration: none;
}

.footer-contact-shortcode .contact-list a:hover {
    text-decoration: underline;
}

/* Container framework next to the clock icon */
.footer-contact-shortcode .hours-grid {
    display: grid;
    grid-template-columns: max-content max-content; /* Two columns: one for days, one for hours */
    column-gap: 10%; /* Pushes space cleanly between the two columns */
    row-gap: 8px;    /* Adds uniform spacing between rows */
    width: 100%;     /* Spans the available width of the footer item */
}

/* Left Column: Days alignment */
.footer-contact-shortcode .hours-grid .days {
    text-align: left;
    font-weight: 500;
}

/* Right Column: Hours alignment */
.footer-contact-shortcode .hours-grid .hours {
    text-align: left;
}

.footer-contact-shortcode .wp-block-page-list {
    column-count: 2;
    column-gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-contact-shortcode .wp-block-page-list li {
    break-inside: avoid; /* Prevents a single link from splitting across columns */
}


@media screen and (max-width: 949px) {
    
    .footer-contact.wp-block-columns {
        flex-direction: column;
    }
    
    .footer-contact h2::before {
        display: none;
    }
    
}

@media screen and (max-width: 1075px) {
    .footer-contact-shortcode .hours-grid {
        grid-template-columns: 1fr;
        row-gap: 0;
    }

    .footer-contact-shortcode .hours-grid .days {
        padding-top: 8px; /* space above each new day */
        font-weight: 600; /* slightly bolder since it's now a header-like label */
    }

    .footer-contact-shortcode .hours-grid .hours {
        text-align: left;
        padding-bottom: 4px;
    }
	
}