/* ===== Scented Serenade: Minimal M&S-style cookie bar (CSS-only) ===== */

/* Container: kill Luma yellow + make a slim bottom bar */
html body .page-wrapper #notice-cookie-block.message.global.cookie {
    background: #F5F3EF !important;
    /* your cream */
    border: none !important;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, .05) !important;
    padding: 12px 0 !important;
    color: #3e2e37 !important;
    font-family: Inter, Arial, sans-serif !important;
    line-height: 1.5 !important;
}

/* Inner layout: centered max width */
#notice-cookie-block .content,
#notice-cookie-block .content.ss-cookie-content {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 16px !important;
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 12px !important;
}

/* Title + copy spacing */
#notice-cookie-block .ss-cookie-title {
    margin: 0 0 4px !important;
}

#notice-cookie-block .ss-cookie-text {
    margin: 0 !important;
}

/* Buttons: full-width & stacked on mobile */
#notice-cookie-block .actions,
#notice-cookie-block .ss-cookie-actions {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 8px !important;
}

#notice-cookie-block .action,
#notice-cookie-block .ss-cookie-btn {
    width: 100% !important;
    padding: 10px 14px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    text-align: center !important;
    border: 1px solid transparent !important;
}

/* Primary: Accept all */
#notice-cookie-block .action.allow.primary,
#notice-cookie-block .ss-accept {
    background: #6E2A5A !important;
    border-color: #6E2A5A !important;
    color: #fff !important;
}

#notice-cookie-block .action.allow.primary:hover,
#notice-cookie-block .ss-accept:hover {
    background: #5b234b !important;
}

/* Outline: Reject + Manage */
#notice-cookie-block .ss-reject,
#notice-cookie-block .ss-manage {
    background: #fff !important;
    color: #6E2A5A !important;
    border-color: #6E2A5A !important;
    text-decoration: none !important;
    /* remove underline on Manage */
    justify-content: center !important;
}

/* Desktop: copy left, buttons inline on right */
@media (min-width: 768px) {

    #notice-cookie-block .content,
    #notice-cookie-block .content.ss-cookie-content {
        grid-template-columns: 1fr auto !important;
        align-items: center !important;
    }

    #notice-cookie-block .actions,
    #notice-cookie-block .ss-cookie-actions {
        grid-auto-flow: column !important;
        grid-auto-columns: max-content !important;
        grid-template-columns: none !important;
        gap: 8px !important;
    }

    #notice-cookie-block .action,
    #notice-cookie-block .ss-cookie-btn {
        width: auto !important;
    }
}