/**
 * Módulo Partilha
 *
 * Personalização em ADSI Core > Apresentação > Partilha (CoreGlobaisCss emite
 * as variáveis em :root) ou no child theme:
 *   --core-partilha-cor           cor única / ações sem cor de marca (omissão: --core-color-primary)
 *   --core-partilha-fg            ícone/texto nos botões preenchidos (omissão: #fff)
 *   --core-partilha-radius        cantos (omissão: 999px = redondo)
 *   --core-partilha-size          altura/largura (omissão: 44px — alvo de toque)
 *   --core-partilha-icon-size     ícone (omissão: 18px)
 *   --core-partilha-gap           espaço entre botões (omissão: 8px)
 *   --core-partilha-border-width  borda (omissão: 2px)
 *   --core-partilha-titulo-cor    título "Partilhar" (omissão: herda)
 *
 * As variáveis NÃO são redefinidas em .core-partilha (só lidas com fallback),
 * para que os valores de :root prevaleçam.
 *
 * Cores de marca ajustadas para ≥ 4.5:1 com branco (texto no modo
 * "ícones + texto"): WhatsApp, Telegram e Reddit escurecidos face à cor oficial.
 */
.core-partilha {
    margin-block: var(--core-block-margin, 1.5rem);
}

.core-partilha--align-center { text-align: center; }
.core-partilha--align-right  { text-align: right; }

/*
 * Especificidade: os temas pintam todos os links/parágrafos do conteúdo com
 * regras mais fortes do que uma classe simples — ex. Enfold
 * ".main_color a { color }" (0,1,1), ".main_color a:hover { color }" (0,2,1),
 * ".main_color p, .main_color span { color }". Por isso:
 *   - as variáveis (--_bg/--_fg/--_radius) definem-se com especificidade baixa,
 *     para os overrides de marca/forma funcionarem por ordem;
 *   - as propriedades de cor/fundo usam ".core-partilha .core-partilha__lista
 *     .core-partilha__botao" (0,3,0) e (0,4,0) no hover/foco.
 */
/* p ou h2..h6 (Nível do Título) — mesmo aspeto em qualquer nível; (0,2,0) vence ".main_color p/h2" (0,1,1) */
.core-partilha .core-partilha__titulo {
    margin: 0 0 var(--core-spacing-sm, 0.5rem);
    padding: 0;
    line-height: 1.3;
    letter-spacing: normal;
    text-transform: none;
    color: var(--core-partilha-titulo-cor, inherit);
    font-size: var(--core-font-size-sm, 0.875rem);
    font-weight: 600;
}

/* Com elemento (ul./li.) para vencer ".entry-content-wrapper ul { list-style: disc }" */
.core-partilha ul.core-partilha__lista {
    display: flex;
    flex-wrap: wrap;
    gap: var(--core-partilha-gap, 8px);
    margin: 0;
    padding: 0;
    list-style: none;
}

.core-partilha--align-center .core-partilha__lista { justify-content: center; }
.core-partilha--align-right  .core-partilha__lista { justify-content: flex-end; }

.core-partilha li.core-partilha__item {
    margin: 0;
    padding: 0;
    list-style: none;
}
.core-partilha li.core-partilha__item::before,
.core-partilha li.core-partilha__item::marker {
    content: none;
}

.core-partilha__item[hidden] { display: none !important; }

/* Variáveis — especificidade baixa de propósito (ver acima) */
.core-partilha__botao {
    --_bg: var(--core-partilha-cor, var(--core-color-primary, #2c5f8d));
    --_fg: var(--core-partilha-fg, #fff);
    --_radius: var(--core-partilha-radius, 999px);
}

/* Override de forma por instância (shortcode/bloco) — sem classe usa o radius global */
.core-partilha--redondo  .core-partilha__botao { --_radius: 999px; }
.core-partilha--quadrado .core-partilha__botao { --_radius: 0; }

/* Cores de marca (email, copiar, imprimir, nativa mantêm a cor única) */
.core-partilha--marca .core-partilha__item--facebook  .core-partilha__botao { --_bg: #0866ff; }
.core-partilha--marca .core-partilha__item--x         .core-partilha__botao { --_bg: #000; }
.core-partilha--marca .core-partilha__item--linkedin  .core-partilha__botao { --_bg: #0a66c2; }
.core-partilha--marca .core-partilha__item--whatsapp  .core-partilha__botao { --_bg: #0f7a6d; }
.core-partilha--marca .core-partilha__item--telegram  .core-partilha__botao { --_bg: #1a7ab8; }
.core-partilha--marca .core-partilha__item--pinterest .core-partilha__botao { --_bg: #e60023; }
.core-partilha--marca .core-partilha__item--reddit    .core-partilha__botao { --_bg: #d93a00; }

/* Propriedades */
.core-partilha .core-partilha__lista .core-partilha__botao {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--core-spacing-sm, 0.5rem);
    box-sizing: border-box;
    min-width: max(44px, var(--core-partilha-size, 44px));
    min-height: max(44px, var(--core-partilha-size, 44px));
    margin: 0;
    padding: 0;
    border: var(--core-partilha-border-width, 2px) solid var(--_bg);
    border-radius: var(--_radius);
    background: var(--_bg);
    color: var(--_fg);
    font: inherit;
    font-size: var(--core-font-size-sm, 0.875rem);
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    box-shadow: none;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

/* Preenchido: inverte ao passar o rato / foco */
.core-partilha .core-partilha__lista .core-partilha__botao:hover,
.core-partilha .core-partilha__lista .core-partilha__botao:focus-visible {
    background: var(--_fg);
    color: var(--_bg);
    text-decoration: none;
}

.core-partilha .core-partilha__lista .core-partilha__botao:focus-visible {
    outline: 3px solid var(--core-partilha-focus, #2271b1);
    outline-offset: 2px;
}

/* Ícone e texto seguem sempre a cor do botão (temas pintam span/svg diretamente) */
.core-partilha .core-partilha__botao .core-partilha__icone {
    width: var(--core-partilha-icon-size, 18px);
    height: var(--core-partilha-icon-size, 18px);
    flex: none;
    fill: currentColor;
}
.core-partilha .core-partilha__botao .core-partilha__label {
    color: inherit;
}

/* Só ícones: a label fica disponível apenas via aria-label do controlo */
.core-partilha--icones .core-partilha__botao .core-partilha__label { display: none; }

/* Ícones + texto: padding horizontal (a pílula vem do radius 999px) */
.core-partilha--icones_texto .core-partilha__lista .core-partilha__botao { padding: 0 1rem; }

/* Contorno: transparente na cor única, preenche ao passar o rato / foco */
.core-partilha--contorno .core-partilha__lista .core-partilha__botao {
    background: transparent;
    color: var(--_bg);
}
.core-partilha--contorno .core-partilha__lista .core-partilha__botao:hover,
.core-partilha--contorno .core-partilha__lista .core-partilha__botao:focus-visible {
    background: var(--_bg);
    color: var(--_fg);
}

.core-partilha__estado {
    margin: var(--core-spacing-xs, 0.25rem) 0 0;
    font-size: var(--core-font-size-sm, 0.875rem);
}
.core-partilha__estado:empty { margin: 0; }

/* Enfold: invólucro do share nativo fica vazio quando o módulo o substitui */
.av-social-sharing-box:empty { display: none; }

@media print {
    .core-partilha { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .core-partilha .core-partilha__lista .core-partilha__botao { transition: none; }
}
