cookie-consent.js

(function() {
    'use strict';

    const CONFIG = {
        policyVersion: 'v1.1',
        storageKey: 'cookie_consent',
        cookieName: 'consent_status',
        cookieMaxAge: 15768000,
        gpcPopupCookieName: 'gpc_popup_shown',
        categories: {
            necessary: {
                name: 'Strictly Necessary',
                description: 'Required for the website to function',
                enabled: true,
                required: true,
                bitPosition: 0
            },
            analytics: {
                name: 'Analytics',
                description: 'Helps us understand how visitors interact',
                enabled: false,
                required: false,
                bitPosition: 1
            },
            marketing: {
                name: 'Marketing/Targeting',
                description: 'Used for personalized advertising',
                enabled: false,
                required: false,
                bitPosition: 2
            }
        },
        bannerId: 'cookie-consent-banner',
        settingsModalId: 'cookie-settings-modal',
        settingsButtonId: 'cookie-settings-button',
        ariaLiveId: 'cookie-consent-announcement',
        gpcAckId: 'gpc-acknowledgment',
        styleId: 'cookie-consent-styles'
    };

    const CONSENT_CHANGE_EVENT = 'cookieconsent:change';
    const DEFAULT_TRANSLATION_KEY = 'en-uk';

    const DEFAULT_TEXT = {
        bannerDescription: 'We use cookies to enhance your experience. Some are strictly necessary for the site to function, while others help us understand how you use this website. You can accept all, reject all, or customize your preferences.',
        acceptAll: 'Accept All',
        rejectAll: 'Reject All',
        customize: 'Customize',
        modalTitle: 'Cookie Preferences',
        modalDescription: 'Choose which cookies you allow us to use. Strictly necessary cookies cannot be disabled.',
        cancel: 'Cancel',
        savePreferences: 'Save Preferences',
        alwaysEnabled: 'Always enabled',
        gpcTitle: 'Privacy preference detected',
        gpcMessage: 'Global Privacy Control (GPC) signal honored. Non-essential cookies are blocked.',
        gpcSettingsLink: 'Cookie settings',
        srBannerDisplayed: 'Cookie consent banner displayed',
        srBannerDisplayedWithNavigation: 'Cookie consent banner displayed. Use Tab to navigate between buttons.',
        srAcceptAllSaved: 'All cookies accepted. Cookie banner closed.',
        srRejectAllSaved: 'Only necessary cookies accepted. Cookie banner closed.',
        srPreferencesSaved: 'Cookie preferences saved. Cookie banner closed.',
        categories: {
            necessary: {
                name: CONFIG.categories.necessary.name,
                description: CONFIG.categories.necessary.description
            },
            analytics: {
                name: CONFIG.categories.analytics.name,
                description: CONFIG.categories.analytics.description
            },
            marketing: {
                name: CONFIG.categories.marketing.name,
                description: CONFIG.categories.marketing.description
            }
        }
    };

    function isPlainObject(value) {
        return Boolean(value) && typeof value === 'object' && !Array.isArray(value);
    }

    function deepMerge(base, overrides) {
        if (!isPlainObject(overrides)) {
            return { ...base };
        }

        const result = { ...base };

        Object.keys(overrides).forEach((key) => {
            const overrideValue = overrides[key];
            const baseValue = result[key];

            if (isPlainObject(baseValue) && isPlainObject(overrideValue)) {
                result[key] = deepMerge(baseValue, overrideValue);
                return;
            }

            if (overrideValue !== undefined) {
                result[key] = overrideValue;
            }
        });

        return result;
    }

    function getUserConfig() {
        if (typeof window === 'undefined' || !isPlainObject(window.CookieConsentConfig)) {
            return {};
        }

        return window.CookieConsentConfig;
    }

    function getCookieMaxAge(configValue) {
        if (typeof configValue === 'number' && Number.isFinite(configValue) && configValue > 0) {
            return Math.floor(configValue);
        }

        return CONFIG.cookieMaxAge;
    }

    function getConsentDebugModeValue(configValue) {
        if (typeof configValue === 'number' && Number.isInteger(configValue) && configValue >= 0 && configValue <= 2) {
            return configValue;
        }

        return 0;
    }

    function getGlobalPrivacyControlValue(configValue) {
        if (typeof configValue === 'boolean') {
            return configValue;
        }

        return Boolean(typeof navigator !== 'undefined' && navigator.globalPrivacyControl === true);
    }

    function getQueryLanguageKey() {
        if (typeof window === 'undefined' || !window.location || typeof window.location.search !== 'string') {
            return '';
        }

        try {
            const params = new URLSearchParams(window.location.search);
            return params.get('cc_lang') || '';
        } catch (e) {
            return '';
        }
    }

    function getTranslationsConfig(configValue) {
        return isPlainObject(configValue) ? configValue : {};
    }

    function getConfiguredLanguageKey(configValue) {
        return typeof configValue === 'string' ? configValue.trim() : '';
    }

    function getFirstTranslationKey(translations) {
        const translationKeys = Object.keys(translations);
        return translationKeys.length > 0 ? translationKeys[0] : '';
    }

    function resolveLanguageKey(translations, configuredLanguageKey, requestedLanguageKey) {
        if (requestedLanguageKey && isPlainObject(translations[requestedLanguageKey])) {
            return requestedLanguageKey;
        }

        if (configuredLanguageKey && isPlainObject(translations[configuredLanguageKey])) {
            return configuredLanguageKey;
        }

        if (isPlainObject(translations[DEFAULT_TRANSLATION_KEY])) {
            return DEFAULT_TRANSLATION_KEY;
        }

        return getFirstTranslationKey(translations);
    }

    function getSelectedTranslation(translations, legacyText, configuredLanguageKey, requestedLanguageKey) {
        const resolvedLanguageKey = resolveLanguageKey(translations, configuredLanguageKey, requestedLanguageKey);

        if (resolvedLanguageKey && isPlainObject(translations[resolvedLanguageKey])) {
            return {
                languageKey: resolvedLanguageKey,
                translation: translations[resolvedLanguageKey]
            };
        }

        if (isPlainObject(legacyText)) {
            return {
                languageKey: '',
                translation: legacyText
            };
        }

        return {
            languageKey: '',
            translation: {}
        };
    }

    const USER_CONFIG = getUserConfig();
    const TRANSLATIONS = getTranslationsConfig(USER_CONFIG.translations);
    const CONFIGURED_LANGUAGE_KEY = getConfiguredLanguageKey(USER_CONFIG.language);
    const INITIAL_LANGUAGE_KEY = getQueryLanguageKey() || CONFIGURED_LANGUAGE_KEY;
    let activeTranslationState = getSelectedTranslation(TRANSLATIONS, USER_CONFIG.text, CONFIGURED_LANGUAGE_KEY, INITIAL_LANGUAGE_KEY);
    let activeLanguageKey = activeTranslationState.languageKey;
    let activeText = deepMerge(DEFAULT_TEXT, activeTranslationState.translation);
    const AUDIT_CONFIG = deepMerge({ enabled: false }, USER_CONFIG.audit);
    const COOKIE_MAX_AGE = getCookieMaxAge(USER_CONFIG.cookieMaxAge);
    const CONSENT_DEBUG_MODE = getConsentDebugModeValue(USER_CONFIG.debugMode);
    const GLOBAL_PRIVACY_CONTROL = getGlobalPrivacyControlValue(USER_CONFIG.globalPrivacyControl);
    
    function getText() {
        return activeText;
    }

    function setActiveLanguage(languageKey) {
        activeTranslationState = getSelectedTranslation(TRANSLATIONS, USER_CONFIG.text, CONFIGURED_LANGUAGE_KEY, languageKey);
        activeLanguageKey = activeTranslationState.languageKey;
        activeText = deepMerge(DEFAULT_TEXT, activeTranslationState.translation);
        refreshRenderedText();
        return activeLanguageKey;
    }

    function escapeHtml(value) {
        return String(value)
            .replace(/&/g, '&amp;')
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;')
            .replace(/"/g, '&quot;')
            .replace(/'/g, '&#39;');
    }

    function getCookie(name) {
        const value = `; ${document.cookie}`;
        const parts = value.split(`; ${name}=`);
        if (parts.length === 2) {
            const result = parts.pop().split(';').shift();
            return result;
        }
        return null;
    }

    function setCookie(name, value, maxAge, secure = false) {
        const secureFlag = secure ? '; Secure' : '';
        const cookieString = `${name}=${value}; max-age=${maxAge}; path=/; SameSite=Lax${secureFlag}`;
        document.cookie = cookieString;
    }

    function deleteCookie(name) {
        document.cookie = `${name}=; max-age=0; path=/`;
    }

    function encodeConsentToBitmask(choices) {
        let mask = 0;
        if (choices.necessary) mask |= 1 << CONFIG.categories.necessary.bitPosition;
        if (choices.analytics) mask |= 1 << CONFIG.categories.analytics.bitPosition;
        if (choices.marketing) mask |= 1 << CONFIG.categories.marketing.bitPosition;
        return mask.toString(2).padStart(3, '0');
    }

    function decodeBitmaskToChoices(bitmask) {
        const mask = parseInt(bitmask, 2);
        return {
            necessary: !!(mask & (1 << CONFIG.categories.necessary.bitPosition)),
            analytics: !!(mask & (1 << CONFIG.categories.analytics.bitPosition)),
            marketing: !!(mask & (1 << CONFIG.categories.marketing.bitPosition))
        };
    }

    let consentState = null;

    const elements = {};

    function getAuditTrail() {
        if (!AUDIT_CONFIG.enabled) {
            return [];
        }

        try {
            const stored = localStorage.getItem(CONFIG.storageKey);
            if (!stored) return [];
            
            const parsed = JSON.parse(stored);
            if (parsed && typeof parsed === 'object' && !Array.isArray(parsed)) {
                return [parsed];
            }
            return Array.isArray(parsed) ? parsed : [];
        } catch (e) {
            return [];
        }
    }

    function saveToAuditTrail(consent) {
        if (!AUDIT_CONFIG.enabled) {
            return;
        }

        try {
            const auditTrail = getAuditTrail();
            auditTrail.push(consent);
            localStorage.setItem(CONFIG.storageKey, JSON.stringify(auditTrail));
        } catch (e) {
        }
    }

    function findLatestConsent() {
        const auditTrail = getAuditTrail();
        if (auditTrail.length === 0) return null;
        
        return auditTrail[auditTrail.length - 1];
    }



    function findGPCConsent() {
        const auditTrail = getAuditTrail();
        for (let i = auditTrail.length - 1; i >= 0; i--) {
            if (auditTrail[i].gpc === true) {
                return auditTrail[i];
            }
        }
        return null;
    }





    function getCurrentChoices() {
        if (CONSENT_DEBUG_MODE === 1) {
            return {
                necessary: true,
                analytics: true,
                marketing: true
            };
        }

        if (CONSENT_DEBUG_MODE === 2) {
            return {
                necessary: true,
                analytics: false,
                marketing: false
            };
        }

        if (consentState && consentState.choices) {
            return consentState.choices;
        }
        
        const cookieValue = getCookie(CONFIG.cookieName);
        if (cookieValue && /^[01]{3}$/.test(cookieValue)) {
            const choices = decodeBitmaskToChoices(cookieValue);
            return choices;
        }
        
        const latest = findLatestConsent();
        if (latest && latest.choices) {
            return latest.choices;
        }
        
        const defaults = {};
        for (const [key, category] of Object.entries(CONFIG.categories)) {
            defaults[key] = category.enabled;
        }
        return defaults;
    }

    function hasValidConsentBitmask() {
        if (CONSENT_DEBUG_MODE === 1 || CONSENT_DEBUG_MODE === 2) {
            return true;
        }

        const cookieValue = getCookie(CONFIG.cookieName);
        return Boolean(cookieValue && /^[01]{3}$/.test(cookieValue));
    }

    function isCategoryEnabled(categoryName) {
        const choices = getCurrentChoices();
        return Boolean(choices && choices[categoryName]);
    }

    function isAnalyticsEnabled() {
        if (!hasValidConsentBitmask()) {
            return false;
        }
        return isCategoryEnabled('analytics');
    }

    function isMarketingEnabled() {
        if (!hasValidConsentBitmask()) {
            return false;
        }
        return isCategoryEnabled('marketing');
    }

    function isNecessaryEnabled() {
        return isCategoryEnabled('necessary');
    }

    function getConsentDebugMode() {
        return CONSENT_DEBUG_MODE;
    }

    function getConsentSnapshot(source) {
        return {
            choices: getCurrentChoices(),
            hasValidConsentBitmask: hasValidConsentBitmask(),
            consent: consentState,
            source
        };
    }

    function dispatchConsentChange(source) {
        if (typeof window === 'undefined' || typeof window.dispatchEvent !== 'function') {
            return;
        }

        window.dispatchEvent(new CustomEvent(CONSENT_CHANGE_EVENT, {
            detail: getConsentSnapshot(source)
        }));
    }

    function removeBanner() {
        if (elements.banner && elements.banner.parentNode) {
            elements.banner.remove();
        }
        elements.banner = null;
    }

    function removeSettingsModal() {
        if (elements.modal && elements.modal.parentNode) {
            elements.modal.remove();
        }
        elements.modal = null;
    }

    function removeGPCAcknowledgment() {
        if (elements.gpcAck && elements.gpcAck.parentNode) {
            elements.gpcAck.remove();
        }
        elements.gpcAck = null;
    }

    function refreshRenderedText() {
        if (!document.body) {
            return;
        }

        const bannerWasVisible = Boolean(elements.banner && elements.banner.parentNode);
        const modalWasOpen = Boolean(elements.modal && elements.modal.style.display !== 'none');
        const gpcAckWasVisible = Boolean(elements.gpcAck && elements.gpcAck.parentNode);

        removeBanner();
        removeSettingsModal();
        removeGPCAcknowledgment();

        createSettingsModal();

        if (bannerWasVisible && !consentState) {
            createBanner();
        }

        if (modalWasOpen) {
            showSettingsModal();
        }

        if (gpcAckWasVisible) {
            showGPCAcknowledgment();
        }
    }

    function init() {
        if (GLOBAL_PRIVACY_CONTROL) {
            const existingCookie = getCookie(CONFIG.cookieName);
            const isValidCookie = existingCookie && /^[01]{3}$/.test(existingCookie);
            
            if (!isValidCookie) {
                handleGPC();
                return;
            } else {
            }
        }

        injectStyles();
        createSettingsModal();
        
        const cookieValue = getCookie(CONFIG.cookieName);
        if (cookieValue && /^[01]{3}$/.test(cookieValue)) {
            const choices = decodeBitmaskToChoices(cookieValue);
            
            const latest = findLatestConsent();
            const now = new Date().toISOString();
            
            let needsNewEntry = true;
            if (latest && latest.choices) {
                if (latest.choices.necessary === choices.necessary &&
                    latest.choices.analytics === choices.analytics &&
                    latest.choices.marketing === choices.marketing) {
                    needsNewEntry = false;
                    consentState = latest;
                } else {
                }
            } else {
            }
            
            if (needsNewEntry) {
                const audit = {
                    consent_uuid: generateUUID(),
                    timestamp: now,
                    policy_version: CONFIG.policyVersion,
                    choices: choices,
                    source: 'cookie'
                };
                saveToAuditTrail(audit);
                consentState = audit;
            }
            
            enableTracking('cookie');
        } else {
            createBanner();
            dispatchConsentChange('default');
            announceToScreenReader(getText().srBannerDisplayed);
        }
    }

    function handleGPC() {

        
        const existingGPCConsent = findGPCConsent();
        let gpcConsent;
        
        if (existingGPCConsent) {
            gpcConsent = existingGPCConsent;
            consentState = gpcConsent;
        } else {
            gpcConsent = {
                consent_uuid: generateUUID(),
                timestamp: new Date().toISOString(),
                policy_version: CONFIG.policyVersion,
                choices: {
                    necessary: true,
                    analytics: false,
                    marketing: false
                },
                gpc: true
            };
            saveConsent(gpcConsent);
        }
        
        const gpcBitmask = encodeConsentToBitmask(gpcConsent.choices);
        const existingCookie = getCookie(CONFIG.cookieName);
        
        if (!existingCookie || existingCookie !== gpcBitmask) {
            const isSecure = window.location.protocol === 'https:';
            setCookie(CONFIG.cookieName, gpcBitmask, COOKIE_MAX_AGE, isSecure);
        } else {
        }
        
        enableTracking(gpcConsent.source || 'gpc');
        
        injectStyles();
        createSettingsModal();
        
        showGPCAcknowledgment();
    }

    function showGPCAcknowledgment() {
        if (getCookie(CONFIG.gpcPopupCookieName)) {
            return;
        }
        const ack = document.createElement('div');
        ack.id = CONFIG.gpcAckId;
        ack.setAttribute('data-cookie-consent', 'true');
        ack.className = 'cc-root cc-gpc-ack cookie-gpc-acknowledgment';
        ack.setAttribute('role', 'status');
        ack.setAttribute('aria-live', 'polite');
        ack.innerHTML = `
            <div class="cc-gpc-ack-content cookie-gpc-ack-content">
                <strong class="cc-gpc-ack-title cookie-gpc-ack-title">${escapeHtml(getText().gpcTitle)}</strong><br>
                ${escapeHtml(getText().gpcMessage)}
                <br><br>
                <a href="#" id="gpc-settings-link" class="cc-gpc-ack-link cookie-gpc-ack-link">${escapeHtml(getText().gpcSettingsLink)}</a>
            </div>
        `;
        document.body.appendChild(ack);
        elements.gpcAck = ack;
        
        setTimeout(() => {
            const settingsLink = document.getElementById('gpc-settings-link');
            if (settingsLink) {
                settingsLink.addEventListener('click', (e) => {
                    e.preventDefault();
                    if (ack.parentNode) ack.remove();
                    showSettingsModal();
                });
            }
        }, 100);
        
        const isSecure = window.location.protocol === 'https:';
        setCookie(CONFIG.gpcPopupCookieName, '1', COOKIE_MAX_AGE, isSecure);
        
        setTimeout(() => {
            if (ack.parentNode) {
                ack.style.opacity = '0';
                ack.style.transition = 'opacity 0.5s';
                setTimeout(() => {
                    if (ack.parentNode) ack.remove();
                }, 500);
            }
        }, 5000);
    }

    function loadConsent() {
        consentState = findLatestConsent();
        if (consentState && consentState.choices && consentState.policy_version) {
        } else {
            consentState = null;
        }
    }

    function saveConsent(consent) {
        consentState = consent;
        try {
            const bitmask = encodeConsentToBitmask(consent.choices);
            const isSecure = window.location.protocol === 'https:';
            setCookie(CONFIG.cookieName, bitmask, COOKIE_MAX_AGE, isSecure);
            
            saveToAuditTrail(consent);
            logConsentToDB(consent);
            enableTracking(consent.source || 'save');
        } catch (e) {
        }
    }

    function generateUUID() {
        const cryptoObj = typeof crypto !== 'undefined' ? crypto : (typeof window !== 'undefined' ? window.crypto : null);
        if (cryptoObj && cryptoObj.randomUUID) {
            return cryptoObj.randomUUID();
        }
        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
            const r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8);
            return v.toString(16);
        });
    }

    function logConsentToDB(data) {
    }

    function enableTracking(source) {
        dispatchConsentChange(source);

        if (isMarketingEnabled()) {
        }

    }

    function injectStyles() {
        if (document.getElementById(CONFIG.styleId)) {
            return;
        }

        const style = document.createElement('style');
        style.id = CONFIG.styleId;
        style.textContent = `
            [data-cookie-consent] {
                --cc-font-family: sans-serif;
                --cc-text-color: #374151;
                --cc-heading-color: #111827;
                --cc-muted-color: #6b7280;
                --cc-bg: #ffffff;
                --cc-surface-bg: #f9fafb;
                --cc-border-color: #e5e7eb;
                --cc-overlay-bg: rgba(0,0,0,0.5);
                --cc-primary-bg: #1e40af;
                --cc-primary-bg-hover: #1e3a8a;
                --cc-primary-text: #ffffff;
                --cc-secondary-bg: #f3f4f6;
                --cc-secondary-bg-hover: #e5e7eb;
                --cc-secondary-text: #374151;
                --cc-secondary-border: #d1d5db;
                --cc-custom-bg: #ffffff;
                --cc-custom-bg-hover: #eff6ff;
                --cc-custom-text: #1e40af;
                --cc-custom-border: #1e40af;
                --cc-link-color: #93c5fd;
                --cc-radius-sm: 0.5rem;
                --cc-radius-md: 0.75rem;
                --cc-radius-lg: 1rem;
                --cc-shadow: 0 -4px 20px rgba(0,0,0,0.1);
                --cc-shadow-popover: 0 4px 12px rgba(0,0,0,0.15);
                --cc-gap: 0.75rem;
                --cc-banner-padding: 1.5rem;
                --cc-modal-padding: 2rem;
                --cc-ack-padding: 12px 20px;
                --cc-max-width-banner: 1200px;
                --cc-max-width-modal: 600px;
                --cc-max-width-ack: 300px;
                --cc-z-banner: 9999;
                --cc-z-modal: 10000;
                --cc-z-ack: 9997;
                font-family: var(--cc-font-family);
                color: var(--cc-text-color);
            }
            #${CONFIG.bannerId} {
                position: fixed;
                bottom: 0;
                left: 0;
                right: 0;
                background: var(--cc-bg);
                box-shadow: var(--cc-shadow);
                padding: var(--cc-banner-padding);
                z-index: var(--cc-z-banner);
                border-top: 1px solid var(--cc-border-color);
            }
            .cc-banner,
            .cookie-consent-banner {
                font-family: var(--cc-font-family);
                color: var(--cc-text-color);
            }
            .cc-banner-content,
            .cookie-banner-content {
                max-width: 1200px;
                max-width: var(--cc-max-width-banner);
                margin: 0 auto;
                display: flex;
                flex-direction: column;
                gap: 1rem;
                gap: var(--cc-gap);
            }
            @media (min-width: 768px) {
                .cc-banner-content,
                .cookie-banner-content {
                    flex-direction: row;
                    align-items: center;
                    justify-content: space-between;
                }
            }
            .cc-banner-text,
            .cookie-banner-text {
                flex: 1;
                color: var(--cc-text-color);
                font-size: 0.95rem;
                line-height: 1.5;
            }
            .cc-actions,
            .cookie-banner-actions {
                display: flex;
                gap: var(--cc-gap);
                flex-wrap: wrap;
            }
            .cc-btn,
            .cookie-btn {
                padding: 0.75rem 1.5rem;
                border-radius: var(--cc-radius-sm);
                font-weight: 600;
                font-size: 0.95rem;
                cursor: pointer;
                border: 2px solid transparent;
                transition: all 0.2s;
                min-width: 120px;
                text-align: center;
                font-family: inherit;
            }
            .cc-btn-primary,
            .cookie-btn-primary {
                background-color: var(--cc-primary-bg);
                color: var(--cc-primary-text);
            }
            .cc-btn-primary:hover,
            .cookie-btn-primary:hover {
                background-color: var(--cc-primary-bg-hover);
            }
            .cc-btn-secondary,
            .cookie-btn-secondary {
                background-color: var(--cc-secondary-bg);
                color: var(--cc-secondary-text);
                border-color: var(--cc-secondary-border);
            }
            .cc-btn-secondary:hover,
            .cookie-btn-secondary:hover {
                background-color: var(--cc-secondary-bg-hover);
            }
            .cc-btn-custom,
            .cookie-btn-customize {
                background-color: var(--cc-custom-bg);
                color: var(--cc-custom-text);
                border-color: var(--cc-custom-border);
            }
            .cc-btn-custom:hover,
            .cookie-btn-customize:hover {
                background-color: var(--cc-custom-bg-hover);
            }
            #${CONFIG.settingsModalId} {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: var(--cc-overlay-bg);
                display: flex;
                align-items: center;
                justify-content: center;
                z-index: var(--cc-z-modal);
                padding: 1rem;
            }
            .cc-modal-content,
            .cookie-modal-content {
                background: var(--cc-bg);
                border-radius: var(--cc-radius-lg);
                max-width: 600px;
                max-width: var(--cc-max-width-modal);
                width: 100%;
                max-height: 90vh;
                overflow-y: auto;
                padding: var(--cc-modal-padding);
            }
            .cc-modal-header,
            .cookie-modal-header {
                margin-bottom: 1.5rem;
            }
            .cc-modal-title,
            .cookie-modal-title {
                font-size: 1.5rem;
                font-weight: 700;
                color: var(--cc-heading-color);
                margin: 0 0 0.5rem 0;
            }
            .cc-modal-description,
            .cookie-modal-description {
                color: var(--cc-muted-color);
                font-size: 0.95rem;
                line-height: 1.5;
            }
            .cc-category,
            .cookie-category {
                border: 1px solid var(--cc-border-color);
                border-radius: var(--cc-radius-md);
                padding: 1.5rem;
                margin-bottom: 1rem;
                background: var(--cc-surface-bg);
            }
            .cc-category-required,
            .cookie-category-required {
                opacity: 0.7;
            }
            .cc-category-header,
            .cookie-category-header {
                display: flex;
                align-items: center;
                margin-bottom: 0.75rem;
            }
            .cc-checkbox,
            .cookie-category-checkbox {
                margin-right: 1rem;
                width: 1.25rem;
                height: 1.25rem;
                accent-color: var(--cc-primary-bg);
            }
            .cc-category-name,
            .cookie-category-name {
                font-weight: 600;
                font-size: 1.1rem;
                color: var(--cc-heading-color);
            }
            .cc-category-description,
            .cookie-category-description {
                color: var(--cc-muted-color);
                font-size: 0.9rem;
                line-height: 1.5;
                margin-left: 2.25rem;
            }
            .cc-modal-actions,
            .cookie-modal-actions {
                display: flex;
                gap: var(--cc-gap);
                justify-content: flex-end;
                margin-top: 2rem;
                flex-wrap: wrap;
            }
            .cc-gpc-ack {
                position: fixed;
                bottom: 20px;
                right: 20px;
                z-index: var(--cc-z-ack);
            }
            .cc-gpc-ack-content,
            .cookie-gpc-ack-content {
                background: var(--cc-primary-bg);
                color: var(--cc-primary-text);
                padding: var(--cc-ack-padding);
                border-radius: var(--cc-radius-sm);
                font-size: 0.9rem;
                box-shadow: var(--cc-shadow-popover);
                max-width: var(--cc-max-width-ack);
            }
            .cc-gpc-ack-title,
            .cookie-gpc-ack-title {
                display: inline-block;
                margin-bottom: 0.15rem;
            }
            .cc-gpc-ack-link,
            .cookie-gpc-ack-link {
                color: var(--cc-link-color);
                text-decoration: underline;
                font-size: 0.85rem;
            }
            .cc-sr-only,
            .sr-only {
                position: absolute;
                width: 1px;
                height: 1px;
                padding: 0;
                margin: -1px;
                overflow: hidden;
                clip: rect(0,0,0,0);
                white-space: nowrap;
                border: 0;
            }
            #${CONFIG.gpcAckId} {
                transition: opacity 0.5s;
            }
            @media (max-width: 640px) {
                .cc-actions,
                .cookie-banner-actions {
                    flex-direction: column;
                }
                .cc-btn,
                .cookie-btn {
                    width: 100%;
                }
                .cc-modal-actions,
                .cookie-modal-actions {
                    flex-direction: column;
                }
                .cc-gpc-ack {
                    left: 20px;
                    right: 20px;
                }
                .cc-gpc-ack-content,
                .cookie-gpc-ack-content {
                    max-width: none;
                }
            }
        `;
        document.head.appendChild(style);
    }

    function createBanner() {
        const text = getText();
        const banner = document.createElement('div');
        banner.id = CONFIG.bannerId;
        banner.setAttribute('data-cookie-consent', 'true');
        banner.className = 'cc-root cc-banner cookie-consent-banner';
        banner.setAttribute('role', 'dialog');
        banner.setAttribute('aria-labelledby', 'cookie-banner-title');
        banner.setAttribute('aria-describedby', 'cookie-banner-description');
        
        banner.innerHTML = `
            <div class="cc-banner-content cookie-banner-content">
                <div class="cc-banner-text cookie-banner-text">
                    <p id="cookie-banner-description">
                        ${escapeHtml(text.bannerDescription)}
                    </p>
                </div>
                <div class="cc-actions cookie-banner-actions">
                    <button class="cc-btn cc-btn-primary cookie-btn cookie-btn-primary" data-action="accept-all">
                        ${escapeHtml(text.acceptAll)}
                    </button>
                    <button class="cc-btn cc-btn-secondary cookie-btn cookie-btn-secondary" data-action="reject-all">
                        ${escapeHtml(text.rejectAll)}
                    </button>
                    <button class="cc-btn cc-btn-custom cookie-btn cookie-btn-customize" data-action="customize">
                        ${escapeHtml(text.customize)}
                    </button>
                </div>
            </div>
        `;

        document.body.appendChild(banner);
        elements.banner = banner;

        banner.querySelector('[data-action="accept-all"]').addEventListener('click', acceptAll);
        banner.querySelector('[data-action="reject-all"]').addEventListener('click', rejectAll);
        banner.querySelector('[data-action="customize"]').addEventListener('click', showSettingsModal);

        const focusable = banner.querySelectorAll('button');
        focusable[0].focus();

        announceToScreenReader(text.srBannerDisplayedWithNavigation);
    }

    function createSettingsModal() {
        const text = getText();
        const modal = document.createElement('div');
        modal.id = CONFIG.settingsModalId;
        modal.setAttribute('data-cookie-consent', 'true');
        modal.className = 'cc-root cc-modal cookie-settings-modal';
        modal.style.display = 'none';
        modal.setAttribute('role', 'dialog');
        modal.setAttribute('aria-labelledby', 'cookie-modal-title');
        modal.setAttribute('aria-modal', 'true');

        const currentChoices = getCurrentChoices();

        const categoriesHtml = Object.entries(CONFIG.categories).map(([key, category]) => {
            let isChecked = currentChoices[key] || false;
            
            return `
            <div class="cc-category cookie-category ${category.required ? 'cc-category-required cookie-category-required' : ''}">
                <div class="cc-category-header cookie-category-header">
                    <input 
                        type="checkbox" 
                        id="cookie-category-${key}" 
                        class="cc-checkbox cookie-category-checkbox" 
                        ${isChecked ? 'checked' : ''}
                        ${category.required ? 'disabled' : ''}
                        data-category="${key}"
                    >
                    <label for="cookie-category-${key}" class="cc-category-name cookie-category-name">
                        ${escapeHtml(text.categories[key] && text.categories[key].name ? text.categories[key].name : category.name)}
                    </label>
                </div>
                <p class="cc-category-description cookie-category-description">
                    ${escapeHtml(text.categories[key] && text.categories[key].description ? text.categories[key].description : category.description)} ${category.required ? `(${escapeHtml(text.alwaysEnabled)})` : ''}
                </p>
            </div>
        `}).join('');

        modal.innerHTML = `
            <div class="cc-modal-content cookie-modal-content">
                <div class="cc-modal-header cookie-modal-header">
                    <h2 id="cookie-modal-title" class="cc-modal-title cookie-modal-title">${escapeHtml(text.modalTitle)}</h2>
                    <p class="cc-modal-description cookie-modal-description">
                        ${escapeHtml(text.modalDescription)}
                    </p>
                </div>
                ${categoriesHtml}
                <div class="cc-modal-actions cookie-modal-actions">
                    <button class="cc-btn cc-btn-secondary cookie-btn cookie-btn-secondary" data-action="modal-cancel">
                        ${escapeHtml(text.cancel)}
                    </button>
                    <button class="cc-btn cc-btn-primary cookie-btn cookie-btn-primary" data-action="modal-save">
                        ${escapeHtml(text.savePreferences)}
                    </button>
                </div>
            </div>
        `;

        document.body.appendChild(modal);
        elements.modal = modal;

        modal.querySelector('[data-action="modal-cancel"]').addEventListener('click', hideSettingsModal);
        modal.querySelector('[data-action="modal-save"]').addEventListener('click', saveCustomConfig);
    }



    function showSettingsModal() {
        if (elements.modal) {
            elements.modal.style.display = 'flex';
            
            const currentChoices = getCurrentChoices();
            
            for (const [key, category] of Object.entries(CONFIG.categories)) {
                const checkbox = elements.modal.querySelector(`#cookie-category-${key}`);
                if (checkbox && !category.required) {
                    const shouldBeChecked = currentChoices[key] || false;
                    checkbox.checked = shouldBeChecked;
                }
            }
            
            elements.modal.querySelector('input:not([disabled]), button').focus();
            trapFocus(elements.modal);
        } else {
        }
    }

    function hideSettingsModal() {
        if (elements.modal) {
            elements.modal.style.display = 'none';
        }
        if (elements.banner) {
            elements.banner.querySelector('button').focus();
        }
    }

    function trapFocus(element) {
        const focusable = element.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
        const first = focusable[0];
        const last = focusable[focusable.length - 1];

        element.addEventListener('keydown', function(e) {
            if (e.key === 'Tab') {
                if (e.shiftKey) {
                    if (document.activeElement === first) {
                        last.focus();
                        e.preventDefault();
                    }
                } else {
                    if (document.activeElement === last) {
                        first.focus();
                        e.preventDefault();
                    }
                }
            }
            if (e.key === 'Escape') {
                hideSettingsModal();
            }
        });
    }

    function announceToScreenReader(message) {
        let liveRegion = document.getElementById(CONFIG.ariaLiveId);
        if (!liveRegion) {
            liveRegion = document.createElement('div');
            liveRegion.id = CONFIG.ariaLiveId;
            liveRegion.className = 'cc-sr-only sr-only';
            liveRegion.setAttribute('aria-live', 'polite');
            liveRegion.setAttribute('aria-atomic', 'true');
            document.body.appendChild(liveRegion);
        }
        liveRegion.textContent = message;
    }

    function acceptAll() {
        const text = getText();
        const consent = {
            consent_uuid: generateUUID(),
            timestamp: new Date().toISOString(),
            policy_version: CONFIG.policyVersion,
            source: 'accept_all',
            choices: {
                necessary: true,
                analytics: true,
                marketing: true
            }
        };
        saveConsent(consent);
        hideBanner();
        announceToScreenReader(text.srAcceptAllSaved);
    }

    function rejectAll() {
        const text = getText();
        const consent = {
            consent_uuid: generateUUID(),
            timestamp: new Date().toISOString(),
            policy_version: CONFIG.policyVersion,
            source: 'reject_all',
            choices: {
                necessary: true,
                analytics: false,
                marketing: false
            }
        };
        saveConsent(consent);
        hideBanner();
        announceToScreenReader(text.srRejectAllSaved);
    }

    function saveCustomConfig() {
        const text = getText();
        const choices = {
            necessary: true
        };
        for (const [key, category] of Object.entries(CONFIG.categories)) {
            if (!category.required) {
                const checkbox = elements.modal.querySelector(`#cookie-category-${key}`);
                choices[key] = checkbox ? checkbox.checked : false;
            }
        }
        const consent = {
            consent_uuid: generateUUID(),
            timestamp: new Date().toISOString(),
            policy_version: CONFIG.policyVersion,
            source: 'custom_save',
            choices: choices
        };
        saveConsent(consent);
        hideSettingsModal();
        hideBanner();
        announceToScreenReader(text.srPreferencesSaved);
    }

    function hideBanner() {
        removeBanner();
    }

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', init);
    } else {
        init();
    }

    window.CookieConsent = {
        getConsent: () => consentState,
        getChoices: getCurrentChoices,
        getStatus: () => getConsentSnapshot('api'),
        hasValidConsentBitmask,
        getConsentDebugMode,
        isCategoryEnabled,
        isAnalyticsEnabled,
        isMarketingEnabled,
        isNecessaryEnabled,
        reset: () => {
            localStorage.removeItem(CONFIG.storageKey);
            deleteCookie(CONFIG.cookieName);
            deleteCookie(CONFIG.gpcPopupCookieName);
            consentState = null;
            dispatchConsentChange('reset');
            location.reload();
        },
        getLanguage: () => activeLanguageKey,
        setLanguage: setActiveLanguage,
        showBanner: (options) => {
            if (options && typeof options === 'object' && typeof options.language === 'string') {
                setActiveLanguage(options.language);
            }
            if (!consentState) {
                if (!elements.banner) {
                    createBanner();
                }
            }
        },
        showSettings: (options) => {
            if (options && typeof options === 'object' && typeof options.language === 'string') {
                setActiveLanguage(options.language);
            }
            showSettingsModal();
        },
        debug: () => {
            const cookieVal = getCookie(CONFIG.cookieName);
            if (cookieVal && /^[01]{3}$/.test(cookieVal)) {
            }
        }
    };

})();