/*
Theme Name: Twenty Twenty-Four Child
Template: twentytwentyfour
Description: Child theme for Niche Management LLC - Futuristic Space & Remote Sensing Aesthetic
Author: Glenn Sullivan
Version: 1.0
*/

/* ================================================
   NICHE MANAGEMENT LLC - BRAND COLORS & VARIABLES
   ================================================ */
:root {
    --niche-blue: #00b0f0;
    --niche-orange: #ffaa00;
    --niche-yellow: #ccff00;
    --niche-pink: #ff007f;
    --niche-grey: #dbe2e9;
    --niche-white: #ffffff;
    --niche-black: #000000;
    --niche-dark: #050d1a;
    --niche-dark-mid: #0a1628;
    --niche-glow-blue: rgba(0, 176, 240, 0.15);
    --niche-glow-pink: rgba(255, 0, 127, 0.1);
}

/* ================================================
   GLOBAL - DARK SPACE BACKGROUND
   ================================================ */
body {
    background-color: var(--niche-dark) !important;
    color: var(--niche-grey) !important;
    font-family: 'Inter', 'Segoe UI', sans-serif;
}

/* ================================================
   HEADER & NAVIGATION
   ================================================ */
header {
    background-color: rgba(5, 13, 26, 0.95) !important;
    border-bottom: 1px solid rgba(0, 176, 240, 0.3) !important;
    backdrop-filter: blur(10px);
}

.wp-block-site-title a {
    color: var(--niche-blue) !important;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.wp-block-navigation a {
    color: var(--niche-grey) !important;
    font-size: 0.875rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    transition: color 0.2s ease;
}

.wp-block-navigation a:hover {
    color: var(--niche-blue) !important;
}

/* ================================================
   HERO / COVER BLOCKS
   ================================================ */
.wp-block-cover {
    min-height: 85vh !important;
}

.wp-block-cover h1 {
    color: var(--niche-white) !important;
    font-size: clamp(2rem, 5vw, 4rem) !important;
    font-weight: 800;
    text-shadow: 0 0 40px rgba(0, 176, 240, 0.5);
    line-height: 1.1;
}

.wp-block-cover p {
    color: var(--niche-grey) !important;
    font-size: 1.25rem;
}

/* ================================================
   HEADINGS
   ================================================ */
h1, h2, h3, h4, h5, h6 {
    color: var(--niche-white) !important;
}

/* ================================================
   BODY TEXT
   ================================================ */
p, li {
    color: var(--niche-grey) !important;
    line-height: 1.7;
}

a {
    color: var(--niche-blue) !important;
    transition: color 0.2s ease;
}

a:hover {
    color: var(--niche-yellow) !important;
}

/* ================================================
   BUTTONS
   ================================================ */
.wp-block-button__link {
    background-color: var(--niche-blue) !important;
    color: var(--niche-dark) !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    font-size: 0.875rem !important;
    padding: 0.75rem 2rem !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 0 20px rgba(0, 176, 240, 0.3) !important;
}

.wp-block-button__link:hover {
    background-color: var(--niche-yellow) !important;
    color: var(--niche-dark) !important;
    box-shadow: 0 0 30px rgba(204, 255, 0, 0.4) !important;
    transform: translateY(-1px);
}

.wp-block-button.is-style-outline .wp-block-button__link {
    background-color: transparent !important;
    color: var(--niche-blue) !important;
    border: 1px solid var(--niche-blue) !important;
    box-shadow: none !important;
}

/* ================================================
   GROUP & COLUMN BLOCKS
   ================================================ */
.wp-block-group {
    background-color: var(--niche-dark-mid) !important;
}

.wp-block-column {
    border: 1px solid rgba(0, 176, 240, 0.2);
    border-radius: 8px;
    padding: 1.5rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.wp-block-column:hover {
    border-color: rgba(0, 176, 240, 0.6);
    box-shadow: 0 0 30px rgba(0, 176, 240, 0.1);
}

/* ================================================
   SEPARATOR
   ================================================ */
.wp-block-separator {
    border-color: rgba(0, 176, 240, 0.3) !important;
}

/* ================================================
   FOOTER
   ================================================ */
footer {
    background-color: var(--niche-dark) !important;
    border-top: 1px solid rgba(0, 176, 240, 0.2) !important;
}

footer a {
    color: var(--niche-grey) !important;
}

footer a:hover {
    color: var(--niche-blue) !important;
}

/* ================================================
   UTILITY CLASSES
   ================================================ */
.niche-glow {
    color: var(--niche-blue);
    text-shadow: 0 0 20px rgba(0, 176, 240, 0.6);
}

.niche-badge {
    display: inline-block;
    background: rgba(0, 176, 240, 0.15);
    border: 1px solid rgba(0, 176, 240, 0.4);
    color: var(--niche-blue);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    margin-bottom: 1rem;
}

.niche-badge-coming-soon {
    background: rgba(255, 170, 0, 0.15);
    border-color: rgba(255, 170, 0, 0.4);
    color: var(--niche-orange);
}

.niche-badge-uap {
    background: rgba(255, 0, 127, 0.15);
    border-color: rgba(255, 0, 127, 0.4);
    color: var(--niche-pink);
}

.niche-kofi-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--niche-orange);
    color: var(--niche-dark) !important;
    font-weight: 700;
    padding: 0.6rem 1.5rem;
    border-radius: 999px;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: all 0.2s ease;
    box-shadow: 0 0 20px rgba(255, 170, 0, 0.3);
    text-decoration: none;
}

.niche-kofi-btn:hover {
    background: var(--niche-yellow);
    box-shadow: 0 0 30px rgba(204, 255, 0, 0.4);
    transform: translateY(-1px);
    color: var(--niche-dark) !important;
}

/* ================================================
   RESPONSIVE
   ================================================ */
@media (max-width: 768px) {
    .wp-block-cover {
        min-height: 60vh !important;
    }
}

/* Force dark header over theme defaults */
.wp-block-template-part[class*="header"],
#wp-template-part-header,
.site-header,
header {
    background: #050d1a !important;
    border-bottom: 1px solid rgba(0, 176, 240, 0.3) !important;
}

/* Dark header override - additional selectors */
.wp-block-template-part header,
.wp-site-blocks header {
    background-color: #050d1a !important;
    border-bottom: 1px solid rgba(0, 176, 240, 0.3) !important;
}

/* Nav links dark theme */
.wp-block-navigation .wp-block-navigation-item__content,
.wp-block-navigation a {
    color: #dbe2e9 !important;
}

.wp-block-navigation a:hover {
    color: #00b0f0 !important;
}

/* Site title color */
.wp-block-site-title a {
    color: #00b0f0 !important;
    font-weight: 700 !important;
}