/* Custom styles para eventos list */
.archive-item {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.archive-item-image {
    flex-shrink: 0;
}

.archive-item-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

/* Customização do separador entre posts na página inicial */
.home .single.summary {
    padding-bottom: 2rem;
    margin-bottom: 0.75rem;
}

/* Dark mode - linha branca */
body[theme="dark"] .home .single.summary {
    border-bottom: 2px dashed rgba(255, 255, 255, 0.8);
}

/* Light mode - linha preta */
body[theme="light"] .home .single.summary {
    border-bottom: 2px dashed rgba(0, 0, 0, 0.8);
}

/* Todas as badges no light mode com fundo branco */
body[theme="light"] .tw-inline-flex.tw-items-center.tw-gap-\[6px\].tw-rounded-full {
    background: #ffffff !important;
}

/* Badge de ANO no light mode - identificada pela borda #9ca3af */
body[theme="light"] .tw-inline-flex.tw-items-center.tw-gap-\[6px\][style*="border:1px solid #9ca3af"] {
    background: #ffffff !important;
    border-color: #000000 !important;
}

/* Texto e ícone da badge de ANO no light mode */
body[theme="light"] .tw-inline-flex.tw-items-center.tw-gap-\[6px\][style*="border:1px solid #9ca3af"] span {
    color: #000000 !important;
}

body[theme="light"] .tw-inline-flex.tw-items-center.tw-gap-\[6px\][style*="border:1px solid #9ca3af"] svg {
    color: #000000 !important;
    fill: currentColor !important;
}

/* Nomes de autores com mesma cor do "Leia mais" */
.post-author .author a,
.author span.author a {
    text-decoration: none !important;
    color: var(--single-link-color) !important;
}

.post-author .author a:hover,
.author span.author a:hover {
    text-decoration: underline !important;
    color: var(--single-link-hover-color) !important;
}

body[theme="light"] .post-author .author a:hover,
body[theme="light"] .author span.author a:hover {
    color: #1d4ed8 !important;
}

/* Credly badges - fundo branco no light mode */
body[theme="light"] .credly-badge {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 3px 8px rgba(0,0,0,0.05) !important;
}

body[theme="light"] .credly-badge-meta {
    color: #6b7280 !important;
}

.home .single.summary:last-child {
    border-bottom: none;
}

/* Logo no header */
.header-title img {
    height: 32px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5rem;
}

/* Garantir que apenas um logo apareça por vez */
body[theme="light"] .header-title img.tw-hidden.dark\:tw-block {
    display: none !important;
}

body[theme="dark"] .header-title img.dark\:tw-hidden {
    display: none !important;
}

/* Logo no footer */
.footer-logo img {
    height: 28px;
    width: auto;
    display: inline-block;
}

body[theme="light"] .footer-logo img.tw-hidden.dark\:tw-block {
    display: none !important;
}

body[theme="dark"] .footer-logo img.dark\:tw-hidden {
    display: none !important;
}

/* Custom Share Section */
.custom-share-section {
    margin: 2rem 0;
    padding: 0;
    background: none;
    text-align: center;
}

.custom-share-section .share-title {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--global-font-color);
}

.custom-share-section .share-buttons {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    flex-wrap: wrap;
}

.custom-share-section .share-button {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0;
    font-weight: 500;
    font-size: 0.95rem;
    text-decoration: none;
    transition: all 0.2s ease;
    background: none;
    border: none;
    box-shadow: none;
}

.custom-share-section .share-button:hover {
    transform: scale(1.05);
    opacity: 0.8;
}

.custom-share-section .share-button svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    max-width: 24px;
    max-height: 24px;
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

.custom-share-section .share-button:hover svg {
    transform: scale(1.1);
}

/* LinkedIn Button */
.custom-share-section .share-button.linkedin,
.custom-share-section .share-button.linkedin span {
    color: #0A66C2 !important;
}

.custom-share-section .share-button.linkedin svg {
    fill: #0A66C2 !important;
    color: #0A66C2 !important;
}

/* WhatsApp Button */
.custom-share-section .share-button.whatsapp,
.custom-share-section .share-button.whatsapp span {
    color: #25D366 !important;
}

.custom-share-section .share-button.whatsapp svg {
    fill: #25D366 !important;
    color: #25D366 !important;
}

/* Mini Share Buttons (for home page) */
.share-mini {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin: 0;
}

/* Mobile: share buttons below "Read more" */
@media (max-width: 768px) {
    .post-footer {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.75rem !important;
    }
    
    .post-footer > div:first-child {
        width: 100%;
    }
    
    .post-tags {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.25rem;
    }
    
    .post-tags a {
        white-space: nowrap;
    }
}

.share-mini-label {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--global-font-secondary-color);
}

.share-mini-button {
    display: inline-flex;
    align-items: center;
    padding: 0;
    background: none;
    border: none;
    transition: all 0.2s ease;
}

.share-mini-button:hover {
    transform: scale(1.1);
    opacity: 0.8;
}

.share-mini-button svg {
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    max-width: 18px;
    max-height: 18px;
    flex-shrink: 0;
}

.share-mini-button.linkedin svg {
    color: #0A66C2 !important;
    fill: #0A66C2 !important;
}

.share-mini-button.whatsapp svg {
    color: #25D366 !important;
    fill: #25D366 !important;
}
