/* Site theme for vanilla-cookieconsent v3 */
#cc-main {
    --cc-font-family: var(--font-primary, "Montserrat", sans-serif);
    --cc-bg: #fff;
    --cc-primary-color: #1f2d3a;
    --cc-secondary-color: #555a60;
    --cc-modal-border-radius: 16px;
    --cc-btn-border-radius: 8px;

    --cc-btn-primary-bg: var(--color-primary, #00a3a4);
    --cc-btn-primary-color: #fff;
    --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
    --cc-btn-primary-hover-bg: #008a8b;
    --cc-btn-primary-hover-color: #fff;
    --cc-btn-primary-hover-border-color: #008a8b;

    --cc-btn-secondary-bg: #fff;
    --cc-btn-secondary-color: #1f2d3a;
    --cc-btn-secondary-border-color: #d9dfe3;
    --cc-btn-secondary-hover-bg: #f3f6f7;
    --cc-btn-secondary-hover-color: #1f2d3a;
    --cc-btn-secondary-hover-border-color: #c3ccd1;

    --cc-link-color: var(--color-primary, #00a3a4);
    --cc-separator-border-color: #edf0f2;
    --cc-toggle-on-bg: var(--color-primary, #00a3a4);
    --cc-toggle-off-bg: #cfd6db;
    --cc-toggle-readonly-bg: #9fd6d6;
    --cc-toggle-readonly-knob-bg: #fff;
    --cc-cookie-category-block-bg: #f7f9fa;
    --cc-cookie-category-block-border: #edf0f2;
    --cc-cookie-category-block-hover-bg: #eef3f4;
    --cc-cookie-category-block-hover-border: #e3e9ec;
    --cc-cookie-category-expanded-block-bg: #fff;
    --cc-cookie-category-expanded-block-hover-bg: #eef3f4;
    --cc-footer-bg: #fff;
    --cc-footer-border-color: #edf0f2;
    --cc-overlay-bg: rgba(20, 30, 40, .55);
}

#cc-main a,
#cc-main .cc__link {
    color: var(--cc-link-color);
    font-weight: 600;
    background-image: none;
    text-decoration: none;
}

#cc-main a:hover,
#cc-main .cc__link:hover {
    text-decoration: underline;
}

#cc-main button.cc__link {
    background: none;
    border: 0;
    padding: 0;
    font: inherit;
    cursor: pointer;
}

/* ---------- consent banner ---------- */
#cc-main .cm {
    box-shadow: 0 12px 40px rgba(20, 30, 40, .18);
    border: 1px solid #edf0f2;
}

#cc-main .cm--box.cm--wide {
    max-width: 52em;
}

#cc-main .cm__body {
    padding: 1.2em 1.4em 0;
}

#cc-main .cm__texts {
    padding: .6em 0 0;
}

#cc-main .cm__title {
    font-size: 1.25em;
    font-weight: 700;
}

#cc-main .cm__desc {
    font-size: 1em;
    line-height: 1.65;
    max-height: 50vh;
}

#cc-main .cm__btns {
    padding: 1.2em 1.4em 1.4em;
    border-top: 0;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: .6em;
}

#cc-main .cm__btn-group {
    display: flex;
    flex-wrap: wrap;
    gap: .6em;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
    font-weight: 600;
    padding: .8em 1.2em;
    min-width: auto;
    margin: 0 !important;
    width: auto;
    flex: 0 0 auto;
}

/* "Configurează" / "Închide" as text link */
#cc-main .cm__btn[data-role="show"] {
    background: transparent;
    border-color: transparent;
    color: var(--cc-link-color);
}

#cc-main .cm__btn[data-role="show"]:hover {
    background: transparent;
    border-color: transparent;
    text-decoration: underline;
}

/* ---------- preferences modal ---------- */
#cc-main .pm {
    box-shadow: 0 12px 40px rgba(20, 30, 40, .2);
}

#cc-main .pm__header {
    border-bottom: 0;
    padding: 1.4em 1.4em .4em;
}

#cc-main .pm__title {
    font-size: 1.25em;
    font-weight: 700;
}

#cc-main .pm__body {
    padding: .4em 1.4em 1em;
}

#cc-main .pm__section-desc {
    line-height: 1.55;
}

#cc-main .pm__footer {
    border-top: 0;
    padding: 1em 1.4em 1.4em;
    justify-content: flex-start;
    gap: .6em;
}

#cc-main .pm__btn-group {
    gap: .6em;
}

#cc-main .pm__btn[data-role="save"] {
    background: var(--cc-btn-primary-bg);
    color: var(--cc-btn-primary-color);
    border-color: var(--cc-btn-primary-border-color);
}

#cc-main .pm__btn[data-role="save"]:hover {
    background: var(--cc-btn-primary-hover-bg);
    border-color: var(--cc-btn-primary-hover-border-color);
}

#cc-main .pm__btn[data-role="all"] {
    background: var(--cc-btn-secondary-bg);
    color: var(--cc-btn-secondary-color);
    border-color: var(--cc-btn-secondary-border-color);
}

#cc-main .pm__btn[data-role="all"]:hover {
    background: var(--cc-btn-secondary-hover-bg);
}

@media screen and (max-width: 640px) {
    #cc-main .cm__btns,
    #cc-main .cm__btn-group {
        flex-direction: column;
        align-items: stretch;
    }

    #cc-main .cm__btn,
    #cc-main .pm__btn {
        width: 100%;
    }
}

/* ---------- blocked iframe placeholder ---------- */
.cc-embed-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    max-width: 100%;
    padding: 24px;
    text-align: center;
    background: #f3f6f7;
    border: 1px dashed #c3ccd1;
    border-radius: 12px;
    color: #414042;
}

.cc-embed-placeholder p {
    margin: 0;
    font-size: 15px;
}

.cc-embed-placeholder button {
    background: var(--color-primary, #00a3a4);
    color: #fff;
    border: 0;
    border-radius: 8px;
    padding: 10px 18px;
    font-weight: 600;
    cursor: pointer;
}

.cookie-settings-link {
    background: none;
    border: 0;
    padding: 0;
    color: inherit;
    font: inherit;
    cursor: pointer;
    text-decoration: underline;
}
