/* ============================================================
   KiwiFamilies — CheerUp Child Theme — Brand Colour Overrides
   ============================================================ */

/* ── CSS Custom Properties ──────────────────────────────────── */
:root {
    --kiwi-primary:   #e300c2;
    --kiwi-link:      #008cd3;
    --kiwi-cyan:      #00beff;
    --kiwi-orange:    #f7820c;
    --kiwi-mint:      #06ffa4;
    --kiwi-dark:      #111111;
    --kiwi-white:     #ffffff;
}

/* ── Primary / Accent ───────────────────────────────────────── */
.site-title a,
.entry-title a:hover,
h1, h2, h3, h4, h5, h6 {
    color: var(--kiwi-primary);
}

/* ── Links & Nav Hover ──────────────────────────────────────── */
a {
    color: var(--kiwi-link);
    transition: color 0.2s ease;
}
a:hover,
a:focus {
    color: var(--kiwi-primary);
}

.main-navigation a:hover,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
    color: var(--kiwi-link);
}

/* ── Buttons ────────────────────────────────────────────────── */
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background-color: var(--kiwi-primary) !important;
    color: var(--kiwi-white) !important;
    border-color: var(--kiwi-primary) !important;
    border-radius: 4px;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}
.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
    background-color: #c200aa !important;
    border-color: #c200aa !important;
}

/* ── Cyan Highlights ────────────────────────────────────────── */
.highlight,
.badge,
mark,
.wp-block-tag-cloud a,
.tag-cloud-link {
    background-color: var(--kiwi-cyan);
    color: var(--kiwi-dark);
}

/* ── Orange Accents ─────────────────────────────────────────── */
.accent,
.cat-links a,
.posted-on a,
.byline a,
blockquote {
    border-color: var(--kiwi-orange);
}
blockquote {
    border-left: 4px solid var(--kiwi-orange);
    padding-left: 1rem;
}

/* ── Mint Green — TOC, checklist ticks, widget underlines ───── */

/* TOC accent is already applied inline via functions.php;
   this reinforces it and adds the other mint-green elements. */
#kiwi-toc,
.kiwi-toc {
    border-left-color: var(--kiwi-mint);
}

/* Checklist ticks (Gutenberg checklist block) */
.wp-block-list.is-style-checkmark-list li::before,
ul.checklist li::before {
    color: var(--kiwi-mint);
}

/* Widget title underlines */
.widget-title,
.widgettitle {
    position: relative;
    padding-bottom: 0.4rem;
    margin-bottom: 1rem;
}
.widget-title::after,
.widgettitle::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background: var(--kiwi-mint);
    border-radius: 2px;
}

/* ── Reading Progress Bar ───────────────────────────────────── */
#kiwi-progress-bar {
    background: var(--kiwi-primary);
}

/* ── Newsletter / CTA Block ─────────────────────────────────── */
.newsletter-block,
.wp-block-group.newsletter,
section.newsletter,
.kiwi-newsletter {
    background-color: var(--kiwi-dark) !important;
    color: var(--kiwi-mint) !important;
    padding: 2.5rem 2rem;
}
.newsletter-block *,
.wp-block-group.newsletter *,
section.newsletter *,
.kiwi-newsletter * {
    color: var(--kiwi-mint);
}
.newsletter-block h2,
.newsletter-block h3,
.wp-block-group.newsletter h2,
.wp-block-group.newsletter h3,
.kiwi-newsletter h2,
.kiwi-newsletter h3 {
    color: var(--kiwi-mint);
}
.newsletter-block input[type="email"],
.kiwi-newsletter input[type="email"] {
    border: 1px solid var(--kiwi-mint);
    background: #1a1a1a;
    color: var(--kiwi-white);
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
}