/*
 * CookieConsent v3 — North Croatia Team theme
 * Brand: #ED5E89 (pink), dark background
 * Variables MUST be scoped to #cc-main — custom class wrappers are not supported in v3
 */

/* ─── CSS variables on #cc-main ─────────────────────────────────────────────── */
#cc-main {
    --cc-bg:                                  #111318;
    --cc-primary-color:                       #f0f2f5;
    --cc-secondary-color:                     #9aa0ab;

    /* Primary button → brand pink */
    --cc-btn-primary-bg:                      #ED5E89;
    --cc-btn-primary-color:                   #ffffff;
    --cc-btn-primary-hover-bg:                #d44d78;
    --cc-btn-primary-hover-color:             #ffffff;

    /* Secondary button → ghost */
    --cc-btn-secondary-bg:                    transparent;
    --cc-btn-secondary-color:                 #9aa0ab;
    --cc-btn-secondary-border-color:          #2a2e38;
    --cc-btn-secondary-hover-bg:              #1e2229;
    --cc-btn-secondary-hover-color:           #f0f2f5;
    --cc-btn-secondary-hover-border-color:    #ED5E89;

    /* Cookie category blocks */
    --cc-cookie-category-block-bg:            #191c23;
    --cc-cookie-category-block-border:        #2a2e38;
    --cc-cookie-category-block-hover-bg:      #1e2229;
    --cc-cookie-category-block-hover-border:  #ED5E89;
    --cc-cookie-category-expanded-block-hover-bg: #1e2229;
    --cc-cookie-category-expanded-block-bg:   #191c23;

    /* Toggle */
    --cc-toggle-on-bg:                        #ED5E89;
    --cc-toggle-off-bg:                       #2a2e38;
    --cc-toggle-on-knob-bg:                   #ffffff;
    --cc-toggle-off-knob-bg:                  #ffffff;
    --cc-toggle-readonly-bg:                  #2a2e38;
    --cc-toggle-readonly-knob-bg:             #9aa0ab;

    /* Overlay */
    --cc-overlay-bg:                          rgba(0, 0, 0, 0.70);

    /* Borders & separators */
    --cc-separator-border-color:              #2a2e38;

    /* Footer */
    --cc-footer-bg:                           #0d0f13;
    --cc-footer-border-color:                 #2a2e38;

    /* Radius */
    --cc-btn-border-radius:                   6px;
    --cc-modal-border-radius:                 12px;
    --cc-pm-toggle-border-radius:             30px;

    /* Font — inherit site stack */
    --cc-font-family:                         inherit;
    --cc-z-index:                             9999;
}

/* ─── Dark colour-scheme so browser chrome (scrollbars etc.) matches ────────── */
#cc-main {
    color-scheme: dark;
}

/* ─── Bar layout — bottom consent bar ──────────────────────────────────────── */
#cc-main .cm.bar {
    border-top: 1px solid #2a2e38;
    padding: 1.2rem 1.5rem;
    position: relative;
}

/* Pink gradient stripe along the top of the bar */
#cc-main .cm.bar::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, #ED5E89 0%, #f29bb5 50%, #ED5E89 100%);
}

/* ─── Preferences modal ─────────────────────────────────────────────────────── */
#cc-main .pm {
    border: 1px solid #2a2e38;
}

/* Expanded category header — pink left accent */
#cc-main .cc-accordion .accordion__item.is-open .accordion__header {
    border-left: 2px solid #ED5E89;
    padding-left: calc(1rem - 2px);
}

/* ─── Links ─────────────────────────────────────────────────────────────────── */
#cc-main a,
#cc-main a.cc__link {
    color: #ED5E89;
    text-decoration: underline;
    text-underline-offset: 2px;
}

#cc-main a:hover {
    color: #f29bb5;
}

/* ─── Cookie table headers ──────────────────────────────────────────────────── */
#cc-main .section__table th {
    color: #ED5E89;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* ─── Close button hover ────────────────────────────────────────────────────── */
#cc-main .pm__close-btn:hover {
    color: #ED5E89;
}