/*
 Theme Name:   KANOVA Blog
 Theme URI:    https://www.kanovaresort.com/blog
 Description:  Child theme for Kadence — KANOVA Resort blog branding
 Author:       Shajo Sebastian
 Version:      1.0
 Template:     kadence
 Text Domain:  kanova-blog
*/

/* ── KANOVA Brand Variables ── */
:root {
    --kanova-green: #008000;
    --kanova-deep-green: #1B4332;
    --kanova-gold: #C5A059;
    --kanova-cream: #FCFBF9;
    --kanova-body-bg: #f8f7f4;
}

/* ── Blog Post Cards ── */
.entry.post {
    background: #fff;
    border-radius: 1rem;
    border: 1px solid #f5f5f4;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    overflow: hidden;
    margin-bottom: 2rem;
    padding: 0;
}

/* ── Category/Tag Badges ── */
.entry-taxonomies a,
.post-categories a {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 700;
    color: var(--kanova-gold) !important;
}

/* ── Buttons / CTAs (matches main site pill style) ── */
.wp-block-button__link,
.entry-content .kb-button {
    background-color: var(--kanova-deep-green) !important;
    color: #fff !important;
    border-radius: 9999px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 11px;
    font-weight: 700;
    padding: 14px 32px;
    transition: background-color 0.3s ease;
}
.wp-block-button__link:hover,
.entry-content .kb-button:hover {
    background-color: var(--kanova-green) !important;
}

/* ── Featured images ── */
.post-thumbnail img,
.wp-post-image {
    border-radius: 0.75rem;
}

/* ── Blockquotes (gold left border, matches luxury aesthetic) ── */
blockquote {
    border-left: 3px solid var(--kanova-gold);
    padding-left: 1.5rem;
    font-style: italic;
    color: #78716c;
}

/* ── Breadcrumbs override ── */
.kadence-breadcrumbs {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #a8a29e;
}
.kadence-breadcrumbs a {
    color: var(--kanova-gold);
}
.kadence-breadcrumbs a:hover {
    color: var(--kanova-deep-green);
}

/* ── Footer social icons — match main site circle style ── */
.site-footer .social-button {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    border: 1px solid #57534e;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}
.site-footer .social-button:hover {
    border-color: var(--kanova-green);
    color: var(--kanova-green);
}

/* ── Read More link style ── */
.entry-summary .entry-content-link,
.read-more-link {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: var(--kanova-deep-green);
}
.entry-summary .entry-content-link:hover,
.read-more-link:hover {
    color: var(--kanova-gold);
}
/* ── Widget Titles (matches main site footer heading style) ── */
.widget-title {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 12px !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #44403C;
}