/* Automertens footer — dual vestigingen (Gemert + Bakel) + opening hours
   Companion to sandbox module am-footer-locations.php.
   Loads after am-bdh-automertens-footer; higher specificity overrides the plugin grid. */

/* Give the 5 columns a little more room */
footer.am-aftr .am-aftr__inner {
    max-width: 1320px;
}

/* Desktop: five columns — workshop dots, Gemert, Bakel, Zakelijk, Particulier */
footer.am-aftr .am-aftr__grid {
    grid-template-columns:
        minmax(120px, 0.68fr)
        minmax(165px, 1fr)
        minmax(165px, 1fr)
        minmax(200px, 1.12fr)
        minmax(160px, 1fr);
    column-gap: 30px;
    row-gap: 40px;
}

/* Opening hours block (sits under each vestiging address) */
footer.am-aftr .am-aftr__hours {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    color: var(--am-aftr-body-color, #ffffff);
    font-family: var(--am-aftr-body-font-family, "DINNextLTPro-Condensed", "DINNextLTPro-MediumCond", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif);
    font-size: var(--am-aftr-body-size, 20px);
    line-height: var(--am-aftr-body-line-height, 22px);
    font-weight: var(--am-aftr-body-weight, 400);
    letter-spacing: var(--am-aftr-body-letter-spacing, 0.35px);
}

footer.am-aftr .am-aftr__hours-title {
    color: var(--am-aftr-heading-color, #ED3031);
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

footer.am-aftr .am-aftr__hours-line {
    color: var(--am-aftr-body-color, #ffffff);
}

footer.am-aftr .am-aftr__hours-line--closed {
    font-weight: 600;
}

/* --- Responsive: override the plugin's 4-column media rules for 5 items --- */
@media (max-width: 1200px) {
    footer.am-aftr .am-aftr__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 32px;
        row-gap: 40px;
    }
}

@media (max-width: 1024px) {
    footer.am-aftr .am-aftr__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: var(--am-aftr-tablet-column-gap, 40px);
        row-gap: 42px;
    }
}

@media (max-width: 767px) {
    footer.am-aftr .am-aftr__grid {
        grid-template-columns: 1fr;
        row-gap: var(--am-aftr-mobile-row-gap, 34px);
    }

    footer.am-aftr .am-aftr__hours {
        font-size: var(--am-aftr-mobile-body-size, 18px);
        line-height: var(--am-aftr-mobile-body-line-height, 22px);
    }
}