/*
Theme Name: Pixels & Probate
Theme URI: https://pixelsandprobate.com
Author: Pixels & Probate
Author URI: https://pixelsandprobate.com
Description: A dynamic WordPress block theme featuring quadrant-based color theming for digital estate planning content. Features high-contrast neon aesthetics with automatic color adaptation based on content categories.
Version: 1.0.0
Requires PHP: 7.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: block-theme, full-site-editing, neon, dark-mode, modern
Text Domain: pixels-probate
*/

/* ===================================
   CSS Custom Properties for Quadrant Colors
   =================================== */

:root {
    --color-bg-deep: #0A0A0A;
    --color-text-primary: #FFFFFF;
    --color-bg-secondary: #1F1F1F;
    --color-quadrant-a: #04D9FF;
    --color-quadrant-b: #39FF14;
    --color-quadrant-c: #FFE900;
    --color-quadrant-d: #FF5E00;
    --primary-accent: var(--color-quadrant-a); /* Default to Cyan */
}

/* ===================================
   Dynamic Quadrant Theming
   Category-based color switching
   =================================== */

/* Quadrant A: Tech/Logic (Neon Cyan) */
body.category-quadrant-a,
body.category-tech {
    --primary-accent: var(--color-quadrant-a);
}

/* Quadrant B: Growth/Assets (Neon Green) */
body.category-quadrant-b,
body.category-growth {
    --primary-accent: var(--color-quadrant-b);
}

/* Quadrant C: Energy/Clarity (Neon Yellow) */
body.category-quadrant-c,
body.category-energy {
    --primary-accent: var(--color-quadrant-c);
}

/* Quadrant D: Action/Urgency (Neon Orange) */
body.category-quadrant-d,
body.category-action {
    --primary-accent: var(--color-quadrant-d);
}

/* ===================================
   Apply Accent Color to Key Elements
   =================================== */

/* Primary headings use accent color */
body h1,
body .wp-block-post-title,
body .wp-block-post-title a {
    color: var(--primary-accent) !important;
}

/* Links use accent color (except buttons) */
body a:not(.wp-block-button__link) {
    color: var(--primary-accent);
    text-decoration-color: var(--primary-accent);
}

body a:not(.wp-block-button__link):hover {
    color: var(--color-text-primary);
    text-decoration-color: var(--color-text-primary);
}

/* Buttons dynamically adapt to accent color */
.wp-block-button__link {
    background-color: var(--primary-accent) !important;
    border-color: var(--primary-accent) !important;
    color: var(--color-bg-deep) !important;
    transition: all 0.3s ease;
}

.wp-block-button__link:hover {
    background-color: transparent !important;
    color: var(--primary-accent) !important;
}

/* ===================================
   Featured Image Effects
   =================================== */

/* Add subtle accent color overlay to featured images */
.wp-block-post-featured-image {
    position: relative;
}

.wp-block-post-featured-image::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40%;
    background: linear-gradient(to bottom, transparent, var(--primary-accent));
    opacity: 0.15;
    pointer-events: none;
    z-index: 1;
}

/* ===================================
   Category Badge Styling
   =================================== */

.wp-block-post-terms {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.wp-block-post-terms a {
    padding: 0.25rem 0.75rem;
    background-color: var(--primary-accent);
    color: var(--color-bg-deep) !important;
    text-decoration: none !important;
    font-size: 0.875rem;
    font-weight: 600;
    transition: all 0.2s ease;
    border: 1px solid var(--primary-accent);
}

.wp-block-post-terms a:hover {
    background-color: transparent;
    color: var(--primary-accent) !important;
}

/* ===================================
   Digital Bit Glow Effect
   =================================== */

/* Apply subtle glow to elements with accent color */
h1,
.wp-block-post-title {
    text-shadow: 0 0 20px var(--primary-accent), 0 0 40px var(--primary-accent);
}

/* Blockquotes get accent border */
.wp-block-quote {
    border-left: 4px solid var(--primary-accent);
    padding-left: 1.5rem;
}

/* ===================================
   Code Block Styling
   =================================== */

code,
.wp-block-code {
    background-color: var(--color-bg-secondary);
    color: var(--primary-accent);
    padding: 0.2em 0.4em;
    border-radius: 3px;
    font-family: 'Courier New', Courier, monospace;
}

/* ===================================
   Separator Styling
   =================================== */

.wp-block-separator {
    border-color: var(--primary-accent);
    opacity: 0.5;
}

.wp-block-separator.is-style-wide {
    border-width: 2px;
}