/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jan 11 2026 | 04:21:11 */
/* Klaro - Centered, Wider, More Visible */

/* Center the cookie notice banner */
.klaro .cookie-notice {
    position: fixed ! important;
    bottom: 20px !important;
    left:  50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    max-width: 600px !important;
    width: 90% !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4) !important;
    padding: 24px !important;
}

/* Make text larger and more readable */
.klaro .cookie-notice . cn-body p {
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin-bottom: 16px !important;
}

/* Make buttons bigger and more prominent */
.klaro .cookie-notice .cm-btn {
    font-size: 16px !important;
    padding:  12px 24px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    margin-top: 8px !important;
    margin-right: 12px !important;
    cursor: pointer !important;
}

/* OK button - your brand green */
.klaro .cookie-notice .cm-btn.cm-btn-success {
    background:  #11B982 !important;
    color: #ffffff !important;
}

. klaro .cookie-notice .cm-btn.cm-btn-success:hover {
    background: #0e9d6f !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(17, 185, 130, 0.4) !important;
}

/* Decline button */
.klaro .cookie-notice .cm-btn.cm-btn-danger {
    background: #6b7280 !important;
    color: #ffffff !important;
}

.klaro .cookie-notice .cm-btn.cm-btn-danger:hover {
    background: #4b5563 ! important;
}

/* Learn more link */
.klaro .cookie-notice a {
    color: #11B982 !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
}

/* Center the modal (when user clicks "Learn more") */
.klaro .cookie-modal . cm-modal {
    position: fixed !important;
    top: 50% ! important;
    left: 50% !important;
    transform:  translate(-50%, -50%) !important;
    max-width: 700px !important;
    width:  90% !important;
    max-height: 90vh !important;
    border-radius: 12px !important;
}

/* Modal header */
.klaro .cookie-modal .cm-modal .cm-header h1 {
    font-size:  24px !important;
    font-weight: 700 !important;
}

/* Modal body text */
.klaro .cookie-modal .cm-modal .cm-body {
    font-size: 15px !important;
}

/* App titles in modal */
.klaro .cookie-modal .cm-modal .cm-body ul. cm-apps li. cm-app span. cm-app-title {
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* Responsive - mobile */
@media (max-width: 768px) {
    .klaro .cookie-notice {
        bottom: 0 !important;
        left:  0 !important;
        right: 0 !important;
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 12px 12px 0 0 ! important;
    }
    
    .klaro .cookie-notice .cm-btn {
        display: block !important;
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 8px !important;
    }
}

/* Hide "Powered by Klaro" */
.klaro .cookie-modal .cm-modal .cm-footer a.cm-powered-by {
    display: none !important;
}

/* Smooth transitions */
.klaro .cm-btn {
    transition: all 0.2s ease !important;
}