/*
 Theme Name:   Zeka Glass
 Theme URI:    https://stellarharbor.com
 Description:  ULTRA SOTA - Space Texture & Precision Spacing
 Author:       Gemini
 Template:     zeka
 Version:      4.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800;900&family=Space+Grotesk:wght@300;500;700&display=swap');

:root {
    --bg-deep: #020205;
    --glass-bg: rgba(10, 10, 15, 0.85);
    --glass-border: rgba(255, 255, 255, 0.1);
    --accent: #00f2ff;
    --text-high: #ffffff;
    --text-dim: rgba(255, 255, 255, 0.6);
    --nav-height: 100px;
}

body {
    background-color: var(--bg-deep) !important;
    background-image: 
        linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
        url('https://images.unsplash.com/photo-1534796636912-3b95b39e7969?q=80&w=2500') !important;
    background-attachment: fixed !important;
    background-size: cover !important;
    color: var(--text-high) !important;
    font-family: 'Outfit', sans-serif;
    margin: 0;
    -webkit-font-smoothing: antialiased;
}

/* --- SOTA HEADER --- */

.site-header {
    background: rgba(0, 0, 0, 0.9) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid var(--glass-border) !important;
    height: var(--nav-height) !important;
    position: fixed !important;
    width: 100% !important;
    top: 0 !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center !important;
}

.site-header > div {
    max-width: 1600px !important;
    width: 95% !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* Menu with Separators */
.main-navigation ul {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important; /* Managed by item padding/margin */
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.main-navigation ul li {
    display: flex !important;
    align-items: center !important;
}

.main-navigation ul li a {
    color: #fff !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-size: 1rem !important;
    padding: 0 20px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.main-navigation ul li a:hover {
    color: var(--accent) !important;
}

/* The Pipe Separator */
.main-navigation ul li:not(:last-child)::after {
    content: '|' !important;
    color: rgba(255,255,255,0.2) !important;
    font-size: 1.2rem !important;
    font-weight: 300 !important;
}

/* --- HIDE HOMEPAGE TITLES UNDER HEADER --- */

.home .entry-header, 
.home .entry-title, 
.home .post-title,
.home .header-description,
.home .post-meta-container {
    display: none !important;
}

/* --- HERO SECTION --- */

.sota-hero {
    padding: 250px 20px 150px 20px !important;
    text-align: center;
    max-width: 1200px;
    margin: 0 auto !important;
}

.sota-title {
    font-size: 8rem !important;
    font-weight: 900 !important;
    line-height: 0.9 !important;
    margin-bottom: 20px !important;
    letter-spacing: -0.05em !important;
}

.sota-subtitle {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 1.4rem !important;
    letter-spacing: 0.6em !important;
    color: var(--accent) !important;
    opacity: 0.9;
    margin-bottom: 60px !important;
}

/* --- CONTENT SECTIONS --- */

.wp-block-columns, .wp-block-group, article {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(30px) !important;
    border: 1px solid var(--glass-border) !important;
    padding: 80px !important;
    margin-bottom: 100px !important;
    box-shadow: 0 40px 100px rgba(0,0,0,0.8) !important;
}

h2 {
    font-size: 4rem !important;
    font-weight: 900 !important;
    margin-bottom: 50px !important;
    text-align: center;
    text-transform: uppercase;
}

/* Post Grid Clean up */
.wp-block-latest-posts {
    padding: 0 !important;
}

.wp-block-latest-posts li {
    border-bottom: 1px solid var(--glass-border) !important;
    padding: 40px 0 !important;
    list-style: none !important;
}

.wp-block-latest-posts__post-title {
    font-size: 2.5rem !important;
    font-weight: 800 !important;
    color: var(--accent) !important;
}

/* --- UTILITY --- */

.featured-image-placeholder, 
[data-kubio="kubio/image"],
.h-column-container:nth-child(2) {
    display: none !important;
}