/**
 * Hafsten Cookie Consent Styles
 * 
 * Custom branding overrides for Cookie Consent V3
 * Uses CSS custom properties for theming
 */

/* Override Cookie Consent CSS variables */
#cc-main {
    /* Primary button (Accept All, etc.) */
    --cc-btn-primary-bg: #f15a29;
    --cc-btn-primary-color: #fff;
    --cc-btn-primary-border-color: #f15a29;
    --cc-btn-primary-hover-bg: #d94d1f;
    --cc-btn-primary-hover-color: #fff;
    --cc-btn-primary-hover-border-color: #d94d1f;
    
    /* Secondary button (Manage Preferences, etc.) - no border */
    --cc-btn-secondary-bg: #f3f4f6;
    --cc-btn-secondary-color: #374151;
    --cc-btn-secondary-border-color: #f3f4f6;
    --cc-btn-secondary-hover-bg: #e5e7eb;
    --cc-btn-secondary-hover-color: #1f2937;
    --cc-btn-secondary-hover-border-color: #e5e7eb;
    
    /* Toggle switches */
    --cc-toggle-on-bg: #f4845f;
    --cc-toggle-off-bg: #9ca3af;
    --cc-toggle-readonly-bg: #fde8e1;
    
    /* Category blocks / accordions - no border, no hover, consistent bg */
    --cc-cookie-category-block-bg: #f9fafb;
    --cc-cookie-category-block-border: transparent;
    --cc-cookie-category-block-hover-bg: #f9fafb;
    --cc-cookie-category-block-hover-border: transparent;
    
    /* Links */
    --cc-link-color: #f15a29;
    
    /* Ensure proper z-index */
    z-index: 10000 !important;
}

/* Font adjustment to match site */
#cc-main .cm,
#cc-main .pm {
    font-family: inherit;
}

/* Remove round background from chevron/arrow icon */
#cc-main .pm__section--expandable .pm__section-arrow {
    background: transparent;
}

/* Keep expanded accordion same light gray background */
#cc-main .pm__section--expanded {
    background: #f9fafb !important;
}

/* Style "Endast nödvändiga" button in preferences modal as secondary */
#cc-main .pm__btn--secondary {
    background: #f3f4f6 !important;
    color: #374151 !important;
    border-color: #f3f4f6 !important;
}

#cc-main .pm__btn--secondary:hover {
    background: #e5e7eb !important;
    color: #1f2937 !important;
    border-color: #e5e7eb !important;
}