/*
Theme Name: Vitality Viral Reviews V3 (Empire Edition)
Theme URI: https://vitalitynewsreport.com
Author: Antigravity AI
Description: The ultimate high-conversion theme for Amazon, Shopee, and ClickBank. Includes Native Cloaker UI, Auto-TOC, and E-E-A-T Author Boxes.
Version: 3.0
License: GNU General Public License v2 or later
Text Domain: vitality-viral
*/

/* RESET & BASE */
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background-color: #F8F9FA; color: #111; line-height: 1.6; }
a { color: #2C3E50; text-decoration: none; transition: 0.2s; }
a:hover { color: #E74C3C; }
img { max-width: 100%; height: auto; }

/* HEADER */
.site-header { background: #111; color: #fff; padding: 15px 0; border-bottom: 3px solid #E74C3C; position: sticky; top: 0; z-index: 100; }
.header-container { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; }
.site-branding h1 { margin: 0; font-size: 24px; font-weight: 900; letter-spacing: -0.5px; text-transform: uppercase; }
.site-branding a { color: #fff; text-decoration: none; }
.site-branding span { color: #E74C3C; }
.main-navigation ul { list-style: none; display: flex; gap: 20px; margin: 0; padding: 0; }
.main-navigation a { color: #ddd; font-weight: 600; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; }
.main-navigation a:hover { color: #fff; }

/* LAYOUT */
.site-content { max-width: 1200px; margin: 40px auto; padding: 0 20px; display: flex; gap: 40px; flex-wrap: wrap; }
.primary-content { flex: 3; min-width: 300px; background: #fff; padding: 40px; border-radius: 8px; box-shadow: 0 2px 15px rgba(0,0,0,0.03); }
.sidebar { flex: 1; min-width: 250px; }

/* SINGLE POST */
.entry-header { margin-bottom: 30px; text-align: center; }
.entry-title { font-size: 42px; font-weight: 900; line-height: 1.2; margin-bottom: 15px; color: #111; }
.entry-meta { color: #777; font-size: 14px; margin-bottom: 30px; text-transform: uppercase; font-weight: 600; }
.entry-content { font-size: 18px; line-height: 1.8; color: #333; }
.entry-content h2 { font-size: 28px; font-weight: 800; margin: 40px 0 20px 0; border-bottom: 2px solid #eee; padding-bottom: 10px; }
.entry-content h3 { font-size: 22px; margin: 30px 0 15px 0; }

/* E-E-A-T TOC */
.vitality-toc { background: #f8f9fa; border: 1px solid #e0e0e0; border-radius: 8px; padding: 25px; margin: 30px 0; }
.vitality-toc-title { font-weight: 800; font-size: 20px; margin-bottom: 15px; display: flex; align-items: center; gap: 10px; }
.vitality-toc ul { list-style: none; padding-left: 0; margin: 0; }
.vitality-toc li { margin-bottom: 10px; }
.vitality-toc a { color: #2C3E50; font-weight: 600; text-decoration: underline; text-decoration-color: #E74C3C; text-underline-offset: 4px; }

/* E-E-A-T AUTHOR BOX */
.vitality-author-box { display: flex; gap: 20px; background: #f4f6f7; padding: 30px; border-radius: 12px; margin-top: 50px; border-left: 4px solid #3498db; }
.vitality-author-avatar img { border-radius: 50%; width: 80px; height: 80px; object-fit: cover; }
.vitality-author-info h4 { margin: 0 0 5px 0; font-size: 20px; font-weight: 800; color: #111; }
.vitality-author-title { font-size: 14px; font-weight: 700; color: #3498db; text-transform: uppercase; margin-bottom: 10px; display: block; }
.vitality-author-bio { font-size: 15px; color: #555; margin: 0; }

/* VIRAL AFFILIATE SHORTCODES CSS */
.viral-product-box { border: 2px solid #EAEAEA; border-radius: 12px; padding: 25px; margin: 40px 0; background: #fff; position: relative; display: flex; flex-wrap: wrap; gap: 30px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
.viral-badge { position: absolute; top: -15px; left: 20px; background: #E74C3C; color: #fff; font-weight: 900; font-size: 12px; text-transform: uppercase; padding: 5px 15px; border-radius: 20px; letter-spacing: 1px; }
.viral-badge.amazon { background: #FF9900; color: #111; }
.viral-badge.shopee { background: #EE4D2D; color: #fff; }
.viral-badge.clickbank { background: #27ae60; color: #fff; display:flex; align-items:center; gap:5px; }

.viral-product-img { flex: 1; min-width: 200px; text-align: center; display: flex; align-items: center; justify-content: center; }
.viral-product-info { flex: 2; min-width: 250px; }
.viral-product-title { font-size: 24px; font-weight: 800; margin: 0 0 15px 0; line-height: 1.3; }
.viral-product-desc { font-size: 16px; color: #555; margin-bottom: 20px; }
.viral-btn { display: block; text-align: center; font-weight: 800; font-size: 18px; padding: 15px; border-radius: 6px; text-decoration: none; transition: 0.2s; color: white !important; }
.viral-btn.amazon { background: #FF9900; color: #111 !important; box-shadow: 0 4px 0 #CC7A00; }
.viral-btn.amazon:hover { background: #FFB84D; transform: translateY(2px); box-shadow: 0 2px 0 #CC7A00; }
.viral-btn.shopee { background: #EE4D2D; box-shadow: 0 4px 0 #BF3E24; }
.viral-btn.shopee:hover { background: #F27056; transform: translateY(2px); box-shadow: 0 2px 0 #BF3E24; }
.viral-btn.clickbank { background: #2ECC71; box-shadow: 0 4px 0 #27AE60; font-size: 22px; padding: 20px; text-transform: uppercase; letter-spacing: 1px; animation: pulse 2s infinite; }
.viral-btn.clickbank:hover { background: #2ecc71; transform: translateY(2px); box-shadow: 0 2px 0 #27AE60; animation: none; }

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.02); }
    100% { transform: scale(1); }
}

/* FOOTER */
.site-footer { background: #111; color: #7f8c8d; text-align: center; padding: 40px 20px; margin-top: 60px; font-size: 14px; border-top: 1px solid #333; }
.site-footer a { color: #bdc3c7; }

/* RESPONSIVE */
@media (max-width: 768px) {
    .header-container { flex-direction: column; gap: 15px; }
    .main-navigation ul { flex-wrap: wrap; justify-content: center; }
    .site-content { flex-direction: column; padding: 0 15px; margin: 20px auto; }
    .primary-content { padding: 20px; }
    .entry-title { font-size: 32px; }
    .vitality-author-box { flex-direction: column; text-align: center; align-items: center; }
}