/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Template:     generatepress
 Version:      0.2.4
*/

/* --- 1. THE DNA RESET (Consistent Corners, Padding, & Borders) --- */
/* This list covers every container: Cards, Sidebar Widgets, Hero, and Archive Headers */
.prompt-card, 
.widget, 
.prompt-box, 
.example-box,
.home-hero-card,
.page-header {
    border-radius: 8px !important;
    padding: 25px !important;
    border: 1px solid rgba(0,0,0,0.08) !important;
    box-sizing: border-box;
}

/* --- 2. HOME HERO CARD --- */
.home-hero-card {
    background-color: var(--global-color-8) !important;
    text-align: center;
    margin-bottom: 40px;
    border: none !important; /* Cleaner look for the dark hero */
}

.home-hero-card h1,
.home-hero-card p {
    color: var(--global-color-10) !important;
}

/* --- 3. PAGE HEADERS (Archive Titles) --- */
/* This fixes the missing corners on Archive pages */
.page-header {
    background-color: var(--base-3, #ffffff);
    margin-bottom: 30px;
}

/* --- 4. SIDEBAR ALIGNMENT --- */
/* Ensuring sidebar widgets exactly match the hero and cards */
#right-sidebar .widget {
    background-color: var(--base-3, #ffffff);
    margin-bottom: 20px;
}

/* --- 5. CONTENT BOXES --- */
.prompt-box {
    background-color: var(--global-color-9) !important;
    font-family: SFMono-Regular, Consolas, monospace;
    border-left: 4px solid var(--accent) !important;
    overflow-x: auto;
}

.example-box {
    border-left: 4px solid var(--global-color-11) !important;
    font-style: italic;
}

/* --- 6. ARCHIVE GRID --- */
.prompt-loop-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    margin-top: 30px;
}

.prompt-card {
    background: #ffffff;
    height: 100%;
    transition: transform 0.2s ease;
}

.prompt-card:hover {
    transform: translateY(-5px);
}

/* --- 7. HEADER & MENU (INTACT) --- */
/* Left untouched so Customizer remains in control of colors */
.site-header {
    border-bottom: 2px solid rgba(0,0,0,0.05);
}

.main-navigation .main-nav ul li a {
    padding: 0 20px;
}

/* BREADCRUMBS ALIGNMENT */
.site-breadcrumbs-wrapper.grid-container {
    padding-left: 30px; /* Aligns precisely with your H1/Title indent */
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 0;
    margin-bottom: 10px;
    font-size: 13px;
    color: var(--contrast-2);
}

.site-breadcrumbs-wrapper a {
    text-decoration: none;
    color: var(--contrast);
}

.site-breadcrumbs-wrapper a:hover {
    color: var(--accent);
}

/* SIDEBAR ALIGNMENT FOR PROMPTS & TAXONOMIES */
#right-sidebar {
    padding-top: 60px;
}

/* Ensure the sidebar matches the 8px radius DNA */
#right-sidebar .widget {
    border-radius: 8px;
    padding: 25px;
    border: 1px solid rgba(0,0,0,0.05);
}