/*
 Theme Name:   CyberFlux Child
 Theme URI:    https://cyberflux.pl
 Description:  Child theme for CyberFlux.pl — Divi 5 child theme with agent-readiness JSON-LD and custom security schema
 Author:       Łukasz / iFox Studio
 Author URI:   https://ifox.pl
 Template:     Divi-5
 Version:      1.0.0
 Text Domain:  cyberflux-child
*/

/* ============================================================
   CSS VARIABLES — CyberFlux Design System
   ============================================================ */
:root {
    /* Core palette */
    --cf-black:        #0a0a0f;
    --cf-dark:         #0f1117;
    --cf-surface:      #141720;
    --cf-surface-2:    #1a1f2e;
    --cf-border:       #1e2438;

    /* Accent colors */
    --cf-red:          #c0152a;
    --cf-red-dark:     #8b0f1e;
    --cf-red-glow:     rgba(192, 21, 42, 0.15);
    --cf-orange:       #b85c00;
    --cf-orange-light: #d4700a;
    --cf-blue:         #0d2240;
    --cf-blue-mid:     #0e3060;
    --cf-blue-accent:  #1a4a8a;

    /* Text */
    --cf-text:         #e2e6f0;
    --cf-text-muted:   #8892a4;
    --cf-text-dim:     #4a5568;

    /* Severity colors — for security content */
    --cf-critical:     #c0152a;
    --cf-high:         #d4700a;
    --cf-medium:       #c9a227;
    --cf-low:          #2d7d4f;
    --cf-info:         #1a4a8a;
}

/* ============================================================
   BASE OVERRIDES FOR DIVI 5
   ============================================================ */
body {
    background-color: var(--cf-black);
    color: var(--cf-text);
}

/* ============================================================
   TYPOGRAPHY
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap');

body,
.et_pb_text,
.et_pb_blurb_description,
p {
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    line-height: 1.75;
    color: var(--cf-text);
}

h1, h2, h3, h4, h5, h6,
.et_pb_title_container h1,
.entry-title {
    font-family: 'Space Mono', monospace;
    color: var(--cf-text);
    letter-spacing: -0.02em;
}

/* CVE identifiers and code */
code, pre, .cve-id {
    font-family: 'Space Mono', monospace;
    background: var(--cf-surface-2);
    color: var(--cf-orange-light);
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 0.875em;
    border: 1px solid var(--cf-border);
}

/* ============================================================
   SEVERITY BADGES — for security articles
   ============================================================ */
.cf-severity {
    display: inline-block;
    font-family: 'Space Mono', monospace;
    font-size: 0.7em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 2px 8px;
    border-radius: 2px;
}

.cf-severity--critical {
    background: var(--cf-red);
    color: #fff;
}

.cf-severity--high {
    background: var(--cf-orange);
    color: #fff;
}

.cf-severity--medium {
    background: var(--cf-medium);
    color: #0a0a0f;
}

.cf-severity--low {
    background: var(--cf-low);
    color: #fff;
}

/* ============================================================
   ARTICLE HEADER — CVE and incident metadata
   ============================================================ */
.cf-article-meta {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--cf-border);
    font-family: 'Space Mono', monospace;
    font-size: 0.75em;
    color: var(--cf-text-muted);
}

.cf-article-meta .cve-ref {
    color: var(--cf-red);
    font-weight: 700;
}

.cf-article-meta .cf-category {
    color: var(--cf-orange-light);
}

/* ============================================================
   LINKS
   ============================================================ */
a {
    color: var(--cf-orange-light);
    text-decoration: none;
    transition: color 0.2s ease;
}

a:hover {
    color: var(--cf-red);
}

/* ============================================================
   TABLES — for vulnerability data
   ============================================================ */
table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9em;
    margin: 24px 0;
}

th {
    font-family: 'Space Mono', monospace;
    font-size: 0.75em;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    background: var(--cf-surface-2);
    color: var(--cf-text-muted);
    padding: 10px 16px;
    text-align: left;
    border-bottom: 1px solid var(--cf-border);
}

td {
    padding: 10px 16px;
    border-bottom: 1px solid var(--cf-border);
    vertical-align: top;
}

tr:hover td {
    background: var(--cf-surface);
}

/* ============================================================
   BLOCKQUOTES — for key findings
   ============================================================ */
blockquote {
    border-left: 3px solid var(--cf-red);
    margin: 24px 0;
    padding: 16px 24px;
    background: var(--cf-surface);
    color: var(--cf-text);
    font-style: normal;
}

blockquote p {
    margin: 0;
}

/* ============================================================
   SCROLLBAR
   ============================================================ */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: var(--cf-dark);
}

::-webkit-scrollbar-thumb {
    background: var(--cf-border);
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--cf-red-dark);
}