/**
 * Multiple Authors Styles
 * Estilos para el sistema de autores múltiples
 */

/* WordPress author fallback styles */
.doo-wp-author {
    font-style: normal;
    color: inherit;
}

/* Force remove links ONLY on WordPress author containers */
.doo-wp-author a,
.doo-wp-author a:hover,
.doo-wp-author a:visited,
.doo-wp-author a:active {
    text-decoration: none !important;
    color: inherit !important;
    cursor: default !important;
    pointer-events: none !important;
}

/* Distinguish between WordPress authors and multiple authors if needed */
.doo-author-link {
    color: inherit;
    text-decoration: underline;
}

.doo-author-link:hover {
    text-decoration: none;
}

/* ==========================================================================
   Authors Container Styles
   ========================================================================== */

.doo-post-authors {
    margin: 0.5em 0;
    font-size: 0.95em;
    line-height: 1.4;
}

.doo-post-authors.large {
    font-size: 1.1em;
}

.doo-post-authors.small {
    font-size: 0.85em;
}

/* ==========================================================================
   Author Links & Names
   ========================================================================== */

.doo-author-link {
    color: #0073aa;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s ease;
    border-bottom: 1px solid transparent;
}

.doo-author-link:hover,
.doo-author-link:focus {
    color: #005177;
    text-decoration: none;
    border-bottom-color: currentColor;
}

.doo-author-link:visited {
    color: #551A8B;
}

.doo-author-name {
    font-weight: 500;
    color: inherit;
}

/* ==========================================================================
   Meta Author Styles (para metadatos del post)
   ========================================================================== */

.post-meta .doo-post-authors {
    display: inline-flex;
    align-items: center;
    margin: 0;
}

.post-meta .doo-post-authors::before {
    content: "👤";
    margin-right: 0.5em;
    opacity: 0.7;
}

.post-meta .doo-author-link,
.post-meta .doo-author-name {
    font-size: 0.9em;
}

/* ==========================================================================
   Card Styles (para tarjetas de posts)
   ========================================================================== */

.post-card .doo-post-authors {
    margin-top: 1em;
    padding-top: 0.5em;
    border-top: 1px solid #e2e2e2;
    font-size: 0.85em;
    color: #666;
}

.post-card .doo-author-link {
    color: #666;
    font-weight: normal;
}

.post-card .doo-author-link:hover {
    color: #333;
}

/* ==========================================================================
   Widget Styles
   ========================================================================== */

.doo-widget-authors {
    margin: 0;
}

.widget .doo-widget-authors .doo-author-link {
    color: #333;
    font-size: 0.95em;
}

.widget .doo-widget-authors .doo-author-link:hover {
    color: #0073aa;
}

/* ==========================================================================
   Byline Styles (línea de autor)
   ========================================================================== */

.byline .doo-post-authors {
    display: inline;
    margin: 0;
}

.byline .doo-post-authors .doo-author-link,
.byline .doo-post-authors .doo-author-name {
    font-style: inherit;
    font-weight: inherit;
}

/* ==========================================================================
   Author Box Styles (caja completa de autor)
   ========================================================================== */

.doo-authors-box {
    background: #f9f9f9;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    padding: 1.5em;
    margin: 2em 0;
}

.doo-authors-box h3 {
    margin: 0 0 1em;
    font-size: 1.2em;
    color: #333;
    border-bottom: 2px solid #0073aa;
    padding-bottom: 0.5em;
}

.doo-authors-box .doo-post-authors {
    font-size: 1em;
    margin: 0;
}

.doo-authors-box .doo-author-link {
    font-weight: 600;
    padding: 0.25em 0.5em;
    background: rgba(0, 115, 170, 0.1);
    border-radius: 4px;
    margin: 0 0.25em;
}

.doo-authors-box .doo-author-link:hover {
    background: rgba(0, 115, 170, 0.2);
}

/* ==========================================================================
   List Styles (autores en lista vertical)
   ========================================================================== */

