/* ===== CookAndCoin v3 — Chicca Food / Burgundy Wine Style ===== */
/* Primary: #5A1A2A  Accent: #C8962E  BG: #FFFFFF */

/* === Global === */
body {
    font-family: 'Noto Sans JP', sans-serif !important;
    background: #FFFFFF !important;
    color: #1A1A1A !important;
}

/* 4px burgundy top accent */
body::before {
    content: '';
    display: block;
    position: fixed;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: #5A1A2A;
    z-index: 99999;
    pointer-events: none;
}

/* === Header === */
#masthead,
header.site-header,
.site-header {
    background: #fff !important;
    border-bottom: 2px solid #5A1A2A !important;
    box-shadow: none !important;
    padding-top: 4px !important;
}

/* Logo */
#masthead .site-title a,
.site-header .site-title a,
.ast-site-name a,
.ast-site-name {
    color: #5A1A2A !important;
    font-family: 'Noto Serif JP', serif !important;
    font-size: 1.45rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-decoration: none !important;
}

.site-description,
.ast-site-description {
    font-size: 0.6rem !important;
    color: #B0A898 !important;
    letter-spacing: 0.2em !important;
}

/* === Main Navigation === */
#masthead nav,
#site-navigation,
.ast-main-navigation,
.main-navigation,
.ast-main-navigation ul,
#site-navigation ul {
    background: #5A1A2A !important;
}
.ast-main-navigation a,
.main-navigation a,
#site-navigation a,
.ast-main-navigation ul li a {
    color: rgba(255,255,255,.72) !important;
    font-size: 0.78rem !important;
    font-weight: 500 !important;
}
.ast-main-navigation a:hover,
.main-navigation a:hover,
#site-navigation a:hover {
    color: #fff !important;
    background: rgba(0,0,0,.14) !important;
}

/* === Hero (injected by JS) === */
.cc-hero {
    background: #F5F0EC;
    border-bottom: 1px solid #E8E0D8;
    padding: 30px 24px;
    text-align: center;
}
.cc-hero-inner {
    max-width: 720px;
    margin: 0 auto;
}
.cc-hero-badge {
    display: inline-block;
    background: #5A1A2A;
    color: #fff;
    font-size: 0.6rem;
    font-weight: 700;
    padding: 3px 18px;
    letter-spacing: 0.12em;
    margin-bottom: 12px;
}
.cc-hero-ttl {
    font-family: 'Noto Serif JP', serif;
    font-size: 1.45rem;
    font-weight: 700;
    color: #5A1A2A;
    line-height: 1.65;
    margin-bottom: 8px;
}
.cc-hero-sub {
    font-size: 0.8rem;
    color: #888;
    line-height: 1.85;
}

/* === Section Label (injected by JS) === */
.cc-section-label {
    font-family: 'Noto Serif JP', serif;
    font-size: 0.92rem;
    font-weight: 700;
    color: #1A1A1A;
    text-align: center;
    letter-spacing: 0.1em;
    padding: 18px 0 14px;
    border-bottom: 2px solid #5A1A2A;
    margin-bottom: 22px;
}

/* === Post Cards (Astra) === */
.ast-article-post,
article.type-post {
    background: #fff !important;
    border: 1px solid #EDE6DC !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    transition: border-color .2s, box-shadow .2s !important;
}
.ast-article-post:hover,
article.type-post:hover {
    border-color: #5A1A2A !important;
    box-shadow: 0 2px 12px rgba(90,26,42,.08) !important;
}

/* Square thumbnail — Foodie Pro style */
.ast-article-post .ast-blog-featured-section,
.ast-post-thumbnail-container,
.ast-article-post .post-thumb,
article.type-post .post-thumb {
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    display: block !important;
}
.ast-post-thumbnail-container img,
.ast-article-post .post-thumb img,
.ast-article-post .ast-blog-featured-section img,
article.type-post .post-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Post entry header — centered */
.ast-article-post .entry-header,
.ast-article-post .ast-blog-meta,
article.type-post .entry-header {
    text-align: center !important;
    padding: 12px 14px 14px !important;
}

/* Category — small uppercase muted */
.ast-article-post .cat-links a,
.cat-links a,
.entry-meta .cat-links a {
    font-size: 0.6rem !important;
    color: #B0A898 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
}

/* Post title */
.ast-article-post .entry-title a,
article.type-post .entry-title a,
h2.entry-title a,
h3.entry-title a {
    font-family: 'Noto Serif JP', serif !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    color: #1A1A1A !important;
    line-height: 1.55 !important;
    text-decoration: none !important;
}
.ast-article-post .entry-title a:hover,
h2.entry-title a:hover {
    color: #5A1A2A !important;
}

/* Date */
.entry-meta .posted-on,
.posted-on,
.entry-date {
    font-size: 0.68rem !important;
    color: #C0B8B0 !important;
}

/* === Sidebar === */
#secondary,
.ast-right-sidebar,
aside.widget-area {
    background: #fff !important;
    border: none !important;
}
#secondary .widget-title,
aside .widget-title,
.widgettitle {
    font-family: 'Noto Serif JP', serif !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    color: #1A1A1A !important;
    letter-spacing: 0.06em !important;
    text-align: center !important;
    border: none !important;
    border-bottom: 1px solid #EDE6DC !important;
    background: none !important;
    padding: 0 0 8px !important;
    margin-bottom: 10px !important;
}

/* === CTA box (injected by JS) === */
.cc-cta {
    background: #5A1A2A;
    padding: 20px 18px;
    margin-bottom: 18px;
    text-align: center;
}
.cc-cta-label {
    display: block;
    font-size: 0.55rem;
    color: #C8962E;
    letter-spacing: 4px;
    margin-bottom: 10px;
}
.cc-cta-title {
    font-family: 'Noto Serif JP', serif;
    font-size: 0.98rem;
    font-weight: 600;
    color: #FDF8F2;
    line-height: 1.65;
    margin-bottom: 8px;
}
.cc-cta-body {
    font-size: 0.76rem;
    color: rgba(253,248,242,.5);
    line-height: 1.85;
    margin-bottom: 14px;
}
.cc-cta-btn {
    display: block;
    background: #C8962E;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 11px;
    text-align: center;
    text-decoration: none;
}
.cc-cta-btn:hover {
    background: #A87820 !important;
    color: #fff !important;
}

/* === Footer === */
footer.site-footer,
#colophon,
.ast-footer-area,
.footer-widget-area {
    background: #5A1A2A !important;
    color: rgba(255,255,255,.35) !important;
    border-top: none !important;
}
footer.site-footer a,
#colophon a,
.ast-footer-area a {
    color: rgba(255,255,255,.35) !important;
}
footer.site-footer p,
#colophon p {
    color: rgba(255,255,255,.35) !important;
}

/* === Back to top === */
.cc-backtop {
    display: none;
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 38px;
    height: 38px;
    background: #5A1A2A;
    color: #fff !important;
    border-radius: 0;
    text-align: center;
    line-height: 38px;
    font-size: 0.9rem;
    text-decoration: none;
    z-index: 9999;
}
.cc-backtop.show { display: block; }
.cc-backtop:hover { background: #3E0F1E !important; color: #fff !important; }

/* === Reading progress === */
.cc-progress {
    position: fixed;
    top: 4px;
    left: 0;
    height: 3px;
    background: #C8962E;
    width: 0;
    z-index: 99998;
    transition: width .1s linear;
}

/* === Content links === */
.entry-content a {
    color: #5A1A2A;
}
.entry-content a:hover {
    color: #3E0F1E;
}