@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,300..600;1,6..72,300..500&family=Work+Sans:wght@400;500;600;700&display=swap');

/************************************************
 * 1. HEADER + LOGO – STABILISE HEIGHT
 ************************************************/
.main-header-bar,
.ast-primary-header-bar {
    min-height: 80px;
    box-sizing: border-box;
}
.ast-header-break-point .main-header-bar,
.ast-header-break-point .ast-primary-header-bar {
    min-height: 70px;
}
.site-logo-img img,
.custom-logo-link img {
    display: block;
    max-height: 220px;
    height: auto;
}
.main-header-bar-navigation {
    min-height: 40px;
}

/************************************************
 * 2. GENERAL IMAGES – SAFE DEFAULTS
 ************************************************/
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/************************************************
 * 3. BLOG FEATURED IMAGES – FIXED
 ************************************************/
.ast-blog-featured-section .post-thumb {
    overflow: hidden;
    aspect-ratio: 5 / 6;
}
.ast-blog-featured-section .post-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/************************************************
 * 4. POST CONTENT – READABILITY
 ************************************************/
.entry-content p,
.entry-content li {
    line-height: 1.8;
}
.entry-content h2,
.entry-content h3 {
    margin-top: 2em;
    margin-bottom: 0.6em;
}
.entry-content ul,
.entry-content ol {
    padding-left: 1.6em;
}
/* Prevent images inside post from stretching full width on large screens */
.entry-content .wp-block-image img {
    border-radius: 6px;
}

/************************************************
 * 5. RECIPE CARD (WPRM) – SPACING & HIERARCHY
 ************************************************/
.wprm-recipe-container {
    border-radius: 8px;
    overflow: hidden;
}
.wprm-recipe-block-container-columns {
    gap: 12px;
}
.wprm-recipe-ingredient,
.wprm-recipe-instruction-text {
    line-height: 1.7;
    margin-bottom: 0.4em;
}
/* Slightly larger ingredient/instruction text on mobile */
@media (max-width: 544px) {
    .wprm-recipe-ingredient,
    .wprm-recipe-instruction-text {
        font-size: 1rem;
    }
}

/************************************************
 * 6. POST CARDS (HOMEPAGE GRID)
 ************************************************/
.ast-article-inner {
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.ast-article-inner:hover {
    box-shadow: 0 6px 24px rgba(0,0,0,0.12);
    transform: translateY(-2px);
}
/* Stack to 2 columns on tablet */
@media (max-width: 921px) {
    .ast-article-post {
        width: 50% !important;
    }
}
/* Stack to 1 column on mobile */
@media (max-width: 544px) {
    .ast-article-post {
        width: 100% !important;
    }
}

/************************************************
 * 7. AD / CODE BLOCKS – RESERVE VERTICAL SPACE (UPDATED)
 ************************************************/

/* Target ins.adsbygoogle directly to prevent inner collapse */
ins.adsbygoogle {
    display: block !important;
}

/* Match min-height to the actual ad unit sizes you use */
/* For 300x250 ads (most common) */
ins.adsbygoogle[data-ad-slot] {
    min-width: 300px;
    min-height: 250px;
}

/* For responsive/auto ads */
ins.adsbygoogle[data-ad-format="auto"],
ins.adsbygoogle[data-full-width-responsive="true"] {
    width: 100%;
    min-height: 100px; /* conservative floor — auto ads vary */
}

/* Outer wrapper — match to the ACTUAL ad unit height, not 300px */
@media (max-width: 767px) {
    .code-block.code-block-1,
    .code-block.code-block-2,
    .code-block.code-block-4,
    .code-block.code-block-5,
    .code-block.code-block-6,
    .code-block.code-block-9,
    .code-block.code-block-10 {
        min-height: 250px; /* match your most common mobile ad unit height */
    }
}
@media (min-width: 768px) {
    .code-block.code-block-1,
    .code-block.code-block-2,
    .code-block.code-block-4,
    .code-block.code-block-5,
    .code-block.code-block-6,
    .code-block.code-block-9,
    .code-block.code-block-10 {
        min-height: 250px; /* match your most common desktop ad unit height */
    }
}

/* Reserve space for Google Auto Ads injected anywhere in content */
.entry-content ins.adsbygoogle,
.entry-content .adsbygoogle {
    min-height: 250px;
    width: 100%;
}

/************************************************
 * 8. MOBILE READING EXPERIENCE
 ************************************************/
@media (max-width: 544px) {
    .entry-content p,
    .entry-content li {
        font-size: 1rem;
    }
    .entry-title {
        font-size: 1.6rem;
    }
    .entry-content h2 {
        font-size: 1.35rem;
    }
    .entry-content h3 {
        font-size: 1.15rem;
    }
}
/* ================================
   Category Grid
   ================================ */
.chefsbinge-category-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.75rem;
    margin: 2rem 0;
}

