/*
Theme Name: IAVoos Elite Blog
Theme URI: https://iavoos.online/blog
Author: IAVoos AI Engineer
Description: Tema de elite baseado no design Glassmorphism do IAVoos.online.
Version: 1.0
Text Domain: iavoos-elite
*/
p { margin-bottom: 1.5rem; line-height: 1.8; }
.entry-content p { margin-bottom: 1.8rem; }

/* --- CORE LEGIBILITY FIXES --- */

/* Sharing Buttons container and shape overrides */
.group\/share,
[class*="group/share"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    background-color: #e2e8f0 !important; /* bg-slate-200 */
    background: #e2e8f0 !important;
    border: 1px solid #cbd5e1 !important; /* border-slate-300 */
    border-radius: 12px !important; /* rounded-xl */
    transition: all 0.2s ease !important;
}

.group\/share:hover,
[class*="group/share"]:hover {
    background-color: #1e56f0 !important; /* bg-brand-600 */
    background: #1e56f0 !important;
    border-color: #1e56f0 !important;
}

/* Sharing Buttons Icons Color Fix */
[class*="group/share"] svg {
    stroke: #475569 !important; /* slate-600 */
    color: #475569 !important;
    width: 20px !important;
    height: 20px !important;
    transition: stroke 0.2s ease, color 0.2s ease !important;
}
[class*="group/share"]:hover svg {
    stroke: #ffffff !important;
    color: #ffffff !important;
}

/* Overrides for IA Recommendation boxes (new light format) */
.ia-recommendation-box,
.prose div[style*="background: rgba(59, 130, 246"],
.prose div[style*="background:rgba(59, 130, 246"],
.prose div[style*="border-left: 3px solid #3b82f6"] {
    background-color: rgba(59, 130, 246, 0.05) !important;
    background: rgba(59, 130, 246, 0.05) !important;
    border-left: 3px solid #3b82f6 !important;
}

.ia-recommendation-title,
.prose div[style*="background: rgba(59, 130, 246"] h4,
.prose div[style*="background:rgba(59, 130, 246"] h4,
.prose div[style*="border-left: 3px solid #3b82f6"] h4 {
    color: #0f172a !important;
}

.ia-recommendation-desc,
.prose div[style*="background: rgba(59, 130, 246"] p,
.prose div[style*="background:rgba(59, 130, 246"] p,
.prose div[style*="border-left: 3px solid #3b82f6"] p {
    color: #475569 !important;
}

.ia-recommendation-tag {
    background-color: #3b82f6 !important;
    background: #3b82f6 !important;
    color: white !important;
}

/* Explicit layout styling for IA Recommendation Button */
.prose .ia-recommendation-btn,
.ia-recommendation-btn,
.prose div[style*="border-left: 3px solid #3b82f6"] a[style*="display: inline-block"],
.prose div[style*="background: rgba(59, 130, 246"] a {
    display: inline-block !important;
    background-color: #1e56f0 !important; /* brand-600 */
    background: #1e56f0 !important;
    color: #ffffff !important;
    padding: 10px 20px !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    font-size: 13px !important;
    text-align: center !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    transition: all 0.2s ease !important;
}

.prose .ia-recommendation-btn:hover,
.ia-recommendation-btn:hover,
.prose div[style*="border-left: 3px solid #3b82f6"] a[style*="display: inline-block"]:hover,
.prose div[style*="background: rgba(59, 130, 246"] a:hover {
    background-color: #1743d0 !important; /* brand-700 */
    background: #1743d0 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}

/* Fallback/Overrides for existing IA Recommendation boxes in the database (old format) */
.prose div[style*="background: #0f172a"],
.prose div[style*="background:#0f172a"],
.prose div[style*="0f172a"] {
    background-color: #0f172a !important;
    background: #0f172a !important;
    color: white !important;
}
.prose div[style*="background: #0f172a"] h4,
.prose div[style*="background:#0f172a"] h4,
.prose div[style*="0f172a"] h4 {
    color: white !important;
}
.prose div[style*="background: #0f172a"] p,
.prose div[style*="background:#0f172a"] p,
.prose div[style*="0f172a"] p {
    color: #94a3b8 !important;
}
.prose div[style*="background: #0f172a"] a,
.prose div[style*="background:#0f172a"] a,
.prose div[style*="0f172a"] a {
    display: inline-block !important;
    background-color: #3b82f6 !important;
    background: #3b82f6 !important;
    color: white !important;
    padding: 10px 20px !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    font-size: 13px !important;
}