/* --- Cookie Banner: match site gradient and ensure readability --- */
/* Container (cover both v2 and older v1 banners) */
.sqs-cookie-banner-v2,
.sqs-cookie-banner,
.sqs-cookie-banner-v2 .content,
.sqs-cookie-banner .content {
background: linear-gradient(135deg, #7468e4, #8a6eff) !important;
color: #ffffff !important;
border-radius: 8px !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
padding: 16px !important;
}
/* Body text */
.sqs-cookie-banner-v2 p,
.sqs-cookie-banner p,
.sqs-cookie-banner-v2 .content p,
.sqs-cookie-banner .content p {
color: #ffffff !important;
font-size: 16px !important;
line-height: 1.5 !important;
margin: 0 0 10px 0 !important;
}
/* Accept/Buttons (cover Squarespace button variants) */
.sqs-cookie-banner-v2 .button,
.sqs-cookie-banner-v2 .btn,
.sqs-cookie-banner .button,
.sqs-cookie-banner .btn,
.sqs-cookie-banner-v2 .actions .sqs-block-button-element,
.sqs-cookie-banner .actions .sqs-block-button-element,
.sqs-cookie-banner-v2 .actions a,
.sqs-cookie-banner .actions a {
background-color: #ffffff !important;
color: #7468e4 !important;
border-radius: 6px !important;
font-weight: 600 !important;
padding: 8px 16px !important;
text-decoration: none !important;
}
/* Hover */
.sqs-cookie-banner-v2 .button:hover,
.sqs-cookie-banner-v2 .btn:hover,
.sqs-cookie-banner .button:hover,
.sqs-cookie-banner .btn:hover,
.sqs-cookie-banner-v2 .actions .sqs-block-button-element:hover,
.sqs-cookie-banner .actions .sqs-block-button-element:hover,
.sqs-cookie-banner-v2 .actions a:hover,
.sqs-cookie-banner .actions a:hover {
background-color: #f0f0f0 !important;
color: #7468e4 !important;
}
/* If your banner has a close “X”, keep it visible */
.sqs-cookie-banner-v2 .close,
.sqs-cookie-banner .close {
color: #ffffff !important;
opacity: 1 !important;
}
.sqs-cookie-banner p {
color: #ffffff !important; /* or any high-contrast color */
display: block !important;
}