.chefsbinge-cat-card {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    background: #fff;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    display: flex;
    flex-direction: column;
}

.chefsbinge-cat-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.13);
}

.chefsbinge-cat-img-wrap {
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: #f0ebe5;
}

.chefsbinge-cat-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.chefsbinge-cat-card:hover .chefsbinge-cat-img-wrap img {
    transform: scale(1.05);
}

.chefsbinge-cat-img-wrap.no-image {
    min-height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f5f0eb, #e8ddd4);
    font-size: 1.1rem;
    font-weight: 600;
    color: #666;
    text-decoration: none;
}

.chefsbinge-cat-body {
    padding: 1rem 1.25rem 1.35rem;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.chefsbinge-cat-title {
    font-size: 1.15rem;
    font-weight: 700;
    margin: 0 0 0.2rem;
    line-height: 1.3;
}

.chefsbinge-cat-title a {
    text-decoration: none;
    color: inherit;
    transition: color 0.15s ease;
}

.chefsbinge-cat-title a:hover {
    color: #c0392b;
}

.chefsbinge-cat-count {
    font-size: 0.78rem;
    color: #999;
    display: block;
    margin-bottom: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.chefsbinge-cat-subs {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: auto;
}

.chefsbinge-cat-subs li {
    margin: 0;
    padding: 0;
}

.chefsbinge-cat-subs a {
    font-size: 0.78rem;
    color: #555;
    text-decoration: none;
    background: #f2f2f2;
    padding: 0.22em 0.6em;
    border-radius: 4px;
    display: inline-block;
    transition: background 0.15s ease, color 0.15s ease;
}

.chefsbinge-cat-subs a:hover {
    background: #c0392b;
    color: #fff;
}

.chefsbinge-cat-subs span {
    opacity: 0.6;
    font-size: 0.9em;
}

/* Tablet — 2 columns */
@media (max-width: 900px) {
    .chefsbinge-category-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile — 1 column */
@media (max-width: 540px) {
    .chefsbinge-category-grid {
        grid-template-columns: 1fr;
    }
}
/************************************************
 * POST TITLES & SUBTITLES
 ************************************************/

/* Single post page — main title (H1) */
h1.entry-title {
    font-size: 2rem;
    line-height: 1.25;
}

/* Blog/homepage grid — post card titles */
.ast-article-post .entry-title,
.ast-blog-featured-section .entry-title {
    font-size: 1.2rem;
    line-height: 1.3;
}

/* Post excerpt / subtitle text */
.entry-summary,
.entry-summary p {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #666;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    h1.entry-title {
        font-size: 1.5rem;
    }
    .ast-article-post .entry-title,
    .ast-blog-featured-section .entry-title {
        font-size: 1.05rem;
    }
    .entry-summary,
    .entry-summary p {
        font-size: 0.9rem;
    }
}
/* ============================
 * Related-posts titles (Jetpack "Check out my other Recipes")
 * Match site: dark text + site font, smaller size
 * ============================ */
.jp-relatedposts-i2 .jp-related-posts-i2__post-link,
.jp-relatedposts-i2 .jp-related-posts-i2__post-link:visited,
.jp-relatedposts-i2 .jp-related-posts-i2__post-link:hover,
.jp-relatedposts-i2 .jp-related-posts-i2__post-link:focus {
    color: #1e293b !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 1.25rem !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}

/* ============================
 * Related-posts thumbnails - uniform square crop
 * ============================ */
.jp-relatedposts-i2 .jp-related-posts-i2__post-img {
    aspect-ratio: 5 / 3 !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}



/* ============================================================
   Warm Editorial redesign - Phase 1 (single recipe posts only)
   Added 2026-07-11. Scoped to body.single-post.
   ============================================================ */
body.single-post{background:#e9e2d4 !important;}
body.single-post #primary,body.single-post #main,body.single-post .ast-container{background:transparent !important;box-shadow:none !important;}
body.single-post article.post{background:#fffdf8 !important;max-width:940px;margin:28px auto;padding:44px 56px;border-radius:8px;box-shadow:0 30px 80px -30px rgba(60,50,30,.35);overflow:hidden;}
body.single-post .entry-content,body.single-post .entry-content p,body.single-post .entry-content li{font-family:'Newsreader',Georgia,serif;color:#2b2621;}
body.single-post .entry-content p{font-size:20px;line-height:1.75;margin:0 0 22px;}
body.single-post .entry-content>p,body.single-post .entry-content>ul,body.single-post .entry-content>ol{max-width:74ch;margin-left:auto;margin-right:auto;}
body.single-post .entry-content>p.has-text-align-center{text-align:center !important;}
body.single-post h1.entry-title{font-family:'Newsreader',serif !important;font-weight:500 !important;font-size:52px !important;line-height:1.06 !important;letter-spacing:-.01em;color:#2b2621 !important;}
body.single-post .entry-content h2{font-family:'Newsreader',serif !important;font-weight:500 !important;font-size:32px !important;line-height:1.15 !important;color:#2b2621 !important;margin:42px 0 14px !important;border:0 !important;}
body.single-post .entry-content h3{font-family:'Newsreader',serif !important;font-weight:600 !important;font-size:22px !important;color:#2b2621 !important;}
body.single-post .entry-content a{color:#045cb4;text-decoration:underline;text-underline-offset:2px;}
body.single-post .entry-content a:hover{color:#023e7d;}
body.single-post .entry-content ul li,body.single-post .entry-content ol li{margin-bottom:9px;line-height:1.6;font-size:19px;}
body.single-post .entry-content .wprm-recipe-container li,body.single-post .entry-content .wprm-recipe-container ul li,body.single-post .entry-content .wprm-recipe-container ol li{font-size:inherit;margin-bottom:inherit;}
body.single-post .entry-content>p:first-of-type::first-letter{font-family:'Newsreader',serif;font-weight:500;color:#4a6141;float:left;font-size:72px;line-height:.78;padding:6px 10px 0 0;}
body.single-post .entry-content .google-auto-placed,body.single-post .entry-content ins.adsbygoogle,body.single-post article.post ins.adsbygoogle{max-width:100% !important;overflow:hidden !important;}
body.single-post .entry-content ins.adsbygoogle{width:100% !important;}
body.single-post .entry-content iframe{max-width:100% !important;}
body.single-post .wprm-recipe-jump,body.single-post .wprm-recipe-print,body.single-post a.wprm-recipe-link{font-family:'Work Sans',sans-serif !important;border-radius:6px !important;padding:11px 20px !important;font-weight:600 !important;font-size:15px !important;text-transform:none !important;}
body.single-post .wprm-recipe-jump{background:#4a6141 !important;color:#f6f1e7 !important;border:0 !important;}
body.single-post .wprm-recipe-jump:hover{background:#3d5136 !important;}
body.single-post .wprm-recipe-print,body.single-post .wprm-recipe-container .wprm-recipe-print{background:transparent !important;color:#4a6141 !important;border:1px solid #cdd6c4 !important;}
body.single-post .wprm-recipe-container{background:#fbf6ec !important;border:1px solid #e4dbc6 !important;border-radius:12px !important;overflow:hidden;padding:26px 28px !important;margin-left:-48px !important;margin-right:-48px !important;}
body.single-post .wprm-recipe *{font-family:'Work Sans',sans-serif;color:#2b2621;}
body.single-post .wprm-recipe a{color:#045cb4;}
body.single-post .wprm-recipe-name{font-family:'Newsreader',serif !important;font-size:28px !important;font-weight:500 !important;color:#2b2621 !important;}
body.single-post .wprm-recipe-header{color:#4a6141 !important;text-transform:uppercase !important;letter-spacing:.09em !important;font-size:13px !important;font-weight:700 !important;}
body.single-post .wprm-recipe-ingredient input[type=checkbox],body.single-post .wprm-checkbox-container input{accent-color:#4a6141;}
body.single-post .wprm-recipe-times-container .wprm-recipe-time-container{background:#f4efe4;}
body.single-post .wprm-recipe-details-container-table{border-color:#e4dbc6 !important;}
@media (max-width:720px){
 body.single-post article.post{padding:24px 14px;margin:12px auto;}
 body.single-post .wprm-recipe-container{padding:18px 15px !important;margin-left:0 !important;margin-right:0 !important;}
 body.single-post h1.entry-title{font-size:38px !important;}
 body.single-post .entry-content h2{font-size:27px !important;}
 body.single-post .entry-content p{font-size:18px;}
 body.single-post .entry-content>p:first-of-type::first-letter{font-size:56px;}
}

/* Related posts - centre/full-width on mobile (i2 ul had ~58px padding-left) */
@media(max-width:720px){
 body.single-post .jp-relatedposts-i2 .jp-related-posts-i2__list{display:flex !important;flex-direction:column !important;align-items:center !important;height:auto !important;padding:0 !important;margin:0 !important;}
 body.single-post .jp-relatedposts-i2 .jp-related-posts-i2__post{margin:0 auto 20px !important;}
}

/* Warm Editorial redesign - Phase 2 (editorial blocks) */
/* Pull quote */
body.single-post .entry-content .warm-pullquote{border:0;border-left:3px solid #4a6141;margin:36px auto;padding:6px 0 6px 28px;max-width:68ch;background:none;font-style:normal;}
body.single-post .entry-content .warm-pullquote p{font-family:'Newsreader',Georgia,serif;font-style:italic;font-weight:400;font-size:26px;line-height:1.45;color:#3a4a32;margin:0;}
body.single-post .entry-content .warm-pullquote cite{display:none;}
/* Ingredient info-card grid */
body.single-post .entry-content ul.warm-ing-cards{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:68ch;margin:26px auto;padding:0;}
body.single-post .entry-content ul.warm-ing-cards li{background:#f4efe4;border-radius:8px;padding:16px 20px;margin:0;font-family:'Work Sans',sans-serif;font-size:14.5px;line-height:1.5;color:#6b6152;}
body.single-post .entry-content ul.warm-ing-cards li::before{display:none;}
body.single-post .entry-content ul.warm-ing-cards li strong{display:block;margin-bottom:5px;font-size:15px;font-weight:700;color:#2b2621;}
/* FAQ accordion (core/details) */
body.single-post .entry-content .wp-block-details{border-bottom:1px solid #ece4d3;padding:16px 0;max-width:68ch;margin:0 auto;}
body.single-post .entry-content .wp-block-details summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;list-style:none;font-family:'Work Sans',sans-serif;font-size:20px;font-weight:700;color:#2b2621;}
body.single-post .entry-content .wp-block-details summary::-webkit-details-marker{display:none;}
body.single-post .entry-content .wp-block-details summary::marker{content:'';}
body.single-post .entry-content details.wp-block-details>summary{list-style:none;}
body.single-post .entry-content .wp-block-details summary::after{content:'＋';color:#4a6141;font-weight:400;flex-shrink:0;transition:transform .2s;}
body.single-post .entry-content .wp-block-details[open] summary::after{content:'－';}
body.single-post .entry-content .wp-block-details p{font-family:'Work Sans',sans-serif;font-size:16px;line-height:1.65;color:#5a5348;margin:12px 0 0;}
/* Chef quote panel */
body.single-post .entry-content p.warm-chef-quote{background:#4a6141;color:#f2efe4;border-radius:10px;padding:34px 38px;font-family:'Newsreader',Georgia,serif;font-style:italic;font-weight:300;font-size:23px;line-height:1.5;max-width:none;margin:28px auto;}
/* Phase 2 mobile */
@media(max-width:720px){
body.single-post .entry-content ul.warm-ing-cards{grid-template-columns:1fr;}
body.single-post .entry-content .warm-pullquote p{font-size:22px;}
body.single-post .entry-content p.warm-chef-quote{font-size:20px;padding:26px 22px;}
}