/**
 * Layout Detalhar - Botões de Ação
 *
 * Estilos do container de ações (compartilhar, fechar) no layout de detalhar.
 * Parte do template Laminas, não do Design System.
 *
 * Separado para facilitar futura refatoração de templates/temas.
 *
 * @version 1.0.0
 * @date 2026-03-02
 * @see module/Application/view/layout/template/view/detalhar-template.phtml
 */

/* ============================================
   Container de Ações do Detalhar
   ============================================ */

/* Container de ações - posicionamento absoluto no canto superior direito */
/* Funciona tanto para estrutura estática (#boxDetalhar) quanto dinâmica (.modal-detalhar-wrapper) */
#boxDetalhar .detail-actions,
.modal-detalhar-wrapper .detail-actions {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    align-items: center;
    gap: var(--spacing-1, 4px);
    z-index: 100; /* Acima do conteúdo que tem position: relative */
}

/* Remove posicionamento absoluto individual quando dentro do container */
/* !important necessário para sobrescrever detalhar.css que define position: absolute */
#boxDetalhar .detail-actions .detail-close,
#boxDetalhar .detail-actions .detail-share,
.modal-detalhar-wrapper .detail-actions .detail-close,
.modal-detalhar-wrapper .detail-actions .detail-share {
    position: static !important;
    top: auto !important;
    right: auto !important;
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* ============================================
   Botão de Compartilhar
   ============================================ */

.detail-share {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: 6px;
    transition: background-color 0.15s ease;
    /* Fix Firefox: garantir que o botão é clicável */
    position: relative;
    z-index: 101;
}

.detail-share:hover {
    background: rgba(0, 0, 0, 0.05);
}

/* Fix Firefox: elementos filhos não devem interceptar clicks */
.detail-share i,
.detail-share .material-icons,
.detail-share span {
    font-size: 20px;
    color: var(--detail-close-color, #7A839F);
    transition: color 0.15s ease;
    pointer-events: none; /* Deixa o click passar para o botão pai */
}

.detail-share:hover i,
.detail-share:hover .material-icons,
.detail-share:hover span {
    color: var(--detail-close-hover, #12151F);
}

.detail-share:focus {
    outline: 2px solid var(--color-primary-500, #3b82f6);
    outline-offset: 2px;
}

/* Fix Firefox: garantir clicabilidade em todos os estados */
.detail-share:active {
    transform: scale(0.95);
}

/* ============================================
   Dark Mode
   ============================================ */

.dark .detail-share:hover {
    background: rgba(255, 255, 255, 0.1);
}