/*
Theme Name: Butter Mom Blog 2.0
Theme URI: https://buttermomblog.com/
Author: Butter Mom Blog
Description: A bright, nostalgic, recipe-first WordPress food blog theme with dynamic recipe discovery, readable typography, ad zones, newsletter areas, author profile, responsive navigation, and modern archive templates.
Version: 2.0.0
Text Domain: butter-mom-blog
Requires at least: 6.4
Requires PHP: 7.4
*/
:root{
  --cream:#fff8ed;--paper:#fffdf8;--ink:#171513;--pink:#f36f98;--pink-soft:#f9c4d3;
  --yellow:#f8c64b;--teal:#21aeb0;--teal-soft:#bfe9e5;--purple:#8f68aa;--line:#27211d;
  --max:1180px;--radius:18px;--shadow:7px 7px 0 rgba(23,21,19,.12);
}
*{box-sizing:border-box}html{font-size:18px;scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.72}img{max-width:100%;height:auto}a{color:inherit}button,input,select,textarea{font:inherit}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wrap{width:min(calc(100% - 32px),var(--max));margin-inline:auto}
.site-header{background:var(--paper);border-bottom:3px solid var(--line)}.utility-bar{background:var(--pink);border-bottom:2px solid var(--line);font-size:.82rem;font-weight:800;letter-spacing:.03em}.utility-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.utility-inner a{text-decoration:none}.utility-social{display:flex;gap:16px}.main-nav{background:var(--paper)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px}.brand-mini{font-family:Georgia,serif;font-weight:900;font-size:1.42rem;text-decoration:none}.brand-mini span{color:var(--pink)}.menu-toggle{display:none;border:2px solid var(--line);background:var(--yellow);padding:9px 14px;border-radius:999px;font-weight:900}.primary-menu,.footer-menu{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:clamp(14px,2.4vw,30px);flex-wrap:wrap}.primary-menu a,.footer-menu a{text-decoration:none;font-weight:900;text-transform:uppercase;font-size:.82rem;letter-spacing:.035em}.primary-menu a:hover,.primary-menu a:focus{text-decoration:underline 4px var(--pink);text-underline-offset:7px}.header-search-link{text-decoration:none;font-weight:900;background:var(--teal-soft);border:2px solid var(--line);padding:8px 13px;border-radius:999px}
.brand-hero{position:relative;background:var(--cream);overflow:hidden}.brand-hero-art{width:100%;max-height:510px;object-fit:cover;object-position:center 17%;display:block}.brand-hero::after{content:"";position:absolute;inset:auto 0 0;height:14px;background:repeating-linear-gradient(90deg,#171513 0 14px,#fff 14px 28px)}
.recipe-search{margin-top:-1px;background:var(--paper);padding:32px 0;border-bottom:3px solid var(--line)}.search-shell{display:grid;grid-template-columns:1fr auto;gap:10px;max-width:860px;margin:auto}.search-shell input{width:100%;border:2px solid var(--line);border-radius:999px;padding:16px 22px;font-size:1.05rem;background:#fff}.search-shell button,.button{border:2px solid var(--line);border-radius:999px;background:var(--pink);padding:14px 22px;font-weight:900;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:3px 3px 0 var(--line)}
.section{padding:64px 0}.section-tight{padding:42px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-heading h1,.section-heading h2{margin:0;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.2rem);line-height:1.02;letter-spacing:-.03em}.kicker{display:block;margin-bottom:7px;color:#8d3554;font-size:.76rem;text-transform:uppercase;font-weight:900;letter-spacing:.13em}.section-heading p{max-width:580px;margin:0;font-size:.95rem}.text-link{font-weight:900;text-underline-offset:5px}
.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.category-card{min-height:140px;border:3px solid var(--line);border-radius:var(--radius);padding:22px 15px;display:grid;place-content:center;text-align:center;text-decoration:none;font-weight:900;font-size:1.12rem;box-shadow:var(--shadow);transition:.2s transform}.category-card:hover{transform:translateY(-4px)}.category-card:nth-child(5n+1){background:var(--yellow)}.category-card:nth-child(5n+2){background:var(--pink-soft)}.category-card:nth-child(5n+3){background:var(--teal-soft)}.category-card:nth-child(5n+4){background:#e7d5ee}.category-card:nth-child(5n+5){background:#f5d6a7}.category-icon{font-size:2rem;display:block;margin-bottom:8px}
.feature-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);gap:28px;align-items:stretch}.featured-post{position:relative;min-height:520px;border:3px solid var(--line);border-radius:24px;overflow:hidden;background:#ddd;box-shadow:var(--shadow)}.featured-post img{position:absolute;width:100%;height:100%;object-fit:cover}.featured-overlay{position:absolute;inset:auto 0 0;padding:90px 34px 32px;background:linear-gradient(transparent,rgba(0,0,0,.82));color:#fff}.featured-overlay h2{font:900 clamp(2rem,4.6vw,3.6rem)/1 Georgia,serif;margin:.35rem 0 .55rem}.featured-overlay a{text-decoration:none}.author-card{border:3px solid var(--line);border-radius:24px;background:var(--teal-soft);padding:26px;box-shadow:var(--shadow);display:flex;flex-direction:column}.author-card img{width:100%;aspect-ratio:1/1.05;object-fit:cover;border:3px solid var(--line);border-radius:14px;background:#fff}.author-card h2{font:900 2rem/1 Georgia,serif;margin:20px 0 10px}.author-card p{font-size:.94rem}.author-signoff{font-family:Georgia,serif;font-style:italic;font-weight:700}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card{background:var(--paper);border:2px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:5px 5px 0 rgba(23,21,19,.1)}.post-card-image{display:block;aspect-ratio:4/3;background:var(--pink-soft);overflow:hidden}.post-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.post-card:hover img{transform:scale(1.025)}.post-card-body{padding:20px}.post-card .eyebrow{font-size:.68rem;text-transform:uppercase;font-weight:900;letter-spacing:.1em;color:#874663}.post-card h3{font:900 1.55rem/1.12 Georgia,serif;margin:.35rem 0 .55rem}.post-card h3 a{text-decoration:none}.post-card p{margin:.4rem 0;font-size:.91rem}.post-meta{font-size:.73rem;font-weight:800;opacity:.65;text-transform:uppercase}.empty-card{min-height:260px;display:grid;place-content:center;text-align:center;padding:30px;background:var(--pink-soft)}
.ad-zone{border:3px dashed var(--line);background:var(--yellow);border-radius:16px;text-align:center;padding:24px;min-height:110px;display:grid;place-content:center;margin:34px 0}.ad-zone strong{display:block;font-size:1.25rem}.ad-zone small{display:block;margin-top:3px;opacity:.7}.home-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.75fr);gap:32px}.sidebar-stack{display:grid;gap:24px}.sidebar-box{background:var(--paper);border:2px solid var(--line);border-radius:18px;padding:24px}.sidebar-box h3{font:900 1.55rem Georgia,serif;margin:0 0 13px}.sidebar-box ul{margin:0;padding-left:1.1rem}.sidebar-box li+li{margin-top:9px}
.newsletter{background:var(--pink);border-block:3px solid var(--line);padding:42px 0}.newsletter-inner{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.newsletter h2{font:900 clamp(2rem,4.5vw,3.4rem)/1 Georgia,serif;margin:.2rem 0}.newsletter p{margin:.5rem 0}.newsletter-form{display:grid;grid-template-columns:1fr auto;gap:9px}.newsletter-form input{border:2px solid var(--line);border-radius:999px;padding:15px 18px;background:#fff}.newsletter-form button{border:2px solid var(--line);border-radius:999px;background:var(--teal);color:#fff;padding:13px 20px;font-weight:900}
.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:34px;padding:54px 0}.content-main{min-width:0}.content-card{background:var(--paper);border:2px solid var(--line);border-radius:20px;padding:clamp(24px,4vw,48px);box-shadow:5px 5px 0 rgba(23,21,19,.08)}.entry-header h1,.archive-header h1{font:900 clamp(2.5rem,6vw,4.7rem)/.98 Georgia,serif;letter-spacing:-.04em;margin:.25rem 0 .7rem}.entry-content{font-family:Georgia,serif;font-size:1.08rem;line-height:1.82}.entry-content h2,.entry-content h3{font-family:Arial,Helvetica,sans-serif;line-height:1.15;margin-top:1.9em}.entry-content h2{font-size:2rem}.entry-content h3{font-size:1.45rem}.entry-content img{border-radius:14px}.entry-content a{text-decoration-thickness:2px;text-underline-offset:3px}.featured-image{margin:28px 0;border:3px solid var(--line);border-radius:18px;overflow:hidden}.featured-image img{display:block;width:100%}.jump-links{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.jump-links a{background:var(--yellow);border:2px solid var(--line);border-radius:999px;padding:10px 16px;text-decoration:none;font-weight:900}.sidebar{display:grid;gap:20px;align-content:start}.widget{background:var(--paper);border:2px solid var(--line);border-radius:16px;padding:21px}.widget-title{font:900 1.45rem Georgia,serif;margin:0 0 12px}.widget ul{padding-left:1.1rem}.widget li+li{margin-top:8px}.recipe-callout{background:#fff3bc;border:3px solid var(--line);border-radius:16px;padding:24px;margin:30px 0}.recipe-callout h2{margin-top:0}.pagination .nav-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:35px 0}.page-numbers{border:2px solid var(--line);border-radius:999px;padding:8px 13px;text-decoration:none;font-weight:900;background:#fff}.page-numbers.current{background:var(--pink)}
.site-footer{background:var(--paper);border-top:3px solid var(--line)}.footer-top{padding:46px 0}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:34px}.footer-brand{font:900 2.1rem Georgia,serif}.footer-brand span{color:var(--pink)}.site-footer h3{font:900 1.3rem Georgia,serif;margin-top:0}.footer-bottom{border-top:2px solid var(--line);padding:18px 0;font-size:.78rem}.footer-bottom-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.checker{height:24px;background-color:#111;background-image:linear-gradient(45deg,#fff 25%,transparent 25%),linear-gradient(-45deg,#fff 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#fff 75%),linear-gradient(-45deg,transparent 75%,#fff 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}
@media(max-width:960px){.category-grid{grid-template-columns:repeat(3,1fr)}.feature-layout,.home-columns,.content-layout{grid-template-columns:1fr}.post-grid{grid-template-columns:repeat(2,1fr)}.sidebar{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.brand-hero-art{max-height:440px}.newsletter-inner{grid-template-columns:1fr}}
@media(max-width:720px){html{font-size:17px}.utility-inner{justify-content:center}.utility-social{display:none}.menu-toggle{display:block}.nav-inner{min-height:62px}.primary-menu{display:none;position:absolute;z-index:50;left:16px;right:16px;top:102px;background:var(--paper);border:3px solid var(--line);padding:20px;border-radius:14px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.primary-menu.is-open{display:flex}.primary-menu a{display:block;padding:7px}.header-search-link{display:none}.brand-hero-art{height:370px;max-height:none;object-position:center 18%}.search-shell,.newsletter-form{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card{min-height:115px}.post-grid{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.section{padding:48px 0}.section-heading{align-items:start;flex-direction:column}.featured-post{min-height:430px}.featured-overlay{padding:70px 24px 24px}.content-card{border-inline:0;border-radius:0}.content-layout{padding:30px 0}.footer-bottom-inner{display:block}.footer-menu{display:block}.footer-menu li+li{margin-top:9px}}
@media(max-width:440px){.brand-hero-art{height:330px}.category-grid{grid-template-columns:1fr 1fr}.category-card{font-size:.92rem;padding:14px 8px}.category-icon{font-size:1.5rem}.wrap{width:min(calc(100% - 22px),var(--max))}}
