/*
 * Netipaq Cookie Consent – CSS variable overrides
 *
 * This file contains ONLY CSS custom properties.
 *
 * rem scaling: The cookieconsent library is designed for html { font-size: 100% }
 * (1rem = 16px). Our sites use html { font-size: 62.5% } (1rem = 10px).
 * All rem-based sizing vars are multiplied by 1.6 (16 ÷ 10) to restore the
 * intended pixel dimensions. Colors, z-index, transitions and em values are left
 * at their defaults because they are not affected by the root font-size.
 */

#cc-main {
    /* Layout & spacing – scaled ×1.6 for 62.5% root font-size */
    --cc-modal-margin:          1.6rem;   /* default: 1rem    */
    --cc-modal-border-radius:   0.8rem;   /* default: 0.5rem  */
    --cc-btn-border-radius:     0.64rem;  /* default: 0.4rem  */

    /* Transition & animation – unitless, unchanged */
    --cc-modal-transition-duration: 0.25s;

    /* Toggle – em-based, unchanged */
    --cc-pm-toggle-border-radius: 4em;

    /* Stacking – unchanged */
    --cc-z-index: 2147483647;

    /* Typography – unchanged */
    --cc-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
                      sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

    /* ── Colors – light mode (unchanged) ──────────────────────────────────── */

    --cc-bg:                    #fff;
    --cc-primary-color:         #2c2f31;
    --cc-secondary-color:       #5e6266;
    --cc-separator-border-color: #f0f4f7;
    --cc-overlay-bg:            rgba(0, 0, 0, 0.65);

    /* Buttons */
    --cc-btn-primary-bg:             var(--color-1);
    --cc-btn-primary-color:          #fff;
    --cc-btn-primary-border-color:   var(--color-1);
    --cc-btn-primary-hover-bg:       var(--color-2);
    --cc-btn-primary-hover-color:    #fff;
    --cc-btn-primary-hover-border-color: var(--color-2);

    --cc-btn-secondary-bg:             #eaeff2;
    --cc-btn-secondary-color:          #2c2f31;
    --cc-btn-secondary-border-color:   #eaeff2;
    --cc-btn-secondary-hover-bg:       #d4dae0;
    --cc-btn-secondary-hover-color:    #000;
    --cc-btn-secondary-hover-border-color: #d4dae0;

    /* Toggles */
    --cc-toggle-on-bg:              #30363c;
    --cc-toggle-off-bg:             #667481;
    --cc-toggle-on-knob-bg:         #fff;
    --cc-toggle-off-knob-bg:        #fff;
    --cc-toggle-enabled-icon-color: #fff;
    --cc-toggle-disabled-icon-color: #fff;
    --cc-toggle-readonly-bg:        #d5dee2;
    --cc-toggle-readonly-knob-bg:   #fff;
    --cc-toggle-readonly-knob-icon-color: #d5dee2;

    /* Cookie category blocks */
    --cc-cookie-category-block-bg:             #f0f4f7;
    --cc-cookie-category-block-border:         #f0f4f7;
    --cc-cookie-category-block-hover-bg:       #e9eff4;
    --cc-cookie-category-block-hover-border:   #e9eff4;
    --cc-cookie-category-expanded-block-bg:    transparent;
    --cc-cookie-category-expanded-block-hover-bg: #dee4e9;

    /* Section & scrollbar */
    --cc-section-category-border:      #f0f4f7;
    --cc-webkit-scrollbar-bg:          #f0f4f7;
    --cc-webkit-scrollbar-hover-bg:    #000;

    /* Footer */
    --cc-footer-bg:           #eaeff2;
    --cc-footer-color:        #5e6266;
    --cc-footer-border-color: #e4eaed;

    /* Link */
    --cc-link-color: #30363c;
}

/*
 * Padding & spacing overrides
 *
 * The library hardcodes rem values for internal padding/margins that are not
 * exposed as CSS variables. With html { font-size: 62.5% } (1rem = 10px),
 * these render too small. We override them here, scaled by ×1.6, to restore
 * the intended pixel sizes. em-based values from the library are unaffected
 * because #cc-main has font-size: 16px set explicitly by the library.
 */

#cc-main .cm {
  max-width:38.4rem;
}

#cc-main .pm--box {
  max-width:49em;
}

/* Consent modal – inner padding */
#cc-main .cm__btns {
    padding: 1.6rem 2.08rem;
}

#cc-main .cm__links {
    padding: 0 2.08rem;
}

#cc-main .cm__texts {
    padding: 1.6rem 0 0;
}

#cc-main .cm__desc,
#cc-main .cm__title {
    padding-left:  2.08rem;
    padding-right: 2.08rem;
}

/* Close button: extra padding-right on title when close btn is visible */
#cc-main .cm__btn--close + .cm__texts .cm__title {
    padding-right: 4.8rem;
}

/* Button group gaps */
#cc-main .cm__btn + .cm__btn,
#cc-main .cm__btn-group + .cm__btn-group {
    margin-top: 0.6rem;
}

#cc-main .cm--flip .cm__btn + .cm__btn,
#cc-main .cm--flip .cm__btn-group + .cm__btn-group {
    margin-bottom: 0.6rem;
    margin-top: 0;
}

#cc-main .cm--inline .cm__btn + .cm__btn {
    margin-left: 0.6rem;
    margin-top: 0;
}

#cc-main .cm--wide .cm__btn + .cm__btn,
#cc-main .cm--wide .cm__btn-group + .cm__btn-group {
    margin-left: 0.6rem;
    margin-top: 0;
}

/* Mobile – library overrides with !important, so we match */
@media screen and (max-width: 640px) {
    #cc-main .cm__btns,
    #cc-main .cm__desc,
    #cc-main .cm__links,
    #cc-main .cm__title {
        padding-left:  1.76rem !important;
        padding-right: 1.76rem !important;
    }

    #cc-main .cm__btn + .cm__btn,
    #cc-main .cm__btn-group + .cm__btn-group {
        margin: 0.6rem 0 0 !important;
    }

    #cc-main .cm--flip .cm__btn + .cm__btn,
    #cc-main .cm--flip .cm__btn-group + .cm__btn-group {
        margin-bottom: 0.6rem !important;
        margin-top: 0 !important;
    }
}