/* Variaveis partilhadas entre paginas publicas e editor. */
.jt-links-page {background-color:var(--ls-fundo,#edf0f1)!important;background-image:none!important}
.jt-links-page[data-ls-bg-style="metalizado"] {
    background-image:linear-gradient(137deg,rgba(255,255,255,.45),rgba(255,255,255,.04) 28%,rgba(0,0,0,.16) 53%,rgba(255,255,255,.28) 75%,rgba(0,0,0,.09))!important;
}
.jt-links-page .metal-background {display:none!important}
.jt-links-page .description,.jt-links-page .subtitle,.jt-links-page .country,
.jt-links-page .location-text,.jt-links-page .zone,.jt-links-page .intro,
.jt-links-page .jt-preview-secondary {color:var(--ls-texto-perfil,#52675b)!important}
.jt-links-page .grupo-links-botoes>.grupo-link-botao,
.jt-links-page a.button:not(.primary),.jt-links-page .jt-preview-button {
    background-color:var(--ls-botao,#fff)!important;color:var(--ls-texto-botao,#182c23)!important;
    background-image:none;border-color:rgba(0,0,0,.1)!important;
}
.jt-links-page .public-section>summary.section-toggle,
.jt-links-page .proximo-evento-jogos>summary,
.jt-links-page .jt-preview-dropdown>summary {
    background-color:var(--ls-botao,#fff)!important;color:var(--ls-texto-botao,#182c23)!important;
    background-image:none!important;
}
.jt-links-page[data-ls-button-style="metalizado"] .grupo-links-botoes>.grupo-link-botao,
.jt-links-page[data-ls-button-style="metalizado"] a.button:not(.primary),
.jt-links-page[data-ls-button-style="metalizado"] .public-section>summary.section-toggle,
.jt-links-page[data-ls-button-style="metalizado"] .proximo-evento-jogos>summary,
.jt-links-page[data-ls-button-style="metalizado"] .jt-preview-button,
.jt-links-page[data-ls-button-style="metalizado"] .jt-preview-dropdown>summary {
    background-image:linear-gradient(160deg,rgba(255,255,255,.4),rgba(0,0,0,.12) 48%,rgba(255,255,255,.28))!important;
}
.jt-links-page .public-section,.jt-links-page .proximo-evento-jogos-conteudo,
.jt-links-page .jt-preview-dropdown[open] {background-color:var(--ls-cartao,#181a1d)!important;color:var(--ls-texto-cartao,#fff)!important}
.jt-links-page .content-row,.jt-links-page .content-row small,
.jt-links-page .proximo-evento-jogo,.jt-links-page .proximo-evento-jogo-ano,
.jt-links-page .proximo-evento-jogo-participantes,.jt-links-page .jt-preview-row,
.jt-links-page .content-row strong,.jt-links-page .proximo-evento-jogo-nome,
.jt-links-page .proximo-evento-jogos-conteudo .note {
    color:var(--ls-texto-cartao,#fff)!important;
}
/* Editor administrativo */
.jt-appearance-columns {display:grid;grid-template-columns:minmax(250px,1fr) minmax(375px,435px);gap:24px;align-items:start}
.jt-appearance-fields {display:grid;grid-template-columns:minmax(0,1fr);gap:12px;max-width:390px}
.jt-appearance-fields label {display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.9rem}
.jt-appearance-fields input[type=color] {width:100%;height:40px;border:1px solid #b9bfc5;border-radius:8px;cursor:pointer;padding:3px;background:transparent}
.jt-preview-phone {position:relative;width:100%;max-width:435px;margin:0 auto;border:8px solid #202328;border-radius:33px;overflow:hidden;box-shadow:0 12px 35px #0003;background:#202328}
.jt-preview-surface {height:700px;overflow-y:auto;padding:22px 14px;border-radius:24px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;text-align:center}
.jt-preview-header {margin-bottom:22px;overflow-wrap:anywhere}
.jt-preview-header img {max-width:95px;max-height:95px;object-fit:contain;display:block;margin:0 auto 12px}
.jt-preview-header h3 {color:#182c23;font-size:1.45rem;margin:0 0 12px}
.jt-preview-secondary {font-size:.88rem;line-height:1.45;white-space:pre-line}
.jt-preview-button,.jt-preview-dropdown>summary {display:block;margin:10px 0;padding:13px 14px;border-radius:12px;font-weight:650;text-align:center;list-style:none;border:1px solid #dce5df}
.jt-preview-dropdown {border-radius:12px;overflow:hidden;margin-top:10px;text-align:left}
.jt-preview-dropdown>summary {cursor:pointer;margin:0}
.jt-preview-dropdown .jt-preview-row {padding:12px 16px;border-top:1px solid rgba(255,255,255,.15);font-size:.9rem}
@media(max-width:960px){.jt-appearance-columns{grid-template-columns:1fr}.jt-appearance-fields{grid-template-columns:1fr;max-width:430px}}
@media(max-width:440px){.jt-appearance-editor{padding:12px!important}.jt-preview-phone{max-width:100%}}

.jt-preview-live {position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:24px;background:transparent}

/* Cor de destaque: titulos, icones SVG e assinatura comum. */
.jt-links-page h1,
.jt-links-page .profile-header h1,
.jt-links-page .jt-preview-header h3,
.jt-links-page .site-brand-nome,
.jt-links-page .site-brand-lema,
.jt-links-page .jt-preview-brand strong,
.jt-links-page .jt-preview-brand small {
    color: var(--ls-destaque,#22272b)!important;
}
/* Contorno branco apenas em titulos e assinatura, para se destacarem
   de fundos escolhidos pelo utilizador, sem interferir com os botoes. */
.jt-links-page h1,
.jt-links-page .jt-preview-header h3,
.jt-links-page .site-brand-nome,
.jt-links-page .site-brand-lema,
.jt-links-page .jt-preview-brand strong,
.jt-links-page .jt-preview-brand small {
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff,
        -1px 1px 0 #fff, 1px 1px 0 #fff,
        0 2px 2px rgba(0,0,0,.15);
}
.jt-links-page .grupo-link-icone,
.jt-links-page .grupo-link-icone svg,
.jt-links-page .profile-social-icons a,
.jt-links-page .profile-social-icons svg {
    color: var(--ls-destaque,#22272b)!important;
}
.jt-links-page .grupo-link-icone svg,
.jt-links-page .profile-social-icons svg {
    filter: drop-shadow(1px 0 0 white) drop-shadow(-1px 0 0 white);
}
/* Os emblemas bitmap preservam a imagem original com halo branco. */
.jt-links-page .site-brand-emblema,
.jt-links-page .jt-preview-brand img,
.jt-links-page .section-emblem,
.jt-links-page .grupo-link-icone img {
    filter: drop-shadow(1px 0 white) drop-shadow(-1px 0 white)
            drop-shadow(0 1px white) drop-shadow(0 -1px white);
}
/* Um unico controlo de contorno para links normais, especiais e dropdowns.
   Os antigos contornos claros deixam de ser obrigatorios. */
.jt-links-page .grupo-links-botoes > .grupo-link-botao,
.jt-links-page a.button,
.jt-links-page .public-section > summary.section-toggle,
.jt-links-page .proximo-evento-jogos > summary,
.jt-links-page .jt-preview-button,
.jt-links-page .jt-preview-dropdown > summary {
    border-width: var(--ls-largura-contorno,0px)!important;
    border-style: solid!important;
    border-color: var(--ls-contorno-botao,#fff)!important;
}
/* Todos os botoes gerados pelo site, incluindo os botoes "primary",
   seguem as mesmas escolhas visuais dos restantes. */
.jt-links-page a.button {
    background-color:var(--ls-botao,#fff)!important;
    color:var(--ls-texto-botao,#182c23)!important;
    background-image:none!important;
}
.jt-links-page[data-ls-button-style="metalizado"] a.button {
    background-image:linear-gradient(160deg,rgba(255,255,255,.4),rgba(0,0,0,.12) 48%,rgba(255,255,255,.28))!important;
}
.jt-links-page .public-section,
.jt-links-page .proximo-evento-jogos {border:0!important}
.jt-preview-brand {display:flex;align-items:center;justify-content:center;gap:8px;margin-top:28px;text-align:left}
.jt-preview-brand img {width:36px;height:36px;object-fit:contain}
.jt-preview-brand-text {display:flex;flex-direction:column;gap:1px;line-height:1.2}
.jt-preview-brand-text strong {font-family:Poppins,system-ui,sans-serif;font-size:1rem;white-space:nowrap}
.jt-preview-brand-text small {font-family:"Segoe Print",cursive;font-size:.68rem;white-space:nowrap}

/* Emblemas do proprio site: a versao monocromatica utiliza exatamente
   a cor de destaque; fora das paginas Link Share Profile fica intacta. */
@supports ((mask-image: url('/favicon-96x96.png')) or (-webkit-mask-image: url('/favicon-96x96.png'))) {
    .jt-links-page .site-brand > .site-brand-emblema,
    .jt-links-page .jt-preview-brand > img {
        display: none!important;
    }
    .jt-links-page .site-brand::before,
    .jt-links-page .jt-preview-brand::before {
        content: "";
        display: block;
        width: 36px;
        height: 36px;
        flex-shrink: 0;
        background-color: var(--ls-destaque,#22272b);
        -webkit-mask: url('/favicon-96x96.png') center / contain no-repeat;
        mask: url('/favicon-96x96.png') center / contain no-repeat;
        filter: drop-shadow(1px 0 0 white) drop-shadow(-1px 0 0 white);
    }
    .jt-links-page .public-section > summary.section-toggle > .section-emblem {
        opacity: 0!important;
    }
    .jt-links-page .public-section > summary.section-toggle::before {
        content: "";
        position: absolute;
        left: 18px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        background-color: var(--ls-destaque,#22272b);
        -webkit-mask: url('/favicon-96x96.png') center / contain no-repeat;
        mask: url('/favicon-96x96.png') center / contain no-repeat;
        filter: drop-shadow(1px 0 0 white) drop-shadow(-1px 0 0 white);
    }
}

.jt-preview-button,.jt-preview-dropdown>summary {position:relative}
.jt-preview-link-icon {position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--ls-destaque,#22272b);font-size:1.25rem;text-shadow:1px 0 white,-1px 0 white,0 1px white,0 -1px white}