/*
 * EuroMaTech footer: separators between the five content sections.
 * Bootstrap .row/.col, nested .row-cols-* and existing widgets are untouched.
 * This is isolated to the current footer's second .eur-row (the content row).
 */

/* The theme already paints a pseudo-divider from 576px on the UAE column.
 * Disable it: the new rules below own the divider consistently. */
#new-wrapper-footer-widgets .eur-row.gy-5 .footer-divider::after {
    content: none !important;
    display: none !important;
}

/* Mobile/tablet: when Bootstrap columns wrap, there are no separators. */
@media (max-width: 991.98px) {
    #new-wrapper-footer-widgets .eur-row.gy-5 > .eur-col,
    #new-wrapper-footer-widgets .eur-row.gy-5 .footer-divider {
        border-inline-end: 0;
    }
}

/* Wide Bootstrap grid: UAE | Saudi | Quick Links | About | Callback form. */
@media (min-width: 992px) {
    #new-wrapper-footer-widgets .eur-row.gy-5 > .eur-col.eur-main,
    #new-wrapper-footer-widgets .eur-row.gy-5 > .eur-col:nth-child(2),
    #new-wrapper-footer-widgets .eur-row.gy-5 .eur-main .footer-divider {
        border-inline-end: 1px solid rgba(255, 255, 255, 0.36);
    }
}

/* At xl the fifth column (callback form) becomes visible again.
 * The divider after About must only exist while that fifth column is visible. */
@media (min-width: 1200px) {
    #new-wrapper-footer-widgets .eur-row.gy-5 > .eur-col:nth-child(3) {
        border-inline-end: 1px solid rgba(255, 255, 255, 0.36);
    }
}