/* Theme Name: GeneratePress Child (Shelf Style)
 Template: generatepress
*/

:root {
    /* --- SHELF.NU PALETTE --- */
    --shelf-black: #0f0f0f;
    --shelf-white: #ffffff;
    --shelf-grey-light: #f7f7f7;
    --shelf-grey-border: #e5e5e5;
    --shelf-accent: #ff4f00; /* That vibrant orange/red */
    --shelf-text: #222222;
    --shelf-text-muted: #666666;
    
    /* Variables for your Tool (Integration) */
    --mc-brand: var(--shelf-black);
    --mc-success: #10b981;
    
    /* Typography */
    --font-main: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

body {
    background-color: var(--shelf-white);
    color: var(--shelf-text);
    font-family: var(--font-main);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

/* --- TYPOGRAPHY --- */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-main);
    color: var(--shelf-black);
    font-weight: 700;
    letter-spacing: -0.03em; /* Tighter tracking like Shelf */
    line-height: 1.2;
    margin-bottom: 1rem;
}

h1 { font-size: 3rem; }
h2 { font-size: 2.25rem; }
p { color: var(--shelf-text-muted); font-size: 1.125rem; }

/* --- HEADER (Minimalist) --- */
.site-header {
    background: var(--shelf-white);
    border-bottom: 1px solid var(--shelf-grey-border);
}

.main-navigation .main-nav ul li a {
    font-family: var(--font-main);
    font-weight: 500;
    color: var(--shelf-text-muted);
    font-size: 15px;
}

.main-navigation .main-nav ul li.current-menu-item a,
.main-navigation .main-nav ul li a:hover {
    color: var(--shelf-black);
}

/* --- BUTTONS (The "Shelf" Look) --- */
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"], 
.button, 
.wp-block-button__link {
    background-color: var(--shelf-black) !important;
    color: var(--shelf-white) !important;
    border-radius: 6px; /* Slightly rounded, not pill */
    font-weight: 600;
    padding: 12px 24px;
    font-size: 15px;
    transition: all 0.2s ease;
    border: 1px solid var(--shelf-black);
}

button:hover, 
.button:hover {
    background-color: var(--shelf-white) !important;
    color: var(--shelf-black) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* --- CARDS & CONTAINERS (Bento Style) --- */
.inside-article, 
.sidebar .widget {
    background: var(--shelf-white);
    border: 1px solid var(--shelf-grey-border);
    border-radius: 12px;
    padding: 40px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

/* --- INPUT FIELDS --- */
input[type="text"], input[type="email"], textarea {
    background: var(--shelf-grey-light);
    border: 1px solid transparent;
    border-radius: 6px;
    padding: 12px;
    font-family: var(--font-main);
    transition: all 0.2s;
}

input[type="text"]:focus, input[type="email"]:focus {
    background: var(--shelf-white);
    border-color: var(--shelf-black);
    outline: none;
}

/* --- TOOL OVERRIDES (Make the tool look like Shelf) --- */
.cleaner-container {
    background: var(--shelf-grey-light) !important;
    border: 1px dashed var(--shelf-grey-border) !important;
    box-shadow: none !important;
}

.drop-zone {
    background: var(--shelf-white) !important;
    border: 2px dashed var(--shelf-black) !important; /* Stark contrast */
}