.doo-authors-list {
    list-style: none;
    margin: 1em 0;
    padding: 0;
}

.doo-authors-list li {
    margin: 0.5em 0;
    padding: 0.5em 0;
    border-bottom: 1px solid #f0f0f0;
}

.doo-authors-list li:last-child {
    border-bottom: none;
}

.doo-authors-list .doo-author-link {
    display: inline-block;
    font-size: 1.1em;
    font-weight: 600;
}

.doo-authors-list .author-info {
    font-size: 0.9em;
    color: #666;
    margin-top: 0.25em;
}

/* ==========================================================================
   Badge Styles (autores como badges)
   ========================================================================== */

.doo-authors-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    margin: 1em 0;
}

.doo-authors-badges .doo-author-link,
.doo-authors-badges .doo-author-name {
    background: #0073aa;
    color: white !important;
    padding: 0.25em 0.75em;
    border-radius: 20px;
    font-size: 0.85em;
    font-weight: 500;
    text-decoration: none;
    border: none;
    transition: all 0.2s ease;
}

.doo-authors-badges .doo-author-link:hover {
    background: #005177;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.doo-authors-badges .doo-author-name {
    background: #666;
}

/* ==========================================================================
   Responsive Design
   ========================================================================== */

@media (max-width: 768px) {
    .doo-post-authors {
        font-size: 0.9em;
    }
    
    .post-meta .doo-post-authors {
        display: block;
        margin-top: 0.5em;
    }
    
    .doo-authors-box {
        padding: 1em;
        margin: 1.5em 0;
    }
    
    .doo-authors-badges {
        gap: 0.25em;
    }
    
    .doo-authors-badges .doo-author-link,
    .doo-authors-badges .doo-author-name {
        font-size: 0.8em;
        padding: 0.2em 0.6em;
    }
}

@media (max-width: 480px) {
    .doo-post-authors {
        font-size: 0.85em;
    }
    
    .doo-authors-box h3 {
        font-size: 1.1em;
    }
}

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

@media (prefers-color-scheme: dark) {
    .doo-author-link {
        color: #66B2FF;
    }
    
    .doo-author-link:hover {
        color: #99CCFF;
    }
    
    .doo-author-link:visited {
        color: #CC99FF;
    }
    
    .post-card .doo-post-authors {
        border-top-color: #444;
        color: #ccc;
    }
    
    .post-card .doo-author-link {
        color: #ccc;
    }
    
    .post-card .doo-author-link:hover {
        color: #fff;
    }
    
    .doo-authors-box {
        background: #2a2a2a;
        border-color: #444;
    }
    
    .doo-authors-box h3 {
        color: #fff;
        border-bottom-color: #66B2FF;
    }
    
    .doo-authors-box .doo-author-link {
        background: rgba(102, 178, 255, 0.2);
    }
    
    .doo-authors-box .doo-author-link:hover {
        background: rgba(102, 178, 255, 0.3);
    }
    
    .doo-authors-list li {
        border-bottom-color: #444;
    }
    
    .doo-authors-list .author-info {
        color: #ccc;
    }
}

/* ==========================================================================
   Accessibility
   ========================================================================== */

.doo-author-link:focus {
    outline: 2px solid #0073aa;
    outline-offset: 2px;
    border-radius: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .doo-author-link,
    .doo-authors-badges .doo-author-link {
        transition: none;
    }
    
    .doo-authors-badges .doo-author-link:hover {
        transform: none;
    }
}

/* ==========================================================================
   Print Styles
   ========================================================================== */

@media print {
    .doo-author-link {
        color: #000 !important;
        text-decoration: underline !important;
    }
    
    .doo-authors-box {
        background: transparent !important;
        border: 1px solid #000 !important;
    }
    
    .doo-authors-badges .doo-author-link,
    .doo-authors-badges .doo-author-name {
        background: transparent !important;
        color: #000 !important;
        border: 1px solid #000 !important;
    }
}
