@charset "utf-8";

/* Footer background and text */
.Footer {
    background-color: #ce1009 !important;
    color: #ffffff !important;
    text-align: center;
}

/* Footer links */
.Footer a {
    color: #ffffff !important;
    font-weight: 700; /* bold */
    text-decoration: none;
}

.Footer a:hover {
    text-decoration: underline;
}


/* Cookie consent positioning */
#teconsent {
    text-align: right;
    position: fixed !important;
    bottom: 0 !important;
    right: 0 !important;
    left: auto !important;
    z-index: 2147483647 !important;

    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    will-change: transform;
}

/* Full-width black bar */
#consent_blackbar {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 2147483647 !important;

    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    will-change: transform;
}

/* Hide header menu */
.headermenu {
    display: none !important;
}

/* =========================================
   MADRI SAINSBURYS HERO BANNER
   Responsive desktop/mobile image swap
   Matches:
   <section class="... Sainsburys-HeroBanner-Desktop">
========================================= */

/* Reset image wrapper so no inherited aspect rules interfere */
section.Sainsburys-HeroBanner-Desktop .ict-image {
    all: unset;
    display: block !important;
}

/* Banner image sources */
section.Sainsburys-HeroBanner-Desktop {
    --hero-desktop: url("/2062622719/Handler/Picture/GU/F/Molson Coors//Madri//93100-2 MAD Paragon Site Assets Desktop 2560x800px P.jpg");
    --hero-mobile:  url("/459152031/Handler/Picture/GU/F/Molson Coors//Madri//93100-1 MAD Paragon Site Assets Mobile 1030x1350px P.jpg");
}

/* Make the hero full width */
section.Sainsburys-HeroBanner-Desktop {
    padding: 0 !important;
}

section.Sainsburys-HeroBanner-Desktop > .container {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Remove spacing that can stop full bleed */
section.Sainsburys-HeroBanner-Desktop .columns,
section.Sainsburys-HeroBanner-Desktop .column,
section.Sainsburys-HeroBanner-Desktop .block,
section.Sainsburys-HeroBanner-Desktop .is-inline-block {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

/* Apply desktop asset by default */
section.Sainsburys-HeroBanner-Desktop .ict-image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    content: var(--hero-desktop) !important;
}

/* Swap to mobile asset on smaller screens */
@media (max-width: 768px) {
    section.Sainsburys-HeroBanner-Desktop .ict-image img {
        content: var(--hero-mobile) !important;
    }
}
