/**
 * AbitareHaus Theme for CookieConsent v3
 * Design System Palette:
 * Primary Deep Navy: #020241
 * Brand Accent Orange: #ff7f00
 * Dark Background: #171B2A
 * Text Muted: #5C727D
 * Surfaces: #ffffff, #F2F6F7, #f8fafc
 * Borders: #e2e8f0, #cbd5e1
 */

#cc-main {
    --cc-font-family: 'Nunito Sans', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --cc-modal-border-radius: 14px;
    --cc-btn-border-radius: 8px;
    --cc-modal-margin: 1.25rem;
    --cc-modal-transition-duration: 0.25s;
    --cc-z-index: 2147483647;

    /* Base theme colors */
    --cc-bg: #ffffff;
    --cc-primary-color: #020241;
    --cc-secondary-color: #5C727D;
    --cc-separator-border-color: #e2e8f0;
    --cc-link-color: #ff7f00;

    /* Primary Buttons (Accetta tutti) */
    --cc-btn-primary-bg: #ff7f00;
    --cc-btn-primary-color: #ffffff;
    --cc-btn-primary-border-color: #ff7f00;
    --cc-btn-primary-hover-bg: #e06e00;
    --cc-btn-primary-hover-color: #ffffff;
    --cc-btn-primary-hover-border-color: #e06e00;

    /* Secondary Buttons (Solo necessari / Rifiuta) */
    --cc-btn-secondary-bg: #F2F6F7;
    --cc-btn-secondary-color: #020241;
    --cc-btn-secondary-border-color: #cbd5e1;
    --cc-btn-secondary-hover-bg: #020241;
    --cc-btn-secondary-hover-color: #ffffff;
    --cc-btn-secondary-hover-border-color: #020241;

    /* Category Blocks */
    --cc-cookie-category-block-bg: #f8fafc;
    --cc-cookie-category-block-border: #e2e8f0;
    --cc-cookie-category-block-hover-bg: #f1f5f9;
    --cc-cookie-category-block-hover-border: #cbd5e1;
    --cc-cookie-category-expanded-block-bg: #ffffff;
    --cc-cookie-category-expanded-block-hover-bg: #f8fafc;
    --cc-section-category-border: #e2e8f0;

    /* Toggles */
    --cc-toggle-on-bg: #ff7f00;
    --cc-toggle-off-bg: #94a3b8;
    --cc-toggle-on-knob-bg: #ffffff;
    --cc-toggle-off-knob-bg: #ffffff;
    --cc-toggle-readonly-bg: #020241;
    --cc-toggle-readonly-knob-bg: #ffffff;
    --cc-toggle-readonly-knob-icon-color: #020241;

    /* Footer & Overlay */
    --cc-footer-bg: #f8fafc;
    --cc-footer-color: #5C727D;
    --cc-footer-border-color: #e2e8f0;
    --cc-overlay-bg: rgba(2, 2, 65, 0.65);
}

/* Modal styling refinements */
#cc-main .cm {
    box-shadow: 0 20px 45px -10px rgba(2, 2, 65, 0.28), 0 0 0 1px rgba(2, 2, 65, 0.08);
    border: 1px solid rgba(2, 2, 65, 0.08);
}

#cc-main .cm__title,
#cc-main .pm__title {
    font-family: 'Poppins', system-ui, -apple-system, sans-serif;
    font-weight: 700;
    color: #020241;
    letter-spacing: -0.01em;
}

#cc-main .cm__desc,
#cc-main .pm__section-desc {
    font-size: 0.9375rem;
    line-height: 1.6;
    color: #5C727D;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
    font-family: 'Poppins', system-ui, -apple-system, sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    padding: 0.7rem 1.4rem;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

#cc-main .cm__btn:hover,
#cc-main .pm__btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(2, 2, 65, 0.12);
}

#cc-main .cm__footer {
    border-top: 1px solid #e2e8f0;
    padding-top: 0.875rem;
    margin-top: 1rem;
    font-size: 0.8125rem;
}

#cc-main .cc__link {
    color: #ff7f00;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.15s ease;
}

#cc-main .cc__link:hover {
    color: #cb3421;
}

#cc-main .pm__badge {
    background: #020241;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.65rem;
    border-radius: 9999px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

#cc-main .pm-overlay {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}