/* ===========================
   TOP REGIONS (messages, breadcrumb, highlighted, help)
   =========================== */

/* If you have a wrapper, fine; if not, these selectors still work */
.site-top,
.region-breadcrumb,
.region-highlighted,
.region-help {
    width: 100%;
}

/* Make these regions full width inside container */
.region.region-breadcrumb,
.region.region-highlighted,
.region.region-help {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
}

/* Messages often come in wrappers that limit width */
[data-drupal-messages],
.messages,
.messages__wrapper,
.messages__container {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Breadcrumb */
.breadcrumb,
.breadcrumb__list {
    width: 100%;
    max-width: none !important;
}