/*
Theme Name: Cooking With Ron
Theme URI: https://cookingwithron.com
Author: Cooking With Ron
Description: A warm, responsive cooking and video creator theme with recipes, YouTube, blog and community sections.
Version: 1.1.0
Requires at least: 6.0
Text Domain: cooking-with-ron
*/
:root{--red:#b62d23;--cream:#fff8ed;--ink:#29211e;--gold:#e9a43d}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}a{color:var(--red);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1180px;margin:auto;padding:0 22px}.site-header{background:#251b17;color:white}.head-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:85px;flex-wrap:wrap}.brand{color:white;font-weight:900;font-size:1.65rem}.brand span{color:#ffc66c}.nav ul{display:flex;flex-wrap:wrap;gap:20px;list-style:none;padding:0;margin:0}.nav a{color:white;font-weight:650}.hero{background:linear-gradient(105deg,rgba(38,24,18,.94),rgba(98,39,20,.82)),url('assets/hero.svg') center/cover;color:white;padding:90px 0}.hero h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1.08;max-width:760px;margin:0 0 20px}.hero p{font-size:1.2rem;max-width:650px}.btn{display:inline-block;padding:13px 22px;border-radius:8px;background:var(--red);color:white;font-weight:800;margin:8px 10px 8px 0}.btn.alt{background:var(--gold);color:#241711}.section{padding:65px 0}.section h2{font-size:2.1rem;margin:0 0 12px}.muted{color:#6b5e56}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin-top:25px}.tile{background:white;border-radius:14px;overflow:hidden;box-shadow:0 6px 25px #2e190b14}.tile img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.tile-body{padding:21px}.tile h3{margin:0 0 8px;font-size:1.25rem}.eyebrow{color:var(--red);font-weight:850;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}.band{background:#f7e6cc}.cta{background:#a52b23;color:white;text-align:center}.cta a{background:white;color:#8e221b}.footer{background:#251b17;color:#e8ded5;padding:42px 0}.footer a{color:#ffcb81}.article{background:white;padding:34px;border-radius:12px;margin:45px auto;max-width:850px}.article img{max-width:100%;height:auto}.pagination{margin:30px 0}.search-form{display:flex;gap:8px}.search-form input{padding:11px;border:1px solid #ddd;border-radius:7px}.search-form button{border:0;border-radius:7px;background:var(--red);color:white;padding:11px}.wp-block-image img{height:auto}@media(max-width:750px){.grid{grid-template-columns:1fr}.hero{padding:65px 0}.nav ul{gap:12px}.head-inner{padding-top:16px;padding-bottom:16px}}

/* Branded full-width banner */
.ron-hero{position:relative;background:#20120b url('assets/ron-banner.webp') center center/cover no-repeat;min-height:clamp(320px,55vw,740px);padding:0;display:flex;align-items:flex-end}
.ron-hero-bottom{width:100%;padding:55px 0 15px;background:linear-gradient(transparent,rgba(20,9,4,.72))}
.ron-hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.ron-hero .btn{box-shadow:0 5px 22px #0009}
.music-toggle{border:1px solid #f2c578;background:#3b2921;color:white;border-radius:100px;padding:9px 14px;font-weight:700;cursor:pointer;white-space:nowrap}
.music-toggle:hover,.music-toggle:focus-visible{background:#74412e;outline:2px solid #ffc66c;outline-offset:2px}
@media(max-width:750px){.ron-hero{min-height:clamp(240px,58vw,480px)}.ron-hero-bottom{padding:35px 0 5px}.ron-hero .btn{font-size:.8rem;padding:9px 12px;margin:3px}.music-toggle{font-size:.8rem}}