/* ==========================================================
   Mass Effect N7 Day Theme (7 Ноября — День N7)
   Colors: N7 Stripe Red (#e01a22) + Omni-Tool Cyan (#00a8ff)
   Wallpaper: Commander Shepard in N7 Armor + Normandy SR-2
   ========================================================== */

body[data-theme="n7"] {
    --cnp-bg: #04060c;
    --cnp-header: #080d1a;
    --cnp-surface: #0c1322;
    --cnp-surface2: #141f35;
    --cnp-card-hover: #16243d;
    --cnp-text: #f1f5f9;
    --cnp-secondary: #cbd5e1;
    --cnp-muted: #64748b;
    --cnp-yellow: #00a8ff; /* Omni-Blue Primary */
    --cnp-yellow-hover: #38bdf8;
    --cnp-accent: #e01a22; /* N7 Red Stripe Accent */
    --cnp-accent-hover: #ef4444;
    --cnp-border: rgba(0, 168, 255, 0.25);
    --cnp-border-hover: rgba(224, 26, 34, 0.55);
}

/* Real Character Artwork Side Wallpaper (Commander Shepard N7) */
body[data-theme="n7"] .cnp-theme-bg {
    background-color: #04060c;
    background-image: 
        linear-gradient(90deg, #04060c 0%, rgba(4,6,12,0.85) 45%, rgba(4,6,12,0.15) 75%, transparent 100%),
        url('/static/images/themes/n7_shepard.webp');
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto 100vh;
    opacity: 0.95;
}

/* Header with Iconic N7 Stripe */
body[data-theme="n7"] .cnp-header {
    border-bottom: 3px solid #e01a22;
    border-image: linear-gradient(90deg, #e01a22 0%, #e01a22 80%, #ffffff 80%, #ffffff 100%) 1;
    box-shadow: 0 4px 25px rgba(0, 168, 255, 0.2);
}

/* N7 Logo Badge */
body[data-theme="n7"] .cnp-brand {
    position: relative;
    display: inline-flex;
    align-items: center;
}
body[data-theme="n7"] .cnp-brand::after {
    content: "N7";
    font-family: 'Arial Black', sans-serif;
    font-size: 13px;
    font-weight: 900;
    background: #0f172a;
    color: #ffffff;
    border: 1px solid #334155;
    padding: 1px 7px;
    border-radius: 3px;
    position: absolute;
    top: -10px;
    right: -32px;
    letter-spacing: 0.8px;
    box-shadow: 0 0 10px rgba(224, 26, 34, 0.7);
    border-left: 3px solid #e01a22;
    pointer-events: none;
}


/* Buttons & Badges */
body[data-theme="n7"] .cnp-badge,
body[data-theme="n7"] .cnp-btn-primary {
    background: linear-gradient(135deg, #e01a22 0%, #00a8ff 100%) !important;
    color: #ffffff !important;
    border: none;
    box-shadow: 0 2px 14px rgba(224, 26, 34, 0.45);
}

/* Card Hover Glow */
body[data-theme="n7"] .cnp-card:hover,
body[data-theme="n7"] .cnp-article-card:hover,
body[data-theme="n7"] .cnp-news-card:hover {
    border-color: rgba(0, 168, 255, 0.6) !important;
    box-shadow: 0 8px 30px rgba(0, 168, 255, 0.2), 0 0 15px rgba(224, 26, 34, 0.25) !important;
    transform: translateY(-2px);
}

/* Event Banner */
body[data-theme="n7"] .cnp-theme-event-banner {
    background: linear-gradient(90deg, #090f1d 0%, #e01a22 50%, #00a8ff 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 20px rgba(224, 26, 34, 0.45) !important;
}
body[data-theme="n7"] .cnp-theme-event-banner span::before {
    content: "⭐ [N7 DAY] ";
    color: #ffffff;
    font-weight: 900;
}
body[data-theme="n7"] .cnp-theme-event-banner a {
    color: #04060c !important;
    background: #00f0ff;
    padding: 2px 8px;
    border-radius: 4px;
    text-decoration: none !important;
    font-weight: 900;
}

/* Custom Mass Effect N7 Cursors */
body[data-theme="n7"],
body[data-theme="n7"] * {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='%2300a8ff' stroke-width='1.5'/%3E%3Cline x1='12' y1='2' x2='12' y2='6' stroke='%23e01a22' stroke-width='2'/%3E%3Cline x1='12' y1='18' x2='12' y2='22' stroke='%23e01a22' stroke-width='2'/%3E%3Cline x1='2' y1='12' x2='6' y2='12' stroke='%23e01a22' stroke-width='2'/%3E%3Cline x1='18' y1='12' x2='22' y2='12' stroke='%23e01a22' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='1.5' fill='%2300f0ff'/%3E%3C/svg%3E") 12 12, auto;
}
body[data-theme="n7"] a,
body[data-theme="n7"] a *,
body[data-theme="n7"] button,
body[data-theme="n7"] button *,
body[data-theme="n7"] [role="button"],
body[data-theme="n7"] input[type="submit"],
body[data-theme="n7"] select {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpolygon points='2,26 8,14 18,6 26,2 22,10 14,20 2,26' fill='%23ff7700' stroke='%2300a8ff' stroke-width='1.5' filter='drop-shadow(0 0 4px %23ff7700)'/%3E%3C/svg%3E") 24 4, pointer !important;
}