/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* =============================================================
 * WordPress Default Table Block Styling
 * ========================================================== */
/* 1. Container & Base Table Logic */
.wp-block-table.is-style-stripes {
	border: none;
}
.wp-block-table {
    margin-top: 40px;
    margin-bottom: 60px;
    border: none;
}

.wp-block-table table {
    width: 100%;
	border-radius: 15px;
	overflow: hidden;
    border-collapse: collapse; 
    border-spacing: 0;
    border: 1px solid var(--contrast-4); 
    font-family: var(--gp-font--inter);
}

/* 2. Header Styling (The "Command" Row) */
.wp-block-table thead {
	border-top: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
    border-bottom: 2px solid var(--accent); /* Cyan line under header for "System Link" */
}

.wp-block-table th {
    background-color: var(--contrast-2); /* Deep Charcoal */
    color: var(--contrast-4); /* Cool Silver */
    font-family: var(--gp-font--jetbrains-mono);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    padding: 20px;
    text-align: left;
    border: none;
}

/* 3. Cell Styling (The "Data" Rows) */
.wp-block-table td {
    padding: 25px 20px;
    border-bottom: 1px solid var(--contrast-4);
    font-size: 15px; /* Slightly tighter for better data scanning */
    line-height: 1.5;
    color: var(--contrast-2);
    vertical-align: middle;
}

/* Target Column 1: The Date */
.wp-block-table td:nth-child(1) {
    font-family: var(--gp-font--jetbrains-mono);
    font-weight: 800;
    color: var(--contrast); /* Pure Black for maximum gravity */
    white-space: nowrap;
}

/* Target Column 2: The Bracketed Milestone */
.wp-block-table td:nth-child(2) {
    font-family: var(--gp-font--jetbrains-mono);
    color: var(--contrast); /* Cyber Cyan */
    letter-spacing: 0.05em;
	text-transform: uppercase;
}

/* 4. Alternating Row Colors (Zebra Striping) */
.wp-block-table tr:nth-child(even) {
    background-color: var(--base); /* Your Main Content Background */
}
/* 5. The Status Tag Logic */
.status-pill {
    font-family: var(--gp-font--jetbrains-mono);
    font-size: 12px; /* Smaller font for pills is a standard UI pattern */
    font-weight: 700;
    padding: 5px 12px;
    border-radius: 8px; /* Reduced from 8px for a sharper, more "Industrial" feel */
    background-color: var(--contrast-4);
    color: var(--contrast-3);
    display: inline-block;
    letter-spacing: 0.05em;
    min-width: 110px;
    text-align: center;
    text-transform: uppercase;
}

.status-pill.status-active {
    background-color: var(--accent-3); /* Volt Green */
    color: var(--contrast);
    box-shadow: 0 0 12px rgba(164, 240, 50, 0.4);
}

.status-pill.status-target {
    background-color: var(--accent); /* Cyber Cyan */
    color: var(--contrast);
}

.roadmap-label {
    display: inline-block; /* Essential to wrap the background around the text */
    background-color: var(--accent-2); /* Kinetic Purple */
    color: var(--accent); /* Cyber Cyan Text */
    font-family: var(--gp-font--jetbrains-mono);
    font-size: 11px; /* Keep it tiny and precise */
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.2em; /* This is the "Engineered" look */
    padding: 4px 12px; /* Slim top/bottom, wider sides */
    border-radius: 8px; /* Matches your table pill radius */
    margin-bottom: 40px;
    box-shadow: 0 2px 8px rgba(138, 94, 232, 0.2); /* Subtle purple glow */
}