/*
Theme Name: Eatsgood
Theme URI: https://eatsgood.ca
Author: Merrie Lim
Description: A playful, colorful custom WordPress theme for Eatsgood recipes, Calgary dining and chef-led meal planning.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: eatsgood
*/
:root{--cream:#fff8ed;--paper:#fffdf8;--tomato:#ee554b;--butter:#ffc94d;--basil:#61a86b;--olive:#38572f;--blueberry:#4f79ba;--pink:#f49aab;--ink:#171714;--line:rgba(23,23,20,.12);--radius:22px;--shadow:0 16px 40px rgba(35,29,20,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.45}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 32px));margin:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;background:white;padding:10px;z-index:1000}.announcement{background:var(--butter);padding:9px 16px;text-align:center;font-weight:800;font-size:.86rem}.announcement span{margin-right:8px}.announcement a{text-decoration:underline}.site-header{position:sticky;top:0;z-index:40;background:rgba(255,253,248,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{min-height:76px;display:flex;align-items:center;gap:28px}.site-brand{margin-right:auto}.site-brand>span,.footer-logo{font-family:Georgia,'Times New Roman',serif;color:var(--tomato);font-size:2.45rem;font-weight:900;letter-spacing:-.065em}.custom-logo{max-height:58px;width:auto}.main-nav ul{display:flex;align-items:center;gap:24px;list-style:none;padding:0;margin:0;font-size:.82rem;font-weight:900;text-transform:uppercase}.main-nav a:hover{color:var(--tomato)}.header-search{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:1.4rem}.menu-toggle{display:none;border:0;background:transparent;font-size:1.4rem}.hero-playful{padding:0 0 18px}.hero-shell{display:grid;grid-template-columns:.8fr 1.2fr;min-height:560px;background:linear-gradient(130deg,#fff0e7 0 45%,#ffe19b 100%);border-radius:0 0 30px 30px;overflow:hidden}.hero-copy{padding:52px 42px 42px;position:relative;display:flex;flex-direction:column;justify-content:center}.hero-copy h1{font-family:'Comic Sans MS','Segoe Print',cursive;font-size:clamp(3.3rem,5.8vw,6rem);line-height:.92;letter-spacing:-.05em;margin:0 0 24px}.hero-copy h1 em{font-style:normal;color:var(--tomato)}.hero-copy p{font-size:1.1rem;max-width:420px;margin:0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.button{min-height:48px;padding:0 22px;border-radius:5px;border:0;display:inline-flex;align-items:center;justify-content:center;font-weight:900;text-transform:uppercase;font-size:.78rem;transition:.2s;box-shadow:0 6px 0 rgba(23,23,20,.12)}.button:hover{transform:translateY(-2px);box-shadow:0 8px 0 rgba(23,23,20,.14)}.button.tomato{background:var(--tomato);color:white}.button.butter{background:var(--butter);color:var(--ink)}.doodle{position:absolute;font-family:'Comic Sans MS',cursive;font-weight:900}.doodle-rays{right:42px;top:48px;color:#f2aa00;font-size:3rem}.doodle-squiggle{right:26px;bottom:44px;color:var(--tomato);font-size:4.6rem;transform:rotate(70deg)}.hero-photo{position:relative;min-height:560px}.hero-img,.hero-photo .food-placeholder{width:100%;height:100%;object-fit:cover}.hero-demo-food{height:100%;min-height:480px;display:grid;place-items:center;text-align:center;color:white;font-family:Georgia,serif;font-weight:900;font-size:clamp(2rem,4vw,4rem);background:radial-gradient(circle at 55% 45%,#d1914a 0 15%,#8c4c24 16% 28%,#3a2b1f 29% 34%,transparent 35%),radial-gradient(circle at 42% 56%,#6e923f 0 8%,transparent 9%),radial-gradient(circle at 70% 67%,#d44d35 0 9%,transparent 10%),linear-gradient(145deg,#161611,#4b291a 55%,#dba65f)}.hero-note{position:absolute;right:20px;bottom:28px;background:var(--tomato);color:white;padding:18px 26px;border-radius:50% 42% 48% 44%;font-family:'Comic Sans MS',cursive;font-size:1.25rem;transform:rotate(-5deg)}.section{padding:22px 0 54px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-tile{position:relative;min-height:300px;border-radius:18px;padding:24px;overflow:hidden;transition:.25s;isolation:isolate}.category-tile:hover{transform:translateY(-5px) rotate(-.3deg);box-shadow:var(--shadow)}.category-tile h2{font-family:'Comic Sans MS','Segoe Print',cursive;font-size:2rem;line-height:.95;margin:0 0 18px;position:relative;z-index:2}.category-tile p{text-transform:uppercase;font-size:.72rem;font-weight:900;max-width:150px;position:relative;z-index:2}.tile-yellow{background:var(--butter)}.tile-green{background:var(--basil);color:white}.tile-pink{background:var(--pink)}.tile-blue{background:var(--blueberry);color:white}.tile-doodle{position:absolute;right:20px;top:15px;font-size:2.5rem;z-index:2}.tile-bowl{position:absolute;width:220px;height:140px;border-radius:50%;right:-30px;bottom:-45px;border:10px solid rgba(255,255,255,.45);box-shadow:inset 0 0 0 24px rgba(0,0,0,.08);transform:rotate(-8deg)}.bowl-one{background:radial-gradient(circle,#c64628 0 7%,transparent 8%),radial-gradient(circle at 65% 45%,#355c2c 0 8%,transparent 9%),#9b6c37}.bowl-two{background:radial-gradient(circle at 40% 40%,#e6aa48 0 12%,transparent 13%),radial-gradient(circle at 60% 50%,#2d6531 0 9%,transparent 10%),#f6e2b4}.bowl-three{background:radial-gradient(circle at 50% 45%,#4b2518 0 30%,#f0a53d 31% 42%,transparent 43%),#d9c09c}.bowl-four{background:radial-gradient(circle at 35% 45%,#e48d27 0 8%,transparent 9%),radial-gradient(circle at 60% 50%,#3e7a3d 0 10%,transparent 11%),#ead8b7}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.section-title-row h2,.about-copy h2,.feature-card h2,.newsletter h2{font-family:'Comic Sans MS','Segoe Print',cursive;font-size:clamp(2rem,3vw,3.2rem);line-height:1;margin:0}.section-title-row a{color:var(--tomato);font-size:.78rem;font-weight:900;text-transform:uppercase}.recipe-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.recipe-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:.2s}.recipe-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.recipe-card img,.recipe-card .food-placeholder,.demo-photo{aspect-ratio:1.25/1;width:100%;object-fit:cover}.recipe-card-body{padding:12px;position:relative}.recipe-card h3{font-family:Georgia,serif;font-size:1.05rem;line-height:1.05;margin:12px 0 10px}.recipe-time{font-size:.68rem;font-weight:900;background:white;border-radius:999px;padding:4px 8px;display:inline-block;margin-top:-28px;position:relative}.recipe-category{color:var(--tomato);font-size:.65rem;font-weight:900;text-transform:uppercase}.food-placeholder,.demo-photo{display:grid;place-items:center;color:rgba(255,255,255,.85);font-weight:900;text-transform:uppercase;font-size:.7rem;background:linear-gradient(135deg,#884222,#df9b43)}.demo-2{background:linear-gradient(135deg,#3d2819,#b65b2a)}.demo-3{background:linear-gradient(135deg,#467445,#d8b965)}.demo-4{background:linear-gradient(135deg,#c25e2d,#f3c37b)}.demo-5{background:linear-gradient(135deg,#271713,#6b3428)}.about-card{display:grid;grid-template-columns:1fr 1.55fr .9fr;background:#f7efe4;border-radius:20px;overflow:hidden;min-height:320px}.about-photo{position:relative;background:linear-gradient(145deg,#f2b781,#c96f4f);min-height:320px;display:grid;place-items:center}.portrait-placeholder{font-family:Georgia,serif;font-size:2rem;font-weight:900;text-align:center;color:white}.sticky-note{position:absolute;left:14px;bottom:16px;background:var(--butter);padding:14px;transform:rotate(-5deg);font-family:'Comic Sans MS',cursive}.about-copy{padding:42px}.about-copy h3{font-family:'Comic Sans MS',cursive;color:var(--tomato);font-weight:400;line-height:1.15}.about-copy p{max-width:540px}.about-card blockquote{margin:30px;align-self:center;background:#f3b6b0;padding:28px 24px;transform:rotate(2deg);font-family:'Comic Sans MS',cursive;box-shadow:0 8px 20px rgba(0,0,0,.08)}.about-card blockquote strong{display:block;margin-top:12px}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-card{min-height:300px;border-radius:18px;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:20px;overflow:hidden}.calgary-feature{background:#f7c4c3}.meal-feature{background:#f8e4a5}.feature-card p{font-size:.9rem}.feature-collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px}.feature-collage span{display:grid;place-items:center;color:white;font-weight:900;text-transform:uppercase;font-size:.65rem;background:linear-gradient(135deg,#8a4224,#ddb37a);border-radius:10px}.feature-collage span:first-child{grid-row:span 2}.meal-bowl{align-self:center;justify-self:center;width:210px;height:210px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 35%,#e88132 0 14%,transparent 15%),radial-gradient(circle at 62% 50%,#5c8d48 0 16%,transparent 17%),#eee1bd;border:18px solid white;box-shadow:var(--shadow);font-size:3rem;color:var(--tomato)}.newsletter{padding:0 0 28px}.newsletter-inner{background:var(--basil);color:white;padding:22px 34px;border-radius:18px;display:grid;grid-template-columns:1fr 1.3fr auto;gap:22px;align-items:center}.newsletter h2{font-size:2.1rem}.newsletter p{margin:5px 0}.newsletter form{display:flex;gap:8px}.newsletter input{flex:1;min-height:48px;border:0;padding:0 14px;border-radius:4px}.newsletter-heart{font-size:3.4rem}.site-footer{padding:36px 0 48px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1fr auto auto;gap:32px;align-items:end}.site-footer ul{list-style:none;padding:0;margin:0;columns:2}.site-footer li{margin:4px 18px}.footer-note{font-size:.8rem;color:#69645e}.single-recipe{padding:50px 0 80px}.recipe-hero-single{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.recipe-hero-single h1{font-family:Georgia,serif;font-size:clamp(3rem,6vw,6rem);line-height:.94;margin:.15em 0}.recipe-hero-single img{border-radius:22px}.lede{font-size:1.15rem}.recipe-facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.recipe-facts div{background:var(--butter);padding:10px 14px;border-radius:8px}.recipe-facts span{display:block;font-size:.65rem;text-transform:uppercase;font-weight:900}.recipe-content{margin-top:36px;max-width:850px;background:white;border-radius:20px;padding:clamp(24px,5vw,56px);box-shadow:var(--shadow)}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;font-weight:900;color:var(--tomato)}
@media(max-width:950px){.main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:20px;border-bottom:1px solid var(--line)}.main-nav.open{display:block}.main-nav ul{flex-direction:column;align-items:flex-start}.menu-toggle{display:block}.header-search{display:none}.hero-shell{grid-template-columns:1fr}.hero-copy{padding:42px 28px}.hero-photo{min-height:430px}.category-grid{grid-template-columns:repeat(2,1fr)}.recipe-grid{grid-template-columns:repeat(2,1fr)}.about-card{grid-template-columns:1fr 1.4fr}.about-card blockquote{grid-column:1/-1}.split-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.recipe-hero-single{grid-template-columns:1fr}}
@media(max-width:620px){.container{width:min(100% - 20px,1180px)}.announcement{font-size:.72rem}.site-brand>span{font-size:2rem}.hero-copy h1{font-size:3.35rem}.hero-actions,.newsletter form{flex-direction:column}.hero-actions .button{width:100%}.category-grid,.recipe-grid{grid-template-columns:1fr}.category-tile{min-height:260px}.about-card{grid-template-columns:1fr}.about-copy{padding:28px}.feature-card{grid-template-columns:1fr}.newsletter-inner{grid-template-columns:1fr}.newsletter-heart{display:none}.section-title-row{align-items:flex-start;flex-direction:column}.recipe-grid .recipe-card:nth-child(n+4){display:none}}