/**
 * Cookie Consent Custom Theme Override
 * Dynamically binds Orestbida variables to the e-commerce platform's active theme.
 * Gives a premium look (Metronic/Piramit style).
 */

:root {
    /* Mapping our theme variables to Cookie Consent variables */
    --cc-bg: var(--bg-color, #ffffff);
    --cc-text: var(--text-color, #333333);
    
    /* Primary buttons (Accept All) */
    --cc-btn-primary-bg: var(--primary, #111111);
    --cc-btn-primary-text: var(--primary-content, #ffffff);
    --cc-btn-primary-hover-bg: var(--primary-focus, #333333);
    --cc-btn-primary-hover-text: var(--primary-content, #ffffff);
    
    /* Secondary buttons (Preferences) */
    --cc-btn-secondary-bg: var(--gray-100, #f3f4f6);
    --cc-btn-secondary-text: var(--text-color, #333333);
    --cc-btn-secondary-hover-bg: var(--gray-200, #e5e7eb);
    --cc-btn-secondary-hover-text: var(--text-color, #333333);

    /* Links and Toggles */
    --cc-toggle-on-bg: var(--primary, #111111);
    --cc-toggle-off-bg: var(--gray-400, #9ca3af);
    --cc-link-color: var(--primary, #111111);

    /* Modal / Box */
    --cc-modal-border-radius: 8px;
    --cc-btn-border-radius: 4px;
    
    /* Borders & Separators */
    --cc-separator-border-color: var(--gray-200, #e5e7eb);
    
    /* Dark Mode / Inverted adjustments if the theme uses a dark palette */
    --cc-modal-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* Forcing Readonly Toggles to look distinct but locked */
.cc--darkmode :root {
    --cc-bg: #1e1e2d; /* Metronic dark */
    --cc-text: #cdcdde;
    --cc-btn-primary-bg: #c9a96e; /* Gold for dark mode */
    --cc-btn-primary-text: #1e1e2d;
    --cc-btn-primary-hover-bg: #b5955d;
    --cc-btn-secondary-bg: #2b2b40;
    --cc-btn-secondary-text: #cdcdde;
    --cc-btn-secondary-hover-bg: #323248;
    --cc-separator-border-color: #323248;
}

/* Base override for readonly toggle visual */
.cc__toggle.cc__toggle--readonly .cc__toggle__icon {
    opacity: 0.6;
    cursor: not-allowed !important;
}

/* Make it look premium */
#cc-main .cc__modal {
    font-family: inherit; /* Use the site's default font */
    border: 1px solid var(--cc-separator-border-color);
}

#cc-main .cc__btn {
    font-weight: 600;
    letter-spacing: 0.02em;
}