/* ============================================
   COOKIE CONSENT BANNER - GDS STYLE
   Simon Maughan & Co
   ============================================ */


        /* ============================================
           COOKIE BANNER STYLES - Image 1 Layout
           ============================================ */
.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #233252;
    z-index: 999999;
    padding: 20px;
    display: none !important;
}

.cookie-banner.show {
    display: block !important;
}

        .cookie-banner__content {
            max-width: 1300px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 30px;
        }

        .cookie-banner__text {
            color: #ffffff;
            font-size: 1.1rem;
            line-height: 1.6;
            margin: 0;
            flex: 1;
        }

         .cookie-banner__text a {
            color: white;
            text-underline-offset:0.2rem;
   
        }

         .cookie-banner__text a:hover {
            color: white;
            text-decoration: underline;
            text-decoration-thickness: 3px;
   
        }

        .cookie-banner__buttons {
            display: flex;
            gap: 10px;
            flex-shrink: 0;
        }

        .cookie-banner__btn {
        display: inline-block;
        background-color: #B10000; 
        font-family: 'Montserrat', sans-serif;
        color: white;
        border: none;
        padding: 18px 28px;
        font-size: 1.1rem;
        cursor: pointer;
        text-decoration: none;
        border-radius: 0;
        text-align: center;
        box-shadow: 0px 3px 0 #890927; /* right + bottom */
        transition: background-color var(--transition-normal), transform var(--transition-normal), box-shadow var(--transition-normal);
        }


        .cookie-banner__btn:hover {
        background-color: #770707; 
        color: white;
        outline-offset: 3px;
        text-decoration: none;

        }


        /* Mobile */
        @media (max-width: 768px) {
            .cookie-banner__content {
                flex-direction: column;
                align-items: stretch;
                gap: 16px;
            }

            .cookie-banner__buttons {
                flex-direction: column;
            }

            .cookie-banner__btn {
                width: 100%;
            }

            .cookie-banner__text {
            color: #ffffff;
            font-size: 1rem !important;
            line-height: 1.4 !important;
            margin: 0;
            flex: 1;
        }
          .cookie-banner__buttons {
            font-size: 1rem !important;
        }
        }