/*
Theme Name: Cookings
Theme URI: https://cookings.tech/
Author: Cookings
Description: Fast, lightweight recipe theme for Cookings with recipe cards, recipe schema and ad-friendly layout.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: cookings
*/
:root{--red:#E4572E;--red2:#C8401B;--cream:#FFF8F0;--green:#2E7D4F;--ink:#1F1B16;--muted:#6B6259;--line:#EADFD3;--card:#fff;--serif:'Playfair Display',Georgia,'Times New Roman',serif;--sans:Inter,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
*,*:before,*:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:hidden}
body{margin:0;background:var(--cream);font:16px/1.7 var(--sans);color:var(--ink);overflow-x:hidden}
a{color:var(--red2);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
/* header */
.site-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:50}
.hdr{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.logo{display:flex;align-items:center;gap:10px;font:800 26px/1 var(--serif);color:var(--ink)!important;text-decoration:none!important;white-space:nowrap}
.logo .mk{width:42px;height:42px;border-radius:12px;background:var(--red);display:grid;place-items:center;flex:0 0 42px}
.logo b{color:var(--red)}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:18px;flex-wrap:wrap}
.main-nav a{color:var(--ink);font-weight:600;font-size:14.5px}
.main-nav .current-menu-item>a,.main-nav .current-cat>a,.main-nav a:hover{color:var(--red);text-decoration:none}
.main-nav li{position:relative}.main-nav .sub-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px;min-width:200px;flex-direction:column;gap:6px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.main-nav li:hover>.sub-menu{display:flex}
.hsearch{display:flex}.hsearch input{background:var(--cream);border:1px solid var(--line);border-radius:30px;padding:9px 16px;font:14px var(--sans);width:200px;color:var(--ink)}
.nav-toggle{display:none;background:none;border:1px solid var(--line);border-radius:10px;width:42px;height:42px;cursor:pointer}
.nav-toggle span{display:block;width:20px;height:2px;background:var(--ink);margin:4px auto}
/* layout */
.site-main{padding:26px 0 10px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px;align-items:start}
.layout.full{grid-template-columns:minmax(0,1fr)}
.sidebar .widget{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:18px;overflow:hidden}
.sidebar .widget-title,.sidebar h2,.sidebar .wp-block-heading{font:700 19px/1.3 var(--serif);margin:0 0 10px}
.sidebar ul{list-style:none;margin:0;padding:0}.sidebar li{padding:7px 0;border-bottom:1px solid var(--line);font-size:14.5px;font-weight:600}.sidebar li:last-child{border:0}
.sidebar li a{color:var(--ink)}
.sidebar .ck-sticky{position:sticky;top:16px}
/* cards */
.chip{display:inline-block;background:var(--red);color:#fff!important;font-size:11px;font-weight:700;padding:5px 10px;border-radius:20px;letter-spacing:.5px;text-transform:uppercase;text-decoration:none!important}
.chip.g{background:var(--green)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.layout.full .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.08)}
.card .thumb{aspect-ratio:4/3;background:#F1E6DA;overflow:hidden;display:block}
.card .thumb img{width:100%;height:100%;object-fit:cover}
.card .b{padding:12px 14px 16px}
.card h3{font:700 17px/1.35 var(--serif);margin:6px 0 6px}.card h3 a{color:var(--ink)}
.facts{display:flex;gap:12px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.sec-h{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:34px 0 14px}
.sec-h h2{font:800 27px/1.2 var(--serif);margin:0}.sec-h a{font-weight:700;font-size:14px}
/* hero */
.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}
.hero .side{display:grid;gap:20px}
.ph{border-radius:16px;position:relative;overflow:hidden;min-height:200px;background:#C8401B;display:block;color:#fff!important;text-decoration:none!important}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ph .cap{position:absolute;left:0;right:0;bottom:0;padding:18px;background:linear-gradient(transparent,rgba(0,0,0,.78))}
.hero .big{min-height:420px}.hero .big h2{font:800 32px/1.2 var(--serif);margin:8px 0 6px}
.hero .side .ph{min-height:200px}.hero .side h3{font:700 20px/1.3 var(--serif);margin:6px 0 0}
.ph .meta{font-size:13px;opacity:.92}
.cats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.cat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 8px;text-align:center;font-weight:600;font-size:13.5px;color:var(--ink)!important;text-decoration:none!important}
.cat .dot{width:64px;height:64px;border-radius:50%;margin:0 auto 8px;overflow:hidden;background:#F1E6DA}
.cat .dot img{width:100%;height:100%;object-fit:cover}
.cat:hover{border-color:var(--red)}
.ck-bb{margin:14px auto 0!important;text-align:center}.ck-bb>div{display:flex!important;flex-direction:column;align-items:center;justify-content:center;width:100%}.ck-bb [id^="111473"]{margin:0 auto}
.sidebar .widget:has(.ck-side-ad){background:none;border:0;padding:0;position:sticky;top:16px;display:flex;justify-content:center}
.ck-side-ad{text-align:center}.ck-bb:empty{display:none}
.ad-zone .widget{background:none;border:0;padding:0;margin:0}
body{padding-bottom:110px}
.ad-zone,.ck-side-ad,.fwidgets{max-width:100%}
.site-main [id^="111473-"]{max-width:100%;overflow:hidden}
.ad-zone{margin:22px auto;text-align:center;overflow:hidden}
.ad-zone>div,.ad-zone .widget{display:flex;flex-direction:column;align-items:center}
/* single */
.crumb{font-size:13px;color:var(--muted);margin-bottom:6px}.crumb a{color:var(--muted)}
.entry-title{font:800 38px/1.18 var(--serif);margin:6px 0 10px}
.byline{display:flex;gap:14px;font-size:13.5px;color:var(--muted);align-items:center;flex-wrap:wrap;margin-bottom:16px}
.jump{display:inline-block;background:var(--red);color:#fff!important;border-radius:30px;padding:8px 16px;font-weight:700;font-size:13px;text-decoration:none!important}
.jump.o{background:#fff;color:var(--red)!important;border:1.5px solid var(--red)}
.feat{border-radius:16px;overflow:hidden;margin:0 0 6px;background:#F1E6DA}
.feat img{width:100%;max-height:560px;object-fit:cover}
.credit{font-size:11.5px;color:var(--muted);margin:0 0 18px}.credit a{color:var(--muted);text-decoration:underline}
.post-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px}
.entry-content{font-size:17px;line-height:1.8;overflow-wrap:break-word}
.entry-content h2{font:800 28px/1.25 var(--serif);margin:34px 0 12px}
.entry-content h3{font:700 21px/1.3 var(--serif);margin:24px 0 8px}
.entry-content ul,.entry-content ol{padding-left:22px}.entry-content li{margin:6px 0}
.entry-content table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px;display:block;overflow-x:auto}
.entry-content th,.entry-content td{border:1px solid var(--line);padding:9px 12px;text-align:left}
.entry-content th{background:var(--cream)}
.entry-content img{border-radius:12px;margin:14px auto}
.entry-content blockquote{border-left:4px solid var(--red);margin:20px 0;padding:6px 18px;background:var(--cream);border-radius:0 10px 10px 0}
.entry-content iframe{max-width:100%}
.entry-content .wp-caption{max-width:100%}
/* recipe card */
.rc{background:#fff;border:2px solid var(--red);border-radius:18px;padding:24px;margin:30px 0;scroll-margin-top:20px}
.rc-h{display:flex;justify-content:space-between;gap:14px;align-items:start;flex-wrap:wrap}
.rc h2{font:800 26px/1.2 var(--serif)!important;margin:0 0 4px!important}
.rc .sub{color:var(--muted);font-size:14px;margin:0}
.rc-btns{display:flex;gap:8px}
.times{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}
.times div{background:var(--cream);border-radius:10px;padding:10px;text-align:center;font-size:12px;color:var(--muted);line-height:1.4}.times b{display:block;color:var(--ink);font-size:16px}
.rc-cols{display:grid;grid-template-columns:1fr 1.35fr;gap:26px}
.rc h3{color:var(--green);font:700 19px/1.3 var(--serif)!important;margin:6px 0 10px!important}
.rc ul{list-style:none;padding:0!important;margin:0;font-size:15.5px}
.rc ul li{padding:7px 0 7px 28px;border-bottom:1px dashed var(--line);position:relative;margin:0!important}
.rc ul li:before{content:"";position:absolute;left:2px;top:12px;width:14px;height:14px;border:2px solid var(--green);border-radius:4px}
.rc ol{counter-reset:s;list-style:none;padding:0!important;margin:0;font-size:15.5px}
.rc ol li{counter-increment:s;position:relative;padding:4px 0 10px 40px;margin:0!important}
.rc ol li:before{content:counter(s);position:absolute;left:0;top:4px;width:28px;height:28px;border-radius:50%;background:var(--red);color:#fff;font-weight:700;font-size:13px;display:grid;place-items:center}
.nut{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;align-items:center;font-size:13px}.nut span{background:#EEF6F0;color:var(--green);border-radius:20px;padding:5px 11px;font-weight:600}
.nut small{color:var(--muted);width:100%}
/* misc */
.pagination,.nav-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:30px 0}
.page-numbers{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 14px;font-weight:600;color:var(--ink)}
.page-numbers.current{background:var(--red);color:#fff;border-color:var(--red)}
.related{margin-top:30px}
.arch-h{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 26px;margin-bottom:22px}
.arch-h h1{font:800 34px/1.2 var(--serif);margin:0 0 6px}.arch-h p{margin:0;color:var(--muted)}
.tags a{display:inline-block;background:var(--cream);border:1px solid var(--line);border-radius:20px;padding:3px 11px;font-size:13px;margin:3px;color:var(--ink)}
.comments-area{margin-top:26px}
.comments-area textarea,.comments-area input[type=text],.comments-area input[type=email],.comments-area input[type=url]{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;font:15px var(--sans)}
.comments-area .submit,.btn{background:var(--red);color:#fff;border:0;border-radius:30px;padding:11px 22px;font-weight:700;cursor:pointer}
.nl{margin:40px 0 10px;border-radius:18px;background:var(--ink);color:#fff;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.nl h3{font:800 25px/1.25 var(--serif);margin:0}.nl h3 b{color:#F4A259}.nl p{margin:4px 0 0;color:#CBBFB2}
/* footer */
.site-footer{background:#16120E;color:#CBBFB2;margin-top:40px;font-size:14px}
.site-footer a{color:#E9DED2}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:26px;padding:36px 0 20px}
.site-footer .widget-title,.site-footer h2,.site-footer h4,.site-footer .wp-block-heading{color:#fff;font:700 17px var(--serif);margin:0 0 10px}
.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{padding:4px 0}
.site-footer .logo{color:#fff!important}
.fbot{border-top:1px solid #2E2620;padding:16px 0;font-size:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.fwidgets{overflow:hidden}
.fwidgets>div{display:flex;flex-direction:column;align-items:center}
/* responsive */
@media(max-width:1080px){.layout{grid-template-columns:minmax(0,1fr) 300px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout.full .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hsearch input{width:150px}}
@media(max-width:980px){
 .layout{grid-template-columns:minmax(0,1fr)}
 .nav-toggle{display:block}.hsearch{display:none}
 .main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);padding:10px 20px 16px}
 .main-nav.on{display:block}.main-nav ul{flex-direction:column;gap:2px}.main-nav a{display:block;padding:9px 0;font-size:16px}
 .main-nav .sub-menu{position:static;display:flex;border:0;box-shadow:none;padding:0 0 0 14px}
 .hero{grid-template-columns:1fr}.hero .big{min-height:320px}
 .cats{grid-template-columns:repeat(4,minmax(0,1fr))}
 .fgrid{grid-template-columns:1fr 1fr}
 .sidebar .ck-sticky{position:static}
}
@media(max-width:640px){
 .wrap{padding:0 14px}
 .grid,.layout.full .grid{grid-template-columns:minmax(0,1fr)}
 .cats{grid-template-columns:repeat(3,minmax(0,1fr))}
 .hero .big h2{font-size:25px}.entry-title{font-size:29px}
 .post-box{padding:18px;border-radius:14px}
 .entry-content{font-size:16.5px}.entry-content h2{font-size:24px}
 .rc{padding:18px}.rc-cols{grid-template-columns:1fr}.times{grid-template-columns:repeat(2,1fr)}
 .fgrid{grid-template-columns:1fr}
 .logo{font-size:23px}
}
@media print{
 body *{visibility:hidden}.rc,.rc *{visibility:visible}.rc{position:absolute;left:0;top:0;border:0}.rc-btns{display:none}
}
/* keep content clear of the fixed left side-rail ad on desktop */
@media(min-width:1024px){body:has([id^="sas_container_"][id$="_left"]){padding-left:130px}body:has([id^="sas_container_"][id$="_right"]){padding-right:130px}}
@media(min-width:981px) and (max-width:1320px){.main-nav ul{gap:12px;flex-wrap:nowrap}.main-nav a{font-size:14px;white-space:nowrap}.hsearch input{width:130px}}
@media(min-width:981px) and (max-width:1200px){.hsearch{display:none}}