/* ==========================================================================
   Estilos partilhados com o Rich Text Editor
   Carregado no front-office e no RTE do backoffice, para o editor ver o
   conteúdo como ele sai no site.

   NÃO redefinir aqui --bs-primary / --bs-secondary / --bs-body-color nem
   font-family do body: esses valores vêm de tokens.css, que carrega
   ANTES deste ficheiro. Redefini-los desfaz a conformidade com o Ágora.
   (A versão anterior deste ficheiro era o tema do Campismo de Proença-a-Nova
   e punha o site a verde/laranja com a font Unbounded.)
   ========================================================================== */

body {
    overflow-x: hidden;
}

b, strong {
    font-weight: 600;
}

/* --- Conteúdo do RTE --- */
.rte p:last-child {
    margin-bottom: 0;
}

.rte a {
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* --------------------------------------------------------------------------
   Botões
   As cores saem dos tokens Ágora. Contrastes verificados sobre branco:
   primary #034AD8 = 7.06:1 (AAA) · secondary #12669E = 6.14:1 (AA)
   -------------------------------------------------------------------------- */
.btn {
    font-size: 1rem;
    border-radius: var(--bs-border-radius-sm);
    font-weight: 600;
    transition: all ease-in-out .15s;
}

.btn-sm {
    padding: .5rem 1.75rem;
    font-size: .8125rem;
}

.btn-lg {
    padding: .9375rem 3.125rem;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-primary-600);
    --bs-btn-border-color: var(--color-primary-600);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-primary-800);
    --bs-btn-hover-border-color: var(--color-primary-800);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-primary-900);
    --bs-btn-active-border-color: var(--color-primary-900);
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-secondary-800);
    --bs-btn-border-color: var(--color-secondary-800);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-secondary-900);
    --bs-btn-hover-border-color: var(--color-secondary-900);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-secondary-900);
    --bs-btn-active-border-color: var(--color-secondary-900);
}

.btn-outline-primary {
    --bs-btn-color: var(--color-primary-700);
    --bs-btn-border-color: var(--color-primary-600);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-primary-600);
    --bs-btn-hover-border-color: var(--color-primary-600);
}

/* Só aplica onde o utilizador não pediu menos movimento (WCAG 2.3.3). */
@media (prefers-reduced-motion: no-preference) {
    .btn-shrink:hover {
        transform: scale(.9);
    }
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}