/* Custom Cookie Banner Styling - Tasket Brand Colors */

/* Hide the Silktide logo and credit link */
#silktide-banner .silktide-logo {
    display: none !important;
}

#silktide-modal footer a {
    display: none !important;
}

/* Override primary button (Accept All) - Blue with no border like original */
#silktide-wrapper .st-button--primary {
    background-color: #0033ad !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 500;
    margin-left: 8px !important;
}

#silktide-wrapper .st-button--primary:hover {
    background-color: #002a8f !important;
    border: none !important;
    color: #ffffff !important;
}

/* Override secondary button (Reject non-essential) - Very light grey, subdued */
#silktide-wrapper .st-button--secondary {
    background-color: #f5f5f5 !important;
    border: 1px solid #e0e0e0 !important;
    color: #666666 !important;
    font-weight: 400;
    opacity: 0.9;
    margin-left: 8px !important;
}

#silktide-wrapper .st-button--secondary:hover {
    background-color: #eeeeee !important;
    border: 1px solid #d0d0d0 !important;
    color: #333333 !important;
    opacity: 1;
}

/* Preferences button styling */
#silktide-banner .preferences {
    color: #0033ad !important;
}

#silktide-banner .preferences span:hover {
    color: #141413 !important;
}

/* Modal buttons */
#silktide-modal .st-button--primary {
    background-color: #0033ad !important;
    border: none !important;
    color: #ffffff !important;
}

#silktide-modal .st-button--primary:hover {
    background-color: #002a8f !important;
    border: none !important;
}

#silktide-modal .st-button--secondary {
    background-color: #f5f5f5 !important;
    border: 1px solid #e0e0e0 !important;
    color: #666666 !important;
}

#silktide-modal .st-button--secondary:hover {
    background-color: #eeeeee !important;
    border: 1px solid #d0d0d0 !important;
    color: #333333 !important;
}

/* Update switch colors to match brand */
#silktide-modal .switch input:checked + .switch__pill {
    background: #0033ad !important;
}

/* Links in banner */
#silktide-banner a {
    color: #0033ad !important;
}

#silktide-banner a:hover {
    color: #141413 !important;
}

/* Cookie icon color and size */
#silktide-wrapper {
    --cookieIconColor: #0033ad;
    --cookieIconBackgroundColor: #FBF8F2;
    --primaryColor: #0033ad;
}

/* Make cookie icon smaller */
#silktide-wrapper .cookie-icon {
    width: 40px !important;
    height: 40px !important;
    transform: scale(0.8) !important;
}

#silktide-wrapper .cookie-icon svg {
    width: 32px !important;
    height: 32px !important;
}