/* ═══════════════════════════════════════════════════════
   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', 'Headland One', serif !important;
}

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

/* ══ TOPBAR ══════════════════════════════════════════════ */
.ct-header [data-row*="top"] {
    background-color: #4A6357 !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: #FDFAF6 !important;
    border-bottom: 1px solid #E0D8C8 !important;
    box-shadow: 0 1px 12px rgba(46,40,32,0.06) !important;
}
/* Nav 選單文字 */
.ct-header [data-id="menu"] > ul > li > a {
    color: #5A5048 !important;
    letter-spacing: 1.5px !important;
}
.ct-header [data-id="menu"] > ul > li > a:hover {
    color: #4A6357 !important;
}
/* Logo */
.ct-header .site-title {
    color: #4A6357 !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: #A64332 !important;
    color: #fff !important;
    border-radius: 0 !important;
    letter-spacing: 1.5px !important;
}
.wp-element-button:hover,
.wp-block-button__link:hover {
    background-color: #4A6357 !important;
}

/* ══ HERO (Blocksy page title) ═══════════════════════════ */
[data-prefix="single_page"] .hero-section[data-type="type-2"],
[data-prefix="single_blog_post"] .hero-section {
    background-color: #4A6357 !important;
    background-image: none !important;
}
[data-prefix="single_page"] .hero-section .page-title,
[data-prefix="single_blog_post"] .hero-section .page-title {
    color: #F5EFE6 !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,
        #A64332 0px, #A64332 10px,
        #4A6357 10px, #4A6357 20px,
        #748B7A 20px, #748B7A 30px,
        #C8B88A 30px, #C8B88A 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 #E0D8C8 !important;
    box-shadow: none !important;
    background-color: #FDFAF6 !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: #2E2820 !important;
    font-family: 'Noto Serif TC', serif !important;
}
.entry-card .entry-title a:hover {
    color: #A64332 !important;
}
/* 分類標籤 */
.entry-card .ct-post-tags a,
.entry-card .entry-meta a {
    color: #748B7A !important;
}

/* ══ WPRM 食譜卡片 ═══════════════════════════════════════ */
.wprm-recipe-block-container {
    border-radius: 0 !important;
    border: 1px solid #E0D8C8 !important;
}
.wprm-recipe-block-container-columns {
    background-color: #FDFAF6 !important;
}
/* WPRM 標題底色 */
.wprm-recipe-block-container-columns .wprm-recipe-name {
    color: #2E2820 !important;
    font-family: 'Noto Serif TC', serif !important;
}
/* Jump/Print 按鈕容器 */
.wprm-recipe-snippet-container {
    border-radius: 0 !important;
}

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

/* ══ HOMEPAGE HERO ═══════════════════════════════════════ */
.shinra-hero {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 480px;
}
.shinra-hero-left {
    background: linear-gradient(135deg, #3A5244 0%, #4A6357 100%);
    padding: 64px 56px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.shinra-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 10px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #B8CCBE;
    margin-bottom: 22px;
}
.shinra-hero-eyebrow::before {
    content: '';
    display: block;
    width: 24px; height: 1px;
    background: #A64332;
}
.shinra-hero h1 {
    font-family: 'Noto Serif TC', serif !important;
    font-size: 38px !important;
    line-height: 1.45 !important;
    color: #F5EFE6 !important;
    margin-bottom: 18px !important;
    letter-spacing: 1.5px !important;
}
.shinra-hero h1 strong {
    color: #D4A96A;
}
.shinra-hero-desc {
    font-size: 13.5px;
    line-height: 1.9;
    color: rgba(245,239,230,0.65);
    max-width: 380px;
    margin-bottom: 32px;
}
.shinra-hero-btns {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.shinra-btn-primary {
    display: inline-block;
    background: #A64332;
    color: white !important;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 13px 28px;
    text-decoration: none !important;
    transition: background .2s;
}
.shinra-btn-primary:hover { background: #B54E3E !important; }
.shinra-btn-ghost {
    display: inline-block;
    border: 1px solid rgba(245,239,230,0.4);
    color: rgba(245,239,230,0.8) !important;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 12px 22px;
    text-decoration: none !important;
    transition: border-color .2s;
}
.shinra-btn-ghost:hover {
    border-color: rgba(245,239,230,0.8) !important;
    color: #F5EFE6 !important;
}
.shinra-hero-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 3px;
    background: #E0D8C8;
    overflow: hidden;
}
.shinra-hero-img {
    background: #D4CBBF;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}
.shinra-hero-img img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
}
.shinra-hero-img:first-child {
    grid-column: 1 / 3;
}
.shinra-hero-img-label {
    position: absolute;
    bottom: 10px; left: 12px;
    font-family: 'Noto Serif TC', serif;
    font-size: 13px;
    font-weight: 700;
    color: white;
    background: rgba(74,99,87,0.88);
    padding: 4px 10px;
}

/* ══ SECTION HEADER ROW ══════════════════════════════════ */
.shinra-section-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 16px;
    margin-bottom: 32px;
}
.shinra-section-more {
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #9A9088;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    gap: 6px;
}
.shinra-section-more:hover { color: #A64332 !important; }

/* ══ RECIPE CARD GRID ════════════════════════════════════ */
.shinra-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
    margin-bottom: 16px;
}
.shinra-card {
    background: #FDFAF6;
    border: 1px solid #E0D8C8;
    overflow: hidden;
    transition: box-shadow .25s, transform .25s;
    text-decoration: none !important;
    color: #2E2820 !important;
    display: block;
}
.shinra-card:hover {
    box-shadow: 0 6px 24px rgba(46,40,32,0.1);
    transform: translateY(-3px);
}
.shinra-card-img {
    width: 100%;
    aspect-ratio: 4/3;
    overflow: hidden;
    position: relative;
    background: #EDE6D8;
}
.shinra-card-img img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .4s;
}
.shinra-card:hover .shinra-card-img img { transform: scale(1.04); }
.shinra-card-cat {
    position: absolute;
    top: 10px; left: 10px;
    font-size: 10px;
    letter-spacing: 1px;
    padding: 3px 9px;
    font-weight: 500;
    color: white;
}
.cat-meat  { background: #4A6357; }
.cat-sea   { background: #3D6080; }
.cat-veg   { background: #5A7A3A; }
.shinra-card-body { padding: 16px 18px 20px; }
.shinra-card-time {
    display: inline-block;
    font-size: 10px;
    padding: 2px 8px;
    border: 1px solid #E0D8C8;
    color: #5A5048;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
}
.shinra-card-title {
    font-family: 'Noto Serif TC', serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    color: #2E2820;
    margin-bottom: 10px;
}
.shinra-card-meta {
    display: flex;
    gap: 12px;
    font-size: 11px;
    color: #9A9088;
    border-top: 1px dashed #E0D8C8;
    padding-top: 10px;
}

/* ══ ARTICLE CARD GRID ═══════════════════════════════════ */
.shinra-articles {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
}
.shinra-article-card {
    background: #FDFAF6;
    border: 1px solid #E0D8C8;
    overflow: hidden;
    transition: box-shadow .25s;
    text-decoration: none !important;
    color: #2E2820 !important;
    display: flex;
    flex-direction: column;
}
.shinra-article-card:hover { box-shadow: 0 6px 24px rgba(46,40,32,0.1); }
.shinra-article-img {
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
    background: #EDE6D8;
}
.shinra-article-img img {
    width: 100%; height: 100%;
    object-fit: cover; display: block;
    transition: transform .4s;
}
.shinra-article-card:hover .shinra-article-img img { transform: scale(1.04); }
.shinra-article-body {
    padding: 16px 18px 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.shinra-article-tag {
    display: inline-block;
    font-size: 10px;
    padding: 2px 8px;
    background: #EDE6D8;
    color: #A64332;
    border: 1px solid #E0D8C8;
    margin-bottom: 6px;
    letter-spacing: 0.5px;
}
.shinra-article-date {
    font-size: 10px;
    letter-spacing: 1.5px;
    color: #9A9088;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.shinra-article-title {
    font-family: 'Noto Serif TC', serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
    color: #2E2820;
    margin-bottom: 10px;
    flex: 1;
}
.shinra-article-excerpt {
    font-size: 12.5px;
    color: #5A5048;
    line-height: 1.75;
    border-top: 1px dashed #E0D8C8;
    padding-top: 10px;
}

/* ══ FEATURE FINDER ══════════════════════════════════════ */
.shinra-finder {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 340px;
}
.shinra-finder-img {
    background: #748B7A;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
}
.shinra-finder-img img {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    opacity: 0.6;
}
.shinra-finder-img-label {
    position: relative;
    z-index: 2;
    padding: 24px 32px;
    width: 100%;
    background: linear-gradient(to top, rgba(44,60,52,0.88), transparent);
    font-family: 'Noto Serif TC', serif;
    font-size: 22px;
    font-weight: 700;
    color: white;
}
.shinra-finder-content {
    background: #EDE6D8;
    padding: 48px 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.shinra-finder-content h3 {
    font-family: 'Noto Serif TC', serif !important;
    font-size: 24px !important;
    line-height: 1.5 !important;
    color: #2E2820 !important;
    margin-bottom: 12px !important;
}
.shinra-finder-content p {
    font-size: 13.5px;
    color: #5A5048;
    line-height: 1.9;
    margin-bottom: 24px;
}
.shinra-filter-group { margin-bottom: 14px; }
.shinra-filter-label {
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #9A9088;
    margin-bottom: 8px;
    display: block;
}
.shinra-filter-tags { display: flex; gap: 8px; flex-wrap: wrap; }
.shinra-ftag {
    font-size: 11px;
    padding: 6px 14px;
    border: 1px solid #E0D8C8;
    color: #5A5048;
    background: #FDFAF6;
    text-decoration: none !important;
    transition: .15s;
    display: inline-block;
}
.shinra-ftag:hover {
    background: #4A6357;
    border-color: #4A6357;
    color: white !important;
}

/* ══ ABOUT STRIP ═════════════════════════════════════════ */
.shinra-about {
    display: grid;
    grid-template-columns: 280px 1fr;
    background: #4A6357;
    min-height: 200px;
    overflow: hidden;
}
.shinra-about-photo {
    overflow: hidden;
    position: relative;
}
.shinra-about-photo img {
    width: 100%; height: 100%;
    object-fit: cover; display: block;
}
.shinra-about-photo-placeholder {
    width: 100%; height: 100%; min-height: 200px;
    background: #748B7A;
    display: flex; align-items: center; justify-content: center;
    font-size: 48px; color: rgba(255,255,255,0.3);
}
.shinra-about-text {
    padding: 40px 52px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.shinra-about-text h4 {
    font-family: 'Noto Serif TC', serif !important;
    font-size: 20px !important;
    color: #F5EFE6 !important;
    margin-bottom: 12px !important;
}
.shinra-about-text p {
    font-size: 13.5px;
    color: rgba(245,239,230,0.75);
    line-height: 1.9;
    margin-bottom: 20px;
}
.shinra-about-link {
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #D4846E !important;
    text-decoration: none !important;
    border-bottom: 1px solid #D4846E;
    padding-bottom: 2px;
    display: inline-block;
    width: fit-content;
}
.shinra-about-link:hover { color: #F5EFE6 !important; border-color: #F5EFE6 !important; }

/* ══ FOOTER ══════════════════════════════════════════════ */
.ct-footer {
    background-color: #241E18 !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: #F5EFE6 !important; }
.ct-footer .site-title { color: #EDE6D8 !important; font-size: 17px !important; }

/* ══ 茄芷袋頁尾條 ════════════════════════════════════════ */
.shinra-footer-stripe {
    height: 5px;
    background: repeating-linear-gradient(
        90deg,
        #A64332 0px, #A64332 10px,
        #4A6357 10px, #4A6357 20px,
        #748B7A 20px, #748B7A 30px,
        #C8B88A 30px, #C8B88A 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; }
}

/* ── 首頁全寬 ── */
.page-id-127 .entry-content { max-width: none !important; width: 100% !important; }
.page-id-127 .entry-content > * { max-width: none !important; }
.page-id-127 .entry-content .wp-block-html { margin: 0 !important; padding: 0 !important; }
.page-id-127 .ct-container-full, .page-id-127 [data-content] { --container-padding: 0 !important; max-width: none !important; }
.page-id-127 article.post { padding: 0 !important; }
.page-id-127 .entry-content .is-layout-flow > * { max-width: 100% !important; }
/* 隱藏首頁的 Blocksy page header */
.page-id-127 .hero-section { display: none !important; }

/* ── 食譜卡片一行格式 ── */
.shinra-card-body { padding: 12px 16px 14px; }
.shinra-card-oneline {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0;
    font-size: 13px;
    line-height: 1.5;
    color: #2E2820;
}
.shinra-card-oneline-title {
    font-family: Noto Serif TC, serif;
    font-weight: 700;
    font-size: 14px;
    color: #2E2820;
    flex-shrink: 0;
}
.shinra-card-sep {
    color: #C8C0B0;
    padding: 0 6px;
    font-weight: 300;
    flex-shrink: 0;
}
.shinra-card-oneline-cat {
    font-size: 12px;
    color: #748B7A;
    flex-shrink: 0;
}
.shinra-card-oneline-time {
    font-size: 12px;
    color: #9A9088;
    flex-shrink: 0;
}

/* ── 手機兩欄強制覆蓋 ── */
@media (max-width: 768px) {
    .page-id-127 .shinra-cards,
    .shinra-cards,
    .page-id-127 .shinra-articles,
    .shinra-articles {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
    .shinra-card,
    .shinra-article-card {
        display: flex !important;
        flex-direction: column !important;
    }
}

/* ── 手機版 section padding 縮小 ── */
@media (max-width: 768px) {
    .page-id-127 section[style] {
        padding-left: 16px !important;
        padding-right: 16px !important;
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }
    .shinra-section-header { margin-bottom: 20px !important; }
    .shinra-finder-content { padding: 28px 24px !important; }
    .shinra-about-text { padding: 24px 28px !important; }
}

/* ── shinra-section base ── */
.shinra-section {
    padding: 56px 60px;
}
.shinra-section--cream  { background: #F5EFE6; }
.shinra-section--cream2 { background: #EDE6D8; }
@media (max-width: 768px) {
    .shinra-section {
        padding: 32px 25px !important;
    }
}

/* ── Hero 右側三圖尺寸 1000x750 ── */
.shinra-hero-right {
    height: 750px;
    overflow: hidden;
}
.shinra-hero-img {
    overflow: hidden;
    position: relative;
    display: block;
}
.shinra-hero-img--main {
    height: 500px !important;
    min-height: unset !important;
}
.shinra-hero-img:not(.shinra-hero-img--main) {
    height: 250px !important;
    min-height: unset !important;
}
.shinra-hero-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ── Hero 標題字級 -4px ── */
.shinra-hero-left h1 {
    font-size: calc(var(--blocksy-heading-h1-font-size, 3rem) - 4px) !important;
}

/* ── 手機版 Hero 標題再 -4px ── */
@media (max-width: 768px) {
    .shinra-hero-left h1 {
        font-size: calc(var(--blocksy-heading-h1-font-size, 3rem) - 12px) !important;
    }
}

/* ── 移除 section header 分隔線 ── */
.shinra-section-header { border-bottom: none !important; }

/* ── 文章卡片分類標籤移至圖片左上角 ── */
.shinra-article-img { position: relative; overflow: hidden; }
.shinra-article-tag {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2;
    background: rgba(74, 99, 87, 0.88);
    color: #F5EFE6;
    font-size: 0.65rem;
    letter-spacing: 1px;
    padding: 3px 8px;
    border-radius: 2px;
    font-family: var(--theme-font-family, sans-serif);
}

/* ── Section header 標題與查看全部同行對齊 ── */
.shinra-section-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
}
.shinra-section-header > div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* ══ WPRM 全站方角 ══ */
.wprm-recipe-block-container,
.wprm-recipe-block-container-columns,
.wprm-recipe-image img,
.wprm-recipe-badge,
.wprm-recipe-navigation,
.wprm-recipe-navigation-item,
.wprm-recipe-navigation-item-icon-container,
.wprm-toggle-container,
.wprm-toggle,
.wprm-ingredient-group,
[class*="wprm-recipe-"][class*="-container"],
[class*="wprm-recipe-"][class*="-block"],
.wprm-recipe-template-meadow .wprm-recipe-block-container,
.wprm-recipe-template-meadow .wprm-recipe-navigation-item,
.wprm-recipe-template-meadow .wprm-recipe-navigation-item-icon-container {
    border-radius: 0 !important;
}

/* ── WPRM metadata badges 移除分隔線 ── */
.wprm-recipe-metadata {
    border-right: none !important;
    border-left: none !important;
    border-bottom: none !important;
    border-top: none !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
}

/* ── WPRM navigation 置中並排 ── */
.wprm-recipe-jump-to-section,
[class*="wprm-recipe-jump-to-section"],
.wprm-recipe-navigation {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
}

.wprm-recipe-jump-to-section-item,
.wprm-recipe-navigation-item {
    flex-shrink: 0 !important;
}

/* ── WPRM pill badge 移除邊框 ── */
.wprm-recipe-block-container-pills,
.wprm-recipe-meta-container-pill,
.wprm-recipe-meta-container-pill .wprm-recipe-block-container {
    border: none !important;
    box-shadow: none !important;
}

/* ── WPRM metadata badges 強制無框線 ── */
.wprm-recipe-metadata,
.wprm-recipe-metadata-container,
.wprm-recipe-metadata-container > *,
.wprm-recipe-block-container-column,
.wprm-recipe-block-container-columns .wprm-recipe-block-container-column {
    border: none !important;
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* ── WPRM 導航按鈕等寬 ── */
.wprm-recipe-jump-to-section-item {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    text-align: center !important;
}

/* ── 茄芷袋條紋 wrap（上下留白，與區塊分離）── */
.shinra-stripe-wrap {
    background: #F5EFE6;
    padding: 20px 0;
    width: 100%;
    display: block;
}
.shinra-stripe {
    margin: 0 !important;
}

/* ── Hero 高度縮為一半 ── */
.shinra-hero {
    min-height: 240px !important;
}
.shinra-hero-right {
    height: 375px !important;
}
.shinra-hero-img--main {
    height: 250px !important;
}
.shinra-hero-img:not(.shinra-hero-img--main) {
    height: 125px !important;
}
@media (max-width: 768px) {
    .shinra-hero {
        min-height: 200px !important;
        padding: 28px 20px !important;
    }
}

/* ── Hero 右側改為 3 欄橫排 ── */
.shinra-hero-right {
    grid-template-columns: repeat(3, 1fr) !important;
    grid-template-rows: 1fr !important;
    height: 240px !important;
}
.shinra-hero-img--main {
    grid-column: auto !important;
    height: 240px !important;
}
.shinra-hero-img:not(.shinra-hero-img--main) {
    height: 240px !important;
}

/* ── Hero left padding 縮短配合新高度 ── */
.shinra-hero-left {
    padding: 28px 56px !important;
}

/* ── Hero 右側高度跟隨左側（grid 自動對齊）── */
.shinra-hero-right {
    height: auto !important;
    align-self: stretch !important;
}
.shinra-hero-img,
.shinra-hero-img--main,
.shinra-hero-img:not(.shinra-hero-img--main) {
    height: 100% !important;
    min-height: 0 !important;
}

/* ── 茄芷袋與 section header 間距減半 ── */
.shinra-stripe-wrap {
    padding: 10px 0 !important;
}
.shinra-section {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
}
@media (max-width: 768px) {
    .shinra-section {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
}

/* ── section header 與卡片間距減半 ── */
.shinra-section-header {
    padding-bottom: 8px !important;
    margin-bottom: 16px !important;
}

/* ── 手機版 Hero 簡化版（只留標題+按鈕）── */
@media (max-width: 768px) {
    .shinra-hero-left {
        padding: 20px 24px !important;
    }
    .shinra-hero-eyebrow {
        display: none !important;
    }
    .shinra-hero-desc {
        display: none !important;
    }
    .shinra-hero h1 {
        margin-bottom: 14px !important;
    }
}

/* ── 手機版 Hero 上方留白移除 ── */
@media (max-width: 768px) {
    .page-id-127 .entry-content,
    .page-id-127 .entry-content > *:first-child,
    .page-id-127 .wp-block-html:first-child {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    .page-id-127 .hero-section {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* ── 版權宣告 8px ── */
.ct-copyright,
.ct-copyright *,
footer .ct-copyright,
.footer-copyright {
    font-size: 6px !important;
}

/* ── 文章頁 hero 移除底色 ── */
[data-prefix="single_blog_post"] .hero-section,
[data-prefix="single_blog_post"] .hero-section[data-type="type-2"] {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}
[data-prefix="single_blog_post"] .hero-section .page-title,
[data-prefix="single_blog_post"] .hero-section .page-description,
[data-prefix="single_blog_post"] .hero-section .page-description p {
    color: var(--theme-headings-color) !important;
}
[data-prefix="single_blog_post"] .hero-section .entry-meta,
[data-prefix="single_blog_post"] .hero-section .entry-meta * {
    color: var(--theme-text-color) !important;
}

/* ══════════════════════════════════════════════════════════
   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: 'Noto Sans TC', 'Hiragino Kaku Gothic ProN', 'Meiryo', 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: #3A3028 !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 #A64332 !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: #2E2820 !important;
}

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

/* H4 */
.entry-content h4 {
    font-size: 15px !important;
    color: #4A6357 !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: #EDE6D8 !important;
    border-left: 4px solid #A64332 !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: #4A3828 !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: #A64332;
    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 #D8D0C0 !important;
}
.entry-content table th {
    background-color: #4A6357 !important;
    color: #F5EFE6 !important;
    font-family: 'Noto Serif TC', 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 #E0D8C8 !important;
    border-right: 1px solid #E0D8C8 !important;
    line-height: 1.7 !important;
    color: #3A3028 !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: #F5EFE6 !important;
}
.entry-content table tbody tr:nth-child(odd) td {
    background-color: #FDFAF6 !important;
}
.entry-content table tbody tr:hover td {
    background-color: #EDE6D8 !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: #A64332 !important;
    text-decoration: none !important;
    background-image: linear-gradient(#A64332, #A64332) !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: #8B3228 !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: #A64332 !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: #A64332 !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;
}
/* ══════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════
   V2.5 文章 Hero：貼齊上部 + 左右滿版
   ══════════════════════════════════════════════════════════ */

/* Hero 區塊貼緊 header，移除任何上方間距 */
[data-prefix="single_blog_post"] .hero-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Hero section 滿版（突破 container 限制）*/
[data-prefix="single_blog_post"] .hero-section {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    position: relative !important;
    left: 0 !important;
}

/* Hero 內容 container 保持置中可讀寬度 */
[data-prefix="single_blog_post"] .hero-section .ct-container {
    max-width: 860px !important;
    margin: 0 auto !important;
    padding: 56px 40px !important;
}

/* 手機版 padding 縮小 */
@media (max-width: 768px) {
    [data-prefix="single_blog_post"] .hero-section .ct-container {
        padding: 36px 24px !important;
    }
}
/* ══════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════
   V2.6 Hero：大標左齊 + 純白 + 作者列移位
   ══════════════════════════════════════════════════════════ */

/* Hero 內容左對齊，寬度跟文章內容欄對齊 */
[data-prefix="single_blog_post"] .hero-section .ct-container {
    text-align: left !important;
    padding-left: max(40px, calc((100vw - 860px) / 2)) !important;
    padding-right: max(40px, calc((100vw - 860px) / 2)) !important;
}

/* 大標純白 + 加粗 text-shadow */
[data-prefix="single_blog_post"] .hero-section .page-title {
    color: #FFFFFF !important;
    text-shadow: 0 2px 16px rgba(0,0,0,0.6), 0 1px 4px rgba(0,0,0,0.8) !important;
    font-size: 28px !important;
    line-height: 1.45 !important;
}





@media (max-width: 768px) {
    [data-prefix="single_blog_post"] .hero-section .ct-container {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    [data-prefix="single_blog_post"] .hero-section .page-title {
        font-size: 22px !important;
    }
}
/* ══════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════
   V2.7 Hero：作者列還原標題下方 + 文章首圖隱藏
   ══════════════════════════════════════════════════════════ */

/* 作者列還原顯示，在標題下方 */
[data-prefix="single_blog_post"] .hero-section .entry-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 16px !important;
    margin-top: 12px !important;
}
[data-prefix="single_blog_post"] .hero-section .entry-meta,
[data-prefix="single_blog_post"] .hero-section .entry-meta * {
    color: rgba(245,239,230,0.75) !important;
    font-size: 12px !important;
}

/* 文章內第一張圖片隱藏（Hero 已有首圖）*/
.single [data-prefix="single_blog_post"] .entry-content > figure:first-of-type,
.single [data-prefix="single_blog_post"] .entry-content > .wp-block-image:first-of-type {
    display: none !important;
}
/* ══════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════
   V2.9 Hero 方案B：標題 text-shadow 加強 + 作者列增強
   ══════════════════════════════════════════════════════════ */

/* 標題多層 text-shadow 強化 */
[data-prefix="single_blog_post"] .hero-section .page-title {
    text-shadow:
        0 1px 3px rgba(0,0,0,0.9),
        0 2px 12px rgba(0,0,0,0.7),
        0 4px 32px rgba(0,0,0,0.5) !important;
    font-weight: 700 !important;
}

/* 作者列文字加強 */
[data-prefix="single_blog_post"] .hero-section .entry-meta,
[data-prefix="single_blog_post"] .hero-section .entry-meta * {
    text-shadow: 0 1px 4px rgba(0,0,0,0.8) !important;
    font-weight: 500 !important;
    color: rgba(255,255,255,0.92) !important;
}

/* Hero 內容推到底部，讓圖片在上方展示 */
[data-prefix="single_blog_post"] .hero-section .ct-container {
    padding-top: 80px !important;
    padding-bottom: 36px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
}
/* ══════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════
   V3.0 Hero：標題 + 作者列浮動壓在圖片下方
   ══════════════════════════════════════════════════════════ */

/* Hero 拉高，展示更多圖片 */
[data-prefix="single_blog_post"] .hero-section {
    min-height: 420px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: stretch !important;
    padding: 0 !important;
}

/* 文字容器貼底，浮在圖片下方 */
[data-prefix="single_blog_post"] .hero-section .ct-container {
    padding: 0 max(40px, calc((100vw - 860px) / 2)) 32px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

@media (max-width: 768px) {
    [data-prefix="single_blog_post"] .hero-section {
        min-height: 300px !important;
    }
    [data-prefix="single_blog_post"] .hero-section .ct-container {
        padding: 0 24px 24px !important;
    }
}
/* ══════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════
   V3.1 Hero 標題左邊對齊文章 H2
   ══════════════════════════════════════════════════════════ */

/* 用 CSS 變數讓 Hero 容器和文章內容區對齊 */
[data-prefix="single_blog_post"] .hero-section .ct-container {
    max-width: 860px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
}

/* 寬螢幕：跟隨 Blocksy container 左邊距 */
@media (min-width: 1024px) {
    [data-prefix="single_blog_post"] .hero-section .ct-container {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

/* Hero container 外層維持滿版，內層對齊 */
[data-prefix="single_blog_post"] .hero-section {
    display: flex !important;
    justify-content: center !important;
}

/* 強制 Hero title 對齊（H2 有 padding-left:16px，H1 不需要，左邊直接對齊） */
[data-prefix="single_blog_post"] .hero-section .page-title,
[data-prefix="single_blog_post"] .hero-section .entry-meta {
    text-align: left !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* ──────────────────────────────────────────────────────────
   讓文章內容區 (.entry-content) 對齊到同一個 max-width
   ────────────────────────────────────────────────────────── */
[data-prefix="single_blog_post"] .entry-content {
    max-width: 860px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
}

@media (max-width: 768px) {
    [data-prefix="single_blog_post"] .entry-content,
    [data-prefix="single_blog_post"] .hero-section .ct-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}
/* ══════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════
   V3.2 Hero 標題左邊精確對齊 H2
   ══════════════════════════════════════════════════════════ */

/* 直接對 entry-header 加 padding，確保標題起點對齊 */
[data-prefix="single_blog_post"] .hero-section .entry-header,
[data-prefix="single_blog_post"] .hero-section header.entry-header {
    padding-left: 16px !important;
    padding-right: 16px !important;
    width: 100% !important;
    max-width: 860px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* 桌機版對齊更大的 container padding */
@media (min-width: 1024px) {
    [data-prefix="single_blog_post"] .hero-section .entry-header,
    [data-prefix="single_blog_post"] .hero-section header.entry-header {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}
/* ══════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════
   V3.3 文章標題 +4px + TOC 底色淺綠
   ══════════════════════════════════════════════════════════ */

/* 文章標題 28px → 32px */
[data-prefix="single_blog_post"] .hero-section .page-title {
    font-size: 32px !important;
}
@media (max-width: 768px) {
    [data-prefix="single_blog_post"] .hero-section .page-title {
        font-size: 24px !important;
    }
}

/* TOC 底色：#2d6a4f → #748B7A（現有淺灰綠）*/
.entry-content .toc-block,
.entry-content .wp-block-group.toc-block {
    background-color: #B8CCBE !important;
}
/* ══════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════
   V3.4 Hero 作者 / 日期 / 分類同行水平排列
   ══════════════════════════════════════════════════════════ */

[data-prefix="single_blog_post"] .hero-section .entry-meta {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 4px 12px !important;
    margin-top: 10px !important;
}

/* 每個 meta item 強制 inline */
[data-prefix="single_blog_post"] .hero-section .entry-meta > *,
[data-prefix="single_blog_post"] .hero-section .entry-meta li,
[data-prefix="single_blog_post"] .hero-section .entry-meta .meta-author,
[data-prefix="single_blog_post"] .hero-section .entry-meta .meta-date,
[data-prefix="single_blog_post"] .hero-section .entry-meta .meta-category,
[data-prefix="single_blog_post"] .hero-section .entry-meta .ct-meta-element {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    white-space: nowrap !important;
}

/* 分隔點 */
[data-prefix="single_blog_post"] .hero-section .entry-meta > * + *::before {
    content: "·" !important;
    margin-right: 12px !important;
    opacity: 0.5 !important;
}
/* ══════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════
   V3.5 Hero meta：頭像隱藏 + 所有 li 強制同高基線
   ══════════════════════════════════════════════════════════ */

/* 頭像圖片隱藏（造成高度不齊的元兇）*/
[data-prefix="single_blog_post"] .hero-section .entry-meta .ct-media-container-static {
    display: none !important;
}

/* 所有 meta li 用同一個 line-height 基準對齊 */
[data-prefix="single_blog_post"] .hero-section .entry-meta,
[data-prefix="single_blog_post"] .hero-section .entry-meta li,
[data-prefix="single_blog_post"] .hero-section .entry-meta > * {
    line-height: 1.2 !important;
    align-items: center !important;
    vertical-align: middle !important;
}

/* 確保 a 連結也不撐高 */
[data-prefix="single_blog_post"] .hero-section .entry-meta a,
[data-prefix="single_blog_post"] .hero-section .entry-meta span,
[data-prefix="single_blog_post"] .hero-section .entry-meta time {
    display: inline !important;
    vertical-align: middle !important;
    line-height: 1.2 !important;
}
/* ══════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════
   V3.6 Hero meta：作者頭像還原，圓角正方形，垂直置中
   ══════════════════════════════════════════════════════════ */

/* 頭像容器還原顯示 */
[data-prefix="single_blog_post"] .hero-section .entry-meta .ct-media-container-static {
    display: inline-flex !important;
    align-items: center !important;
    margin-right: 6px !important;
    flex-shrink: 0 !important;
    vertical-align: middle !important;
}

/* 頭像圖片：正方形 + 4px 圓角 */
[data-prefix="single_blog_post"] .hero-section .entry-meta .ct-media-container-static img {
    width: 22px !important;
    height: 22px !important;
    border-radius: 2px !important;
    object-fit: cover !important;
    display: block !important;
    vertical-align: middle !important;
}

/* 作者 li 整體垂直置中 */
[data-prefix="single_blog_post"] .hero-section .entry-meta .meta-author {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
}
/* ══════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════
   V3.7 強制覆蓋頭像圓形 → 4px 圓角正方形
   ══════════════════════════════════════════════════════════ */
[data-prefix="single_blog_post"] .hero-section .entry-meta .meta-author img,
[data-prefix="single_blog_post"] .hero-section .entry-meta img.avatar,
[data-prefix="single_blog_post"] .hero-section .entry-meta .ct-media-container-static img,
.hero-section .entry-meta .meta-author img {
    border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    overflow: hidden !important;
    width: 22px !important;
    height: 22px !important;
    object-fit: cover !important;
}
/* ══════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════
   V3.8 移除 Hero 上方黃色間距（ct-container-full top padding）
   ══════════════════════════════════════════════════════════ */
.single .ct-container-full[data-vertical-spacing],
.single .ct-container-full {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
/* ══════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════
   V3.9 手機版食譜4顆按鈕 → 置中一行
   ══════════════════════════════════════════════════════════ */
.wprm-recipe-template-snippet-basic-buttons {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 2px !important;
    width: 100% !important;
}

/* 按鈕等寬縮放，手機上文字縮小以塞進一行 */
.wprm-recipe-template-snippet-basic-buttons a {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    text-align: center !important;
    justify-content: center !important;
    padding: 6px 4px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* icon 縮小一點 */
.wprm-recipe-template-snippet-basic-buttons .wprm-recipe-icon svg {
    width: 13px !important;
    height: 13px !important;
}

@media (max-width: 400px) {
    .wprm-recipe-template-snippet-basic-buttons a {
        font-size: 11px !important;
        padding: 6px 2px !important;
    }
    /* icon 隱藏，只保留文字，省空間 */
    .wprm-recipe-template-snippet-basic-buttons .wprm-recipe-icon {
        display: none !important;
    }
}
/* ══════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════
   V4.0 手機版食譜章節導覽 → 2×2 grid，備註回到上排
   ══════════════════════════════════════════════════════════ */
@media (max-width: 600px) {
    .wprm-recipe-jump-to-section-container {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
        justify-items: center !important;
    }

    .wprm-recipe-jump-to-section-container a.wprm-recipe-jump-to-section {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
}
/* ══════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════
   V4.1 手機版導覽列突破容器 padding，拉全寬放四顆
   ══════════════════════════════════════════════════════════ */
@media (max-width: 600px) {
    .wprm-recipe-jump-to-section-container {
        /* 突破兩側 40px padding */
        margin-left: -24px !important;
        margin-right: -24px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        gap: 4px !important;
    }

    /* icon 縮小讓每顆更窄 */
    .wprm-recipe-jump-to-section-container .wprm-recipe-jump-to-section-icon svg {
        width: 28px !important;
        height: 28px !important;
    }

    /* 文字縮小 */
    .wprm-recipe-jump-to-section-container a.wprm-recipe-jump-to-section {
        font-size: 11px !important;
    }
}
/* ══════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════
   V4.2 WPRM 容器左右 padding 40 → 30px
   ══════════════════════════════════════════════════════════ */
.wprm-layout-container.wprm-padding-40 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
/* ══════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════
   V4.3 TOC 底色薄荷灰綠 + 符號改 ›
   ══════════════════════════════════════════════════════════ */

/* 文字顏色調深（底色變淡，對比調整）*/
.entry-content .toc-block p {
    color: #2E2820 !important;
}
.entry-content .toc-block ul li a {
    color: #2E2820 !important;
}

/* 改用 › 符號 */
.entry-content .toc-block ul {
    list-style: none !important;
    padding-left: 4px !important;
    margin: 0 !important;
}
.entry-content .toc-block ul li {
    padding-left: 16px !important;
    position: relative !important;
    margin-bottom: 4px !important;
}
.entry-content .toc-block ul li::before {
    content: "›" !important;
    position: absolute !important;
    left: 0 !important;
    color: #4A6357 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}
/* ══════════════════════════════════════════════════════════ */