/*
Theme Name: veryDelicious
Theme URI: https://verydelicio.us
Author: Ruth Norton
Description: A clean, lightweight custom theme for verydelicio.us. Photo-first, PHP 8.3-native, no third-party dependencies.
Version: 1.0.0
Requires PHP: 7.4
License: GNU GPL v2 or later
Text Domain: verydelicious
*/
:root{--a:#ff304e;--ink:#515e6c;--head:#3c4652;--muted:#99a1ad;--bg:#f7f7fa;--surface:#fff;--line:#e7e7ee;--chipline:#e2e2ea}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Open Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--a);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
/* header */
.vd-top{background:var(--a);display:flex;justify-content:center;padding:9px 16px}
.vd-search{display:flex;width:100%;max-width:560px}
.vd-search input[type=search]{flex:1;border:none;border-radius:999px 0 0 999px;padding:9px 16px;font:400 15px "Open Sans",sans-serif;outline:none;min-width:0}
.vd-search button{border:none;background:#d8122f;color:#fff;border-radius:0 999px 999px 0;padding:0 18px;cursor:pointer;font-size:15px}
.vd-header{background:var(--surface);border-bottom:2px solid var(--a);padding:22px 16px}
.vd-logo{display:block;width:fit-content;margin:0 auto}
.vd-logo img{display:block;height:64px;width:auto}
@media(max-width:600px){.vd-logo img{height:48px}}
/* layout */
.vd-main{display:block}
.vd-wrap{max-width:760px;margin:0 auto;padding:34px 20px 60px}
.vd-full{width:100%}
/* recipe single */
.vd-article .vd-cat{display:inline-block;font:700 11px "Open Sans",sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#fff;background:var(--a);padding:5px 11px;border-radius:999px;margin-bottom:14px}
.vd-title{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:38px;line-height:1.12;color:var(--head);margin:0 0 6px;text-wrap:balance}
@media(max-width:600px){.vd-title{font-size:29px}}
.vd-meta{color:var(--muted);font-size:13.5px;margin:0 0 26px}
.vd-content{font-size:17px;color:#3f4650}
.vd-content img,.vd-content .wp-block-image img{border-radius:16px;width:100%}
.vd-content figure{margin:0 0 26px}
.vd-content h2{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:25px;color:var(--head);margin:34px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.vd-content h3{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:20px;color:var(--head);margin:26px 0 10px}
.vd-content ul,.vd-content ol{padding-left:0;list-style:none}
.vd-content ul li{position:relative;padding:7px 0 7px 28px;border-bottom:1px solid var(--line)}
.vd-content ul li:before{content:"";position:absolute;left:4px;top:15px;width:7px;height:7px;border-radius:50%;background:var(--a)}
.vd-content ol{counter-reset:step;padding-left:0}
.vd-content ol li{counter-increment:step;position:relative;padding:8px 0 10px 44px;margin-bottom:4px}
.vd-content ol li:before{content:counter(step);position:absolute;left:0;top:7px;width:28px;height:28px;border-radius:50%;background:var(--a);color:#fff;font:700 14px "Open Sans",sans-serif;display:flex;align-items:center;justify-content:center}
.vd-content a{text-decoration:underline}
.vd-back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:14px;margin-bottom:18px}
.vd-back:hover{color:var(--a);text-decoration:none}
/* grid (archive/search/index) */
.vd-archhead{max-width:1200px;margin:0 auto;padding:26px 22px 6px}
.vd-archhead h1{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:26px;color:var(--head);margin:0}
.vd-grid{columns:4;column-gap:16px;max-width:1500px;margin:0 auto;padding:18px 22px 50px}
@media(max-width:1180px){.vd-grid{columns:3}}
@media(max-width:760px){.vd-grid{columns:2;column-gap:12px;padding:18px 16px 50px}}
.vd-card{display:block;position:relative;break-inside:avoid;margin:0 0 16px;border-radius:14px;overflow:hidden;background:var(--surface);box-shadow:0 1px 2px rgba(40,46,70,.06),0 8px 22px rgba(40,46,70,.09);transition:transform .2s,box-shadow .2s}
.vd-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(40,46,70,.16)}
.vd-card img{width:100%;display:block}
.vd-card .vd-cap{padding:11px 13px;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:15.5px;color:var(--head);line-height:1.22}
/* footer */
.vd-footer{background:var(--surface);border-top:1px solid var(--line);padding:26px 16px;text-align:center;color:var(--muted);font-size:13px;margin-top:20px}
.vd-footer a{color:var(--muted)}