/*
Theme Name:   The Weekly Find GP Child
Theme URI:    https://finds.inforravaults.online
Description:  Child theme for GeneratePress, styled for The Weekly Find (Amazon-affiliate trending finds). Palette: terracotta, blush cream, charcoal.
Author:       Inforravaults
Template:     generatepress
Version:      1.0.0
*/

/* ---------- Brand palette ---------- */
:root {
    --wf-terracotta: #C1622D;
    --wf-terracotta-light: #E0895A;
    --wf-blush: #FBEDE4;
    --wf-charcoal: #2B2620;
    --wf-gold: #D4A24C;
}

/* ---------- Base ---------- */
body {
    background-color: var(--wf-blush);
    color: var(--wf-charcoal);
}

a {
    color: var(--wf-terracotta);
}

a:hover,
a:focus {
    color: var(--wf-gold);
}

/* ---------- Headings ---------- */
h1, h2, h3, h4, h5, h6,
.entry-title,
.entry-title a {
    color: var(--wf-charcoal);
    font-weight: 700;
}

/* ---------- Header / navigation ---------- */
.site-header,
.main-navigation {
    background-color: var(--wf-terracotta);
}

.main-navigation .main-nav ul li a,
.site-header .site-title a,
.site-header .site-description {
    color: #FFFFFF !important;
}

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

/* ---------- Buttons ("Shop This" CTA buttons live here) ---------- */
.button,
button,
input[type="submit"],
.wp-block-button__link {
    background-color: var(--wf-terracotta);
    color: #FFFFFF;
    border: none;
    border-radius: 999px;
    font-weight: 600;
    padding: 10px 22px;
    transition: background-color 0.2s ease;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
    background-color: var(--wf-terracotta-light);
    color: #FFFFFF;
}

/* ---------- Footer ---------- */
.site-footer,
footer.site-footer {
    background-color: var(--wf-charcoal);
    color: #F1E9E1;
}

.site-footer a {
    color: var(--wf-gold);
}

/* ---------- Content readability ---------- */
.entry-content {
    font-size: 1.05rem;
    line-height: 1.7;
}

.entry-content p {
    margin-bottom: 1.2em;
}

/* ---------- Affiliate disclosure callout (use near the top of every post) ---------- */
.wf-disclosure {
    background-color: #FFFFFF;
    border-left: 4px solid var(--wf-gold);
    padding: 0.8em 1.2em;
    margin: 1.2em 0;
    border-radius: 4px;
    font-size: 0.9rem;
    color: #555;
}

/* ---------- Product pick card (optional use inside posts) ---------- */
.wf-pick {
    background-color: #FFFFFF;
    border-radius: 8px;
    padding: 1.2em;
    margin: 1.5em 0;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}