/* OpenClaw TASK-20260501-003 Gate A: core split handle marker. Content migration happens in Gate B. */
:root{--shinra-split-core:1;}

/* === OpenClaw Gate B6a: core global CSS migrated from shinra-custom.css === */
/* ═══════════════════════════════════════════════════════
   Shinra in Japan — V2.1 全站自訂 CSS
   台式文青風：奶油白 + 灰綠 + 懷舊磚紅
   ═══════════════════════════════════════════════════════ */

/* ── Google Font: Noto Serif TC for headings ── */

/* ── 標題字型 ── */
h1, h2, h3, h4, h5, h6,
.page-title,
.entry-title,
.ct-card-title,
.wprm-recipe-name {
    font-family: 'Noto Serif TC', serif !important;
}

/* ── 全站底色 ── */
body {
    background-color: #FAFAF8 !important;
}

/* ══ TOPBAR ══════════════════════════════════════════════ */
.ct-header [data-row*="top"] {
    background-color: #6F7C65 !important;
    background-image: none !important;
}
.ct-header [data-row*="top"] * {
    color: rgba(255,255,255,0.8) !important;
    font-size: 11px !important;
    letter-spacing: 1.5px !important;
}

/* ══ NAV ═════════════════════════════════════════════════ */
.ct-header [data-row*="middle"] {
    background-color: #FAFAF8 !important;
    border-bottom: 1px solid #DACDB8 !important;
    box-shadow: 0 1px 12px rgba(46,40,32,0.06) !important;
}
/* Nav 選單文字 */
.ct-header [data-id="menu"] > ul > li > a {
    color: #22201D !important;
    letter-spacing: 1.5px !important;
}
.ct-header [data-id="menu"] > ul > li > a:hover {
    color: #6F7C65 !important;
}
/* Logo */
.ct-header .site-title {
    color: #6F7C65 !important;
    font-family: 'Noto Serif TC', serif !important;
    letter-spacing: 2px !important;
}

/* ══ 按鈕 ════════════════════════════════════════════════ */
.wp-element-button,
.wp-block-button__link,
.wprm-recipe-jump-link,
.wprm-recipe-print-link,
a.ct-button, button.ct-button {
    background-color: #973226 !important;
    color: #fff !important;
    border-radius: 0 !important;
    letter-spacing: 1.5px !important;
}
.wp-element-button:hover,
.wp-block-button__link:hover {
    background-color: #6F7C65 !important;
}

/* ══ HERO (Blocksy page title) ═══════════════════════════ */
[data-prefix="single_page"] .hero-section[data-type="type-2"],
[data-prefix="single_blog_post"] .hero-section {
    background-color: #6F7C65 !important;
    background-image: none !important;
}
[data-prefix="single_page"] .hero-section .page-title,
[data-prefix="single_blog_post"] .hero-section .page-title {
    color: #FAFAF8 !important;
}
[data-prefix="single_page"] .hero-section .page-description,
[data-prefix="single_blog_post"] .hero-section .page-description,
[data-prefix="single_page"] .hero-section .page-description p,
[data-prefix="single_blog_post"] .hero-section .page-description p {
    color: rgba(245,239,230,0.7) !important;
}

/* ══ 茄芷袋分隔條 ════════════════════════════════════════ */
.shinra-stripe {
    height: 5px !important;
    background: repeating-linear-gradient(
        90deg,
        #973226 0px, #973226 10px,
        #6F7C65 10px, #6F7C65 20px,
        #6F7C65 20px, #6F7C65 30px,
        #DACDB8 30px, #DACDB8 40px
    ) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    width: 100% !important;
    display: block !important;
    position: relative;
}

/* ══ ENTRY CARDS (文章卡片) ══════════════════════════════ */
.entry-card {
    border-radius: 0 !important;
    border: 1px solid #DACDB8 !important;
    box-shadow: none !important;
    background-color: #FAFAF8 !important;
    transition: box-shadow .25s !important;
}
.entry-card:hover {
    box-shadow: 0 6px 24px rgba(46,40,32,0.1) !important;
    transform: translateY(-2px) !important;
}
/* 卡片標題 */
.entry-card .entry-title a {
    color: #22201D !important;
    font-family: 'Noto Serif TC', serif !important;
}
.entry-card .entry-title a:hover {
    color: #973226 !important;
}
/* 分類標籤 */
.entry-card .ct-post-tags a,
.entry-card .entry-meta a {
    color: #6F7C65 !important;
}

/* ══ SECTION EYEBROW (章節標題) ══════════════════════════ */
.shinra-eyebrow {
    display: block;
    font-size: 10px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #973226;
    margin-bottom: 8px;
}
.shinra-section-title {
    font-family: 'Noto Serif TC', serif;
    font-size: 26px;
    font-weight: 600;
    color: #22201D;
    margin-bottom: 0;
    padding-bottom: 16px;
}

/* ══ FOOTER ══════════════════════════════════════════════ */
.ct-footer {
    background-color: #22201D !important;
    color: rgba(255,255,255,0.55) !important;
}
.ct-footer * { color: rgba(255,255,255,0.55) !important; }
.ct-footer .widget-title, .ct-footer h4, .ct-footer h5 {
    color: rgba(255,255,255,0.85) !important;
    font-size: 10.5px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    padding-bottom: 8px !important;
    margin-bottom: 14px !important;
    font-family: 'Noto Sans TC', sans-serif !important;
}
.ct-footer a:hover { color: #FAFAF8 !important; }
.ct-footer .site-title { color: #DACDB8 !important; font-size: 17px !important; }

/* ══ 茄芷袋頁尾條 ════════════════════════════════════════ */
.shinra-footer-stripe {
    height: 5px;
    background: repeating-linear-gradient(
        90deg,
        #973226 0px, #973226 10px,
        #6F7C65 10px, #6F7C65 20px,
        #6F7C65 20px, #6F7C65 30px,
        #DACDB8 30px, #DACDB8 40px
    );
}

/* ══ RWD ═════════════════════════════════════════════════ */
@media (max-width: 768px) {
    .shinra-hero,
    .shinra-finder,
    .shinra-about { grid-template-columns: 1fr !important; }
    .shinra-hero-right { display: none !important; }
    .shinra-cards,
    .shinra-articles { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
}
@media (max-width: 480px) {
    .shinra-cards,
    .shinra-articles { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
}



/* 2026-04-26: Header branding split title/subtitle. */
.ct-header .site-title,
.ct-header .site-title a {
    font-family: 'Noto Serif TC', 'Source Han Serif TC', 'Yu Mincho', serif !important;
    color: #22201D !important;
    letter-spacing: 3px !important;
    line-height: 1.45 !important;
}
.ct-header .site-title {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
}
.ct-header .site-title::after {
    content: 'Shinra Cooking';
    display: block;
    font-family: var(--shinra-sans, 'Hiragino Kaku Gothic ProN', 'Yu Gothic', 'Meiryo', system-ui, sans-serif) !important;
    font-size: .72em;
    line-height: 1.25;
    letter-spacing: 1.8px;
    color: #6F7C65;
    font-weight: 500;
}
@media (max-width: 768px) {
    .ct-header .site-title,
    .ct-header .site-title a {
        font-size: 24px !important;
        letter-spacing: 2.5px !important;
    }
    .ct-header .site-title::after {
        font-size: 20px;
        letter-spacing: 1.5px;
    }
}
@media (max-width: 420px) {
    .ct-header .site-title,
    .ct-header .site-title a {
        font-size: 22px !important;
        letter-spacing: 1.8px !important;
    }
    .ct-header .site-title::after {
        font-size: 18px;
    }
}



/* 2026-04-26: Global header menu typography aligned with homepage. */
.ct-header [data-id="menu"] > ul > li > a,
.ct-header [data-id="mobile-menu"] a,
.ct-header .mobile-menu a,
.ct-header .ct-menu-link {
    font-family: 'Hiragino Kaku Gothic ProN', 'Yu Gothic', 'Meiryo', system-ui, -apple-system, BlinkMacSystemFont, 'Noto Sans TC', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    letter-spacing: 1.8px !important;
    color: #22201D !important;
}
.ct-header [data-id="menu"] > ul > li > a:hover,
.ct-header [data-id="mobile-menu"] a:hover,
.ct-header .mobile-menu a:hover,
.ct-header .ct-menu-link:hover {
    color: #6F7C65 !important;
}



/* 2026-04-26: Mobile drawer menu background. */
@media (max-width: 768px) {
    .ct-drawer-canvas .ct-panel,
    .ct-drawer-canvas .ct-panel.ct-header,
    .ct-drawer-canvas .ct-panel-content,
    .ct-drawer-canvas .mobile-menu,
    .ct-drawer-canvas .mobile-menu ul {
        background-color: #FAFAF8 !important;
    }
    .ct-drawer-canvas .mobile-menu a,
    .ct-drawer-canvas .ct-menu-link {
        color: #22201D !important;
    }
    .ct-drawer-canvas .mobile-menu .current-menu-item > a,
    .ct-drawer-canvas .mobile-menu a:hover,
    .ct-drawer-canvas .ct-menu-link:hover {
        color: #6F7C65 !important;
    }
}



/* 2026-04-27 OpenClaw: Single article visual sync with homepage magazine system. */
:root {
    --shinra-washi: #FAFAF8;
    --shinra-ink: #22201D;
    --shinra-hinoki: #DACDB8;
    --shinra-seal: #973226;
    --shinra-matcha: #6F7C65;
    --shinra-hinoki-soft: rgba(218, 205, 184, .42);
    --shinra-serif: 'Noto Serif TC', 'Source Han Serif TC', 'Yu Mincho', serif;
    --shinra-sans: 'Hiragino Kaku Gothic ProN', 'Yu Gothic', 'Meiryo', system-ui, -apple-system, BlinkMacSystemFont, 'Noto Sans TC', sans-serif;

    /* Keep Blocksy dynamic variables aligned even when its generated palette cache is stale. */
    --theme-palette-color-1: #FAFAF8;
    --theme-palette-color-2: #22201D;
    --theme-palette-color-3: #DACDB8;
    --theme-palette-color-4: #973226;
    --theme-palette-color-5: #6F7C65;
    --theme-palette-color-6: #FAFAF8;
    --theme-palette-color-7: #DACDB8;
    --theme-palette-color-8: #ffffff;
    --theme-text-color: #22201D;
    --theme-headings-color: #22201D;
    --theme-link-initial-color: #973226;
    --theme-link-hover-color: #6F7C65;
    --theme-border-color: #DACDB8;
    --theme-selection-text-color: #FAFAF8;
    --theme-selection-background-color: #973226;
}

body,
.single-post,
.single-wprm_recipe {
    background: var(--shinra-washi) !important;
    color: var(--shinra-ink) !important;
}

.single-post .site-main,
.single-post article,
.single-post [data-content],
.single-wprm_recipe .site-main,
.single-wprm_recipe article,
.single-wprm_recipe [data-content] {
    background: var(--shinra-washi) !important;
}
/* === END OpenClaw Gate B6a core global CSS === */

/* === OpenClaw Gate B6b: global content base CSS migrated from shinra-custom.css === */
/* ══════════════════════════════════════════════════════════
   V2.2 視覺質感升級：Typography + Heading + Reading
   ══════════════════════════════════════════════════════════ */

/* ── 1. Body 字型：Noto Sans TC 補全 ── */

body,
p,
li,
td,
th,
.entry-content,
.entry-content p,
.entry-content li,
.wprm-recipe-ingredient,
.wprm-recipe-instruction-text,
.wprm-recipe-notes-container {
    font-family: 'Hiragino Kaku Gothic ProN', 'Yu Gothic', 'Meiryo', system-ui, -apple-system, BlinkMacSystemFont, 'Noto Sans TC', sans-serif !important;
}

/* ── 2. 段落行距 + 字距 ── */
.entry-content p,
.entry-content li {
    line-height: 1.88 !important;
    letter-spacing: 0.04em !important;
    font-size: 15px !important;
    color: #22201D !important;
}

.entry-content {
    line-height: 1.88 !important;
    letter-spacing: 0.04em !important;
}

/* 段落間距 */
.entry-content p {
    margin-bottom: 1.4em !important;
}

/* ── 3. 文章頁 H2 左邊框磚紅裝飾 ── */
.entry-content h2 {
    border-left: 4px solid #973226 !important;
    padding-left: 16px !important;
    margin-top: 2.4em !important;
    margin-bottom: 1em !important;
    font-size: 20px !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: #22201D !important;
}

/* H3：底線裝飾（灰綠） */
.entry-content h3 {
    border-bottom: 2px solid #6F7C65 !important;
    padding-bottom: 6px !important;
    margin-top: 2em !important;
    margin-bottom: 0.8em !important;
    font-size: 17px !important;
    letter-spacing: 0.05em !important;
    color: #22201D !important;
}

/* H4 */
.entry-content h4 {
    font-size: 15px !important;
    color: #6F7C65 !important;
    margin-top: 1.6em !important;
    margin-bottom: 0.5em !important;
    letter-spacing: 0.04em !important;
}

/* ── 首頁 Hero section 標題不受 H2 左邊框影響 ── */
.shinra-hero h1,
.shinra-hero h2,
.shinra-section-header h2,
.shinra-section-header .shinra-section-title {
    border-left: none !important;
    padding-left: 0 !important;
    margin-top: 0 !important;
}

/* ── H2 後第一個段落補上間距 ── */
.entry-content h2 + p,
.entry-content h2 + ul,
.entry-content h2 + ol {
    margin-top: 16px !important;
}
/* ══════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════
   V2.3 視覺質感升級：Blockquote + Table + Featured Image
   ══════════════════════════════════════════════════════════ */

/* ── 4. Blockquote 引用塊 ── */
.entry-content blockquote {
    background: #DACDB8 !important;
    border-left: 4px solid #973226 !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    padding: 20px 24px !important;
    margin: 2em 0 !important;
    border-radius: 0 !important;
    position: relative;
}
.entry-content blockquote p {
    font-size: 14.5px !important;
    line-height: 1.85 !important;
    color: #22201D !important;
    margin-bottom: 0 !important;
    font-style: normal !important;
}
.entry-content blockquote::before {
    content: "201C";
    font-family: 'Noto Serif TC', serif;
    font-size: 48px;
    color: #973226;
    opacity: 0.35;
    position: absolute;
    top: 8px;
    right: 16px;
    line-height: 1;
}

/* ── 5. 表格樣式（斑馬紋 + 標題底色）── */
.entry-content table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-size: 14px !important;
    margin: 1.8em 0 !important;
    border: 1px solid #DACDB8 !important;
}
.entry-content table th {
    background-color: #6F7C65 !important;
    color: #FAFAF8 !important;
    font-family: var(--shinra-sans, 'Hiragino Kaku Gothic ProN', 'Yu Gothic', 'Meiryo', system-ui, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    padding: 12px 16px !important;
    text-align: left !important;
    border: none !important;
}
.entry-content table td {
    padding: 10px 16px !important;
    border-bottom: 1px solid #DACDB8 !important;
    border-right: 1px solid #DACDB8 !important;
    line-height: 1.7 !important;
    color: #22201D !important;
    vertical-align: top !important;
}
.entry-content table td:last-child {
    border-right: none !important;
}
/* 斑馬紋 */
.entry-content table tbody tr:nth-child(even) td {
    background-color: #FAFAF8 !important;
}
.entry-content table tbody tr:nth-child(odd) td {
    background-color: #FAFAF8 !important;
}
.entry-content table tbody tr:hover td {
    background-color: #DACDB8 !important;
}

/* ── 6. 文章封面圖片全欄寬 ── */
.single .entry-content > figure:first-of-type,
.single .entry-content > .wp-block-image:first-of-type,
[data-prefix="single_blog_post"] .entry-content > figure:first-child,
[data-prefix="single_blog_post"] .entry-content > .wp-block-image:first-child {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.single .entry-content > figure:first-of-type img,
.single .entry-content > .wp-block-image:first-of-type img,
[data-prefix="single_blog_post"] .entry-content > figure:first-child img,
[data-prefix="single_blog_post"] .entry-content > .wp-block-image:first-child img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 520px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 0 !important;
}

/* 封面圖說明文字 */
.single .entry-content > figure:first-of-type figcaption,
[data-prefix="single_blog_post"] .entry-content > figure:first-child figcaption {
    font-size: 11px !important;
    color: #9A9088 !important;
    text-align: right !important;
    letter-spacing: 0.5px !important;
    padding: 6px 0 !important;
}
/* ══════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════
   V2.4 視覺質感升級：Link Animation + List Style
   ══════════════════════════════════════════════════════════ */

/* ── 7. 連結底線動畫（從左滑過）── */
.entry-content a:not(.wp-block-button__link):not(.shinra-btn-primary):not(.shinra-btn-ghost):not([class*="wprm"]) {
    color: #973226 !important;
    text-decoration: none !important;
    background-image: linear-gradient(#973226, #973226) !important;
    background-size: 0% 1px !important;
    background-repeat: no-repeat !important;
    background-position: left bottom !important;
    transition: background-size 0.28s ease, color 0.2s !important;
    padding-bottom: 1px !important;
}
.entry-content a:not(.wp-block-button__link):not(.shinra-btn-primary):not(.shinra-btn-ghost):not([class*="wprm"]):hover {
    color: #973226 !important;
    background-size: 100% 1px !important;
}
/* ── 8. 列表樣式 ── */
/* ul：自訂小方塊 */
.entry-content ul:not([class]) {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}
.entry-content ul:not([class]) li {
    position: relative !important;
    padding-left: 20px !important;
    margin-bottom: 0.55em !important;
}
.entry-content ul:not([class]) li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0.62em !important;
    width: 7px !important;
    height: 7px !important;
    background-color: #973226 !important;
    flex-shrink: 0 !important;
}

/* ol：磚紅色數字 */
.entry-content ol:not([class]) {
    list-style: none !important;
    padding-left: 0 !important;
    counter-reset: shinra-ol !important;
}
.entry-content ol:not([class]) li {
    position: relative !important;
    padding-left: 28px !important;
    margin-bottom: 0.6em !important;
    counter-increment: shinra-ol !important;
}
.entry-content ol:not([class]) li::before {
    content: counter(shinra-ol) !important;
    position: absolute !important;
    left: 0 !important;
    top: 0.1em !important;
    width: 20px !important;
    height: 20px !important;
    background: #973226 !important;
    color: white !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    font-family: "Noto Sans TC", sans-serif !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

/* WPRM 食譜列表不受影響 */
.wprm-recipe-ingredient-group ul,
.wprm-recipe-instruction-group ol,
.wprm-recipe-ingredient,
.wprm-recipe-instruction {
    list-style: revert !important;
    padding-left: revert !important;
}
.wprm-recipe-ingredient::before,
.wprm-recipe-instruction::before {
    display: none !important;
}
/* ══════════════════════════════════════════════════════════ */
/* === END === OpenClaw Gate B6b: global content base CSS migrated from shinra-custom.css === === */