/* ============================================================
   Blog standalone overrides — loaded LAST.
   Fixes the page background, container centering, and restores
   the legacy blog-content typography without pulling the whole
   prod theme (which polluted body bg + footer + container).
   ============================================================ */

/* Page background gradient (grey -> white). */
html,
body.blog-standalone {
    background: linear-gradient(to bottom, #ebebeb 0%, #fff 90px) no-repeat #fff !important;
}

/* Center the content container (Bootstrap container from theme.css keeps the max-width). */
#wrapper > .container {
    margin-left: auto;
    margin-right: auto;
}

/* Legacy blog-content typography (theme_nq), scoped to the blog area only. */
.blog__content .heading-1,
.blog__content .blog__content__heading__title.heading-1 {
    font: 900 40px/44px "Tisa", Helvetica, Arial, sans-serif;
    color: #0080c3;
    margin-bottom: 30px;
}
.blog__content .page-subheading {
    text-align: center;
    margin-bottom: 10px;
}
.blog__content .page-subheading--small { font-size: 24px; }
.blog__content .page-subheading--alt   { color: #0080c3; font-size: 40px; line-height: 42px; }
.blog__content .base-blue-text          { color: #0080c3; }

/* Remove the decorative "courbe-micro.svg" shape mintytheme paints on .wrapper. */
#wrapper.wrapper,
main.wrapper {
    background-image: none !important;
    background: none !important;
}

/* Move the grey->white gradient from .blog__content (container-width, set in
   style.css) to the full-width body. */
.blog__content {
    background-image: none !important;
    background: none !important;
}
body.blog-standalone {
    background-image: linear-gradient(to bottom, #ebebeb 0%, #fff 90px) !important;
    background-repeat: repeat-x !important;
    background-color: #fff !important;
}

/* Footer column links in white. */
#footer .footer-block__list a,
#footer .footer-block__content a:not(.btn),
#footer .footer-block__title a,
#footer .footer__main__top a:not(.btn) {
    color: #fff !important;
}
#footer .footer-block__list a:hover,
#footer .footer-block__content a:not(.btn):hover,
#footer .footer__main__top a:not(.btn):hover {
    color: #fff !important;
    opacity: .8;
}

/* Footer links: drop the WordPress theme's global underline.
   micro_mobility/style.css declares `a,.base-link{text-decoration:underline}`
   unlayered, so it beats Hummingbird theme.css's `a{text-decoration:none}` reset
   (which lives inside an @layer). Restore the PrestaShop footer look (no
   underline); .btn calls-to-action keep their own styling. */
#footer a:not(.btn) {
    text-decoration: none;
}