/*
Theme Name: Tadka
Description: Warm editorial kitchen-ideas theme: cream, terracotta and sage, serif headlines, masonry design galleries with zoom, layout picker and tile calculator.
Version: 1.0.0
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: tadka
*/
:root{--cream:#FBF4EA;--cream2:#F4E8D6;--card:#FFFDF9;--ink:#2B2420;--ink2:#4B4038;--muted:#7C6F65;--terra:#C4552D;--terra2:#A84422;--sage:#6F8F72;--sage2:#E4ECE2;--saff:#E9A94B;--line:#EADCC8;--f:"Onest",system-ui,sans-serif;--d:"YoungSerif",Georgia,serif}
*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{margin:0;background:var(--cream);color:var(--ink);font:400 17.5px/1.72 var(--f);overflow-wrap:break-word}
img{max-width:100%;height:auto;display:block}a{color:var(--terra2);text-underline-offset:3px}a:hover{color:var(--ink)}
h1,h2,h3{font-family:var(--d);font-weight:400;line-height:1.14;margin:0 0 .5em;color:var(--ink)}h1{font-size:clamp(32px,4.8vw,56px)}h2{font-size:clamp(25px,2.9vw,34px)}h3{font-size:20px;font-family:var(--f);font-weight:700}
p{margin:0 0 1em}:focus-visible{outline:3px solid var(--saff);outline-offset:2px}
td,th{overflow-wrap:anywhere}
.tk-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tk-skip{position:absolute;left:-999px}.tk-skip:focus{left:10px;top:10px;background:#000;color:#fff;padding:8px;z-index:99}
.tk-wrap{width:min(1200px,100% - 32px);margin-inline:auto}.tk-narrow{width:min(780px,100% - 32px);margin-inline:auto}
/* header */
.tk-top{background:rgba(251,244,234,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.tk-top-row{display:flex;align-items:center;gap:18px;min-height:68px}
.tk-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);flex:none}
.tk-mark{width:40px;height:40px;flex:none}.tk-word{font:400 23px/1 var(--d)}.tk-word em{font-style:normal;color:var(--terra)}
.tk-nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}.tk-nav a{display:block;padding:7px 12px;border-radius:999px;color:var(--ink2);text-decoration:none;font-weight:600;font-size:15px}
.tk-nav a:hover,.tk-nav a[aria-current]{background:var(--terra);color:#fff}
.tk-top .tk-search{margin-left:auto;width:230px}
.tk-search{display:flex;background:#fff;border:1.5px solid var(--line);border-radius:999px;overflow:hidden}.tk-search input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:16px;padding:8px 14px;color:var(--ink)}
.tk-search button{font:inherit;font-size:14px;font-weight:700;border:0;background:var(--ink);color:#fff;padding:0 14px;cursor:pointer}
.tk-burger{display:none;margin-left:auto;width:44px;height:44px;border:0;border-radius:50%;background:var(--terra);position:relative;cursor:pointer;flex:none}
.tk-burger span:not(.tk-sr){position:absolute;left:13px;right:13px;height:2px;background:#fff;border-radius:2px}.tk-burger span:nth-child(1){top:18px}.tk-burger span:nth-child(2){top:25px}
.tk-menu{border-top:1px solid var(--line);padding:14px 0 20px;max-height:calc(100vh - 68px);overflow:auto}.tk-menu ul{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tk-menu a{display:block;padding:10px 12px;border-radius:14px;background:var(--card);border:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:600}
@media(max-width:1120px){.tk-top .tk-search{display:none}}@media(max-width:940px){.tk-nav{display:none}.tk-burger{display:block}}@media(min-width:941px){.tk-menu{display:none!important}}
/* page head */
.tk-crumbs{font-size:14px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tk-crumbs a{color:var(--ink2)}
.tk-head{padding:40px 0 30px}.tk-head-in{max-width:900px}
.tk-lede{font-size:20px;color:var(--ink2);max-width:62ch}.tk-meta{font-size:14px;color:var(--muted);margin:0}
.tk-body{padding:0 0 76px}
/* quick facts */
.tk-quick{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}.tk-quick div{flex:1 1 200px;background:var(--sage2);border-radius:18px;padding:12px 16px}.tk-quick dt{font-size:12.5px;color:var(--sage);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.tk-quick dd{margin:2px 0 0;font-weight:600;line-height:1.35}
/* gallery */
.tk-gal-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px;margin:0 0 14px}.tk-gal-head h2{margin:0}
.tk-chips{display:flex;flex-wrap:wrap;gap:6px}.tk-chips button{font:600 14px var(--f);border:1.5px solid var(--line);background:var(--card);color:var(--ink2);border-radius:999px;padding:6px 12px;cursor:pointer}
.tk-chips button[aria-pressed=true],.tk-chips button:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.tk-gallery{columns:3 300px;column-gap:18px;margin:0 0 10px}
.tk-card{break-inside:avoid;margin:0 0 18px;background:var(--card);border-radius:22px;overflow:hidden;border:1px solid var(--line);position:relative}
.tk-card .tk-ph{position:relative;background:linear-gradient(135deg,var(--cream2),var(--sage2))}
.tk-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.tk-noimg .tk-ph{aspect-ratio:4/3;display:grid;place-items:center;color:var(--muted);font:400 22px var(--d);padding:20px;text-align:center}
.tk-zoom{position:absolute;right:10px;top:10px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(43,36,32,.72);color:#fff;font-size:18px;cursor:zoom-in}
.tk-card figcaption{padding:14px 16px 16px}.tk-card h3{font:400 19px/1.25 var(--d);margin:0 0 6px}.tk-card p{font-size:15px;color:var(--ink2);margin:0 0 10px;line-height:1.55}
.tk-tags{display:flex;flex-wrap:wrap;gap:5px}.tk-tags span{font-size:12px;font-weight:600;color:var(--terra2);background:#FBE6DC;border-radius:999px;padding:2px 9px}
.tk-gal-note{font-size:13.5px;color:var(--muted);margin:0 0 34px}
/* article */
.tk-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:42px;align-items:start}
@media(max-width:980px){.tk-grid{grid-template-columns:minmax(0,1fr);gap:10px}.tk-side{position:static!important}}
.tk-grid>*{min-width:0}
.tk-sec{margin-bottom:34px}.tk-sec p,.tk-sec li{color:var(--ink2)}.tk-sec ul{padding-left:1.1em}.tk-sec li{margin-bottom:6px}.tk-sec li::marker{color:var(--terra)}
.tk-sec ol{list-style:none;counter-reset:s;padding:0;margin:0 0 1.2em}.tk-sec ol>li{counter-increment:s;position:relative;padding:2px 0 12px 50px;margin:0;color:var(--ink)}
.tk-sec ol>li::before{content:counter(s);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:12px;background:var(--terra);color:#fff;display:grid;place-items:center;font:400 17px var(--d)}
.tk-intro p:first-child{font-size:19px}
.tk-tw{overflow-x:auto;margin:1em 0 1.4em;border-radius:16px;border:1px solid var(--line);background:var(--card)}
table{width:100%;border-collapse:collapse;font-size:15.5px;min-width:480px}th{background:var(--cream2);text-align:left;padding:10px 12px;font-weight:700;color:var(--ink)}td{padding:10px 12px;border-top:1px solid var(--line);vertical-align:top}
.tk-side{position:sticky;top:92px;display:grid;gap:14px}.tk-side:has(.tk-tool){position:static}
.tk-box{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px 18px}.tk-box h2{font-size:20px;margin-bottom:8px}
.tk-box ul{list-style:none;padding:0;margin:0}.tk-box li{padding:6px 0;border-top:1px dashed var(--line);font-size:15px;line-height:1.4}.tk-box li:first-child{border:0}.tk-box a{text-decoration:none;color:var(--ink2)}.tk-box a.on,.tk-box a:hover{color:var(--terra)}
.tk-faq details{border-bottom:1px solid var(--line)}.tk-faq summary{cursor:pointer;padding:14px 34px 14px 0;list-style:none;position:relative}.tk-faq summary::-webkit-details-marker{display:none}
.tk-faq summary::after{content:"+";position:absolute;right:4px;top:8px;font:400 26px var(--d);color:var(--terra)}.tk-faq details[open] summary::after{content:"\2212"}
.tk-faq summary h3{margin:0;font-size:18px}.tk-faq details>p{margin:0 0 16px;color:var(--ink2)}
.tk-src{font-size:14px;color:var(--muted)}.tk-src a{color:var(--ink2);word-break:break-word}
.tk-related{margin-top:30px}.tk-related ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:12px}
.tk-related a{display:block;height:100%;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 16px;text-decoration:none;color:var(--ink);font:400 18px/1.3 var(--d)}.tk-related a:hover{border-color:var(--terra)}
/* tools */
.tk-tool{background:var(--ink);color:#F4E8D6;border-radius:24px;padding:20px 22px;margin:0 0 30px}
.tk-tool h2{color:#fff;font-size:24px;margin-bottom:6px}.tk-tool p{font-size:14.5px;color:#D8C9B5}
.tk-tool-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:10px 0}.tk-tool-row>*{min-width:0}
.tk-tool label{display:block;font-size:13.5px;font-weight:600;margin-bottom:4px}.tk-tool input,.tk-tool select{width:100%;font:inherit;font-size:16px;padding:9px 12px;border-radius:12px;border:0;color:var(--ink);background:#FFFDF9}
.tk-tool output{display:block;background:rgba(255,255,255,.07);border-radius:16px;padding:12px 14px;font-size:15.5px}.tk-tool output b{color:var(--saff)}
.tk-tool output ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.tk-tool output li{display:flex;flex-wrap:wrap;gap:4px 10px}.tk-tool li.ok b{color:#A9D3A3}.tk-tool li.no{opacity:.6}.tk-tool li span{font-size:14px;color:#D8C9B5}
.tk-tool small{display:block;color:#B9A994;font-size:12.5px;margin-top:8px}
/* home */
.tk-hero{padding:46px 0 26px}.tk-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
@media(max-width:940px){.tk-hero-grid{grid-template-columns:minmax(0,1fr)}}
.tk-hero h1{font-size:clamp(38px,5.6vw,66px)}.tk-hero h1 em{font-style:italic;color:var(--terra)}.tk-hero .tk-search{max-width:440px;margin-top:18px}
.tk-kick{font-weight:700;font-size:13.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--sage);margin:0 0 12px}
.tk-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tk-mosaic a{position:relative;display:block;border-radius:22px;overflow:hidden;background:var(--sage2);aspect-ratio:4/3;text-decoration:none}
.tk-mosaic a:first-child{grid-column:span 2;aspect-ratio:16/9}.tk-mosaic img{width:100%;height:100%;object-fit:cover}
.tk-mosaic span{position:absolute;left:10px;bottom:10px;background:rgba(251,244,234,.92);color:var(--ink);font-weight:700;font-size:14px;border-radius:999px;padding:4px 12px}
.tk-band{padding:26px 0}
.tk-cats{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:12px}
.tk-cats a{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:10px;text-decoration:none;color:var(--ink);height:100%}
.tk-cats a:hover{border-color:var(--terra)}.tk-cats img,.tk-cats i{width:72px;height:56px;border-radius:12px;object-fit:cover;flex:none;background:var(--sage2)}.tk-cats b{display:block;font:400 17px/1.25 var(--d)}.tk-cats span{display:block;font-size:13.5px;color:var(--muted)}
.tk-tools2{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:860px){.tk-tools2{grid-template-columns:minmax(0,1fr)}}.tk-tools2>*{min-width:0}.tk-tools2 .tk-tool{margin:0}
.tk-plain{padding:40px 0 70px}.tk-results{list-style:none;padding:0}.tk-results li{padding:10px 0;border-bottom:1px solid var(--line)}
.tk-static{max-width:800px}.tk-static h2{margin-top:1.1em;font-size:26px}
/* pending images */
.tk-noimg .tk-zoom{display:none}.tk-pending{display:grid;place-items:center;width:100%;height:100%;min-height:56px;padding:8px;text-align:center;font:400 15px var(--d);color:var(--muted)}
/* lightbox */
.tk-lb{position:fixed;inset:0;background:rgba(20,16,14,.9);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.tk-lb.on{display:flex}
.tk-lb figure{margin:0;max-width:1100px;width:100%}.tk-lb img{width:100%;max-height:78vh;object-fit:contain;border-radius:14px}.tk-lb figcaption{color:#F4E8D6;padding:12px 4px}.tk-lb figcaption h3{color:#fff;font-family:var(--d);font-weight:400}.tk-lb .tk-tags span{background:rgba(255,255,255,.12);color:#fff}
.tk-lb-x{position:absolute;right:16px;top:12px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:var(--ink);font-size:26px;cursor:pointer}
/* footer */
.tk-foot{background:var(--ink);color:#D8C9B5;padding:46px 0 24px;border-radius:36px 36px 0 0;margin-top:20px}.tk-foot .tk-word{color:#fff}
.tk-foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}@media(max-width:900px){.tk-foot-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.tk-foot-grid{grid-template-columns:1fr}}
.tk-foot h2{font:700 13px var(--f);color:var(--saff);text-transform:uppercase;letter-spacing:.12em}.tk-foot ul{list-style:none;margin:0;padding:0}.tk-foot li{padding:4px 0}.tk-foot a{color:#F4E8D6;text-decoration:none}.tk-foot a:hover{color:var(--saff)}
.tk-foot-note{font-size:14px;margin-top:14px;line-height:1.6}.tk-foot-base{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:16px;font-size:13.5px;color:#A8998A}