﻿/* Lagom CRM — Cookie Consent (Banner + FAB) */

/* Fallbacks; o JS mede e atualiza dinamicamente */
:root {
    --recaptcha-h: 0px; /* altura do reCAPTCHA (v2/v3) */
    --footer-safe: 56px; /* altura do rodapé/créditos */
}

/* ===== FAB (botão flutuante) ===== */
.cookie-fab {
    position: fixed;
    right: 1rem;
    bottom: calc(1rem + var(--footer-safe)); /* por padrão: acima dos créditos */
    z-index: 1080; /* acima do conteúdo, abaixo de modais */
    padding: .375rem .75rem;
    backdrop-filter: blur(4px);
}

/* FAB apenas com ícone */
.cookie-fab-icon {
    width: 48px;
    height: 48px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .cookie-fab-icon i {
        font-size: 22px;
        line-height: 1;
    }

/* Mobile */
@media (max-width: 575.98px) {
    .cookie-fab {
        right: .75rem;
    }

    .cookie-fab-icon {
        width: 44px;
        height: 44px;
    }

        .cookie-fab-icon i {
            font-size: 20px;
        }
}

/* Quando o banner está aberto, sobe o FAB para não sobrepor */
.cookie-banner-open .cookie-fab {
    bottom: calc(6.5rem + var(--footer-safe));
}

/* Se houver reCAPTCHA visível (v2 ou v3), apenas SOBE; mantém alinhado à direita */
.has-recaptcha .cookie-fab {
    right: 1rem;
    bottom: calc(1rem + var(--footer-safe) + var(--recaptcha-h));
}

/* Banner + reCAPTCHA ao mesmo tempo */
.cookie-banner-open.has-recaptcha .cookie-fab {
    bottom: calc(6.5rem + var(--footer-safe) + var(--recaptcha-h));
}

/* ===== Banner ===== */
#cookie-consent {
    z-index: 1050;
}

    #cookie-consent a {
        text-decoration: underline;
        text-underline-offset: 2px;
    }
