/* ==========================================================================
   Consent Manager (CommIT plugin) — easybutor skin.
   A plugin CSS-ét NEM módosítjuk: a --ccm-* tokeneket a komponens-gyökerekre
   scope-olva írjuk felül (a plugin readme „Megjelenés testreszabása" mintája),
   a gombokat a téma gomb-rendszeréhez igazítjuk. Betöltés: inc/consent.php
   (deps: easybutor-main + ccm-consent), csak aktív pluginnál.
   ========================================================================== */

.ccm-banner,
.ccm-fab,
.ccm-modal,
.ccm-settings-link {
    --ccm-color-bg: #fff;
    --ccm-color-text: var(--color-text);
    --ccm-color-text-muted: var(--color-text-muted);
    --ccm-color-primary: var(--acc);
    --ccm-color-primary-dark: var(--acc-deep);
    --ccm-color-primary-light: var(--acc-soft);
    --ccm-color-border: var(--color-border);
    --ccm-color-bg-alt: var(--color-background);
    --ccm-radius-panel: var(--radius-panel);
    --ccm-radius-input: var(--radius-input);
    --ccm-radius-bubble: 11px;
    --ccm-shadow-banner: 0 18px 50px rgba(38, 34, 28, .2);
    --ccm-shadow-modal: 0 -8px 32px rgba(38, 34, 28, .22);
    --ccm-shadow-fab: 0 6px 20px var(--acc-sh);
    --ccm-transition: var(--transition-fast);
    --ccm-max-width: var(--container-max-width);
    font-family: var(--font-body);
}

/* Rétegsorrend: a termékoldali sticky CTA (9999) és a kosár-toast (1000) FÖLÉ,
   hogy a banner gombjai mobilon se takarodjanak ki. (Az accessories <dialog> a
   top layerben van — az mindig felül; nyitott konfigurátor alatt a banner inert.) */
.ccm-banner {
    z-index: 10001;
}

.ccm-modal {
    z-index: 10002;
}

/* A lebegő (FAB) süti-gombot nem használjuk: a lábléc „Sütibeállítások" linkje
   váltja ki, és mobilon a bal alsó sarokban a sticky CTA-val ütközne. */
.ccm-fab {
    display: none !important;
}

.ccm-banner__title {
    font-family: var(--font-heading);
    font-size: 17px;
    letter-spacing: -.02em;
}

.ccm-banner__text {
    font-size: 14px;
    line-height: 1.55;
}

.ccm-banner__policy-link {
    font-weight: 600;
}

.ccm-modal__title {
    font-family: var(--font-heading);
    font-size: 20px;
    letter-spacing: -.02em;
}

/* Gombok — a téma gomb-rendszere (radius 11px, Manrope 600) */
.ccm-banner .ccm-btn,
.ccm-modal .ccm-btn {
    border-radius: var(--radius-btn);
    padding: 12px 20px;
    font-family: var(--font-body);
    font-size: 14.5px;
    font-weight: 600;
    line-height: 1.2;
}

.ccm-banner .ccm-btn--primary,
.ccm-modal .ccm-btn--primary {
    background: var(--acc);
    border-color: var(--acc);
    color: #fff;
}

.ccm-banner .ccm-btn--primary:hover,
.ccm-modal .ccm-btn--primary:hover {
    background: var(--acc-deep);
    border-color: var(--acc-deep);
}

.ccm-banner .ccm-btn--soft,
.ccm-modal .ccm-btn--soft {
    background: #fff;
    color: var(--color-text);
    border-color: var(--color-border-alt);
}

.ccm-banner .ccm-btn--soft:hover,
.ccm-modal .ccm-btn--soft:hover {
    background: var(--color-product-bg);
    color: var(--color-text);
    border-color: var(--color-border-alt);
}

/* Mobil: az Elutasítom + Mind elfogadom EGY sorban, azonos méretben (egyenrangú
   választás), alattuk a Beállítások teljes szélességben. */
@media (max-width: 767px) {
    .ccm-banner {
        left: 10px;
        right: 10px;
        bottom: 10px;
        padding: 18px 16px;
    }

    .ccm-banner__actions {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .ccm-banner__actions .ccm-btn {
        flex: 1 1 45%;
        width: auto;
    }

    .ccm-banner__actions .ccm-btn[data-consent-action="settings"] {
        flex-basis: 100%;
        order: 3;
    }
}

/* Lábléc szöveges gomb (Sütibeállítások) — a legal-sor linkjeivel azonos kinézet. */
.eb-footer__textbtn {
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
    transition: color var(--transition-fast);
}

.eb-footer__textbtn:hover {
    color: #fff;
}