/* VIVORA Recipes — premium UI */
.vr-archive,.vr-single{--g:#2A9D8F;--d:#1A1C19;--a:#F4A261;--dg:#37594B;--tr:#F1EDEC;--mut:#5b5f59;font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--d);box-sizing:border-box}
.vr-archive *,.vr-single *{box-sizing:border-box}
.vr-archive{max-width:1240px;margin:0 auto;padding:20px}
.vr-archive__head{font-weight:800;font-size:clamp(24px,3vw,34px);letter-spacing:.3px;margin:0 0 26px}
.vr-pop-wrap{background:#f6f4f1;border-radius:24px;padding:34px;margin:0 0 50px}
.vr-pop,.vr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.vr-all-wrap .vr-archive__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 22px}
.vr-all-wrap .vr-archive__head{margin:0}

/* filter bar */
.vr-filter-btn{background:#eef1ec;color:var(--dg);border:0;border-radius:99px;padding:12px 22px;font:700 14px/1 'Montserrat',sans-serif;cursor:pointer;transition:.2s}
.vr-filter-btn:hover{background:var(--dg);color:#fff}
.vr-filters{display:flex;gap:14px;flex-wrap:wrap;align-items:center;background:#fff;border:1px solid #ece8e6;border-radius:16px;padding:18px;margin:0 0 26px;animation:vr-fade .3s}
.vr-select{border:1px solid #dcd9d6;border-radius:99px;padding:10px 16px;font:600 14px 'Montserrat',sans-serif;color:var(--d);background:#fff;cursor:pointer}
.vr-types{display:flex;gap:8px;flex-wrap:wrap}
.vr-type-pill{background:#fff;border:1px solid #e3a0b0;color:#c45f74;border-radius:99px;padding:8px 16px;font:700 12.5px 'Montserrat',sans-serif;cursor:pointer;transition:.2s}
.vr-type-pill:hover{border-color:var(--g);color:var(--g)}
.vr-type-pill.is-active{background:var(--g);border-color:var(--g);color:#fff}

/* card */
.vr-card{position:relative;display:flex;flex-direction:column;transition:transform .25s}
.vr-card.vr-hide{display:none}
.vr-card:hover{transform:translateY(-4px)}
.vr-card__media{display:block;border-radius:15px;overflow:hidden;aspect-ratio:1/1;background:#f1edec}
.vr-card__img,.vr-card__media img{width:100%;height:100%;object-fit:cover;border-radius:15px!important;display:block;transition:transform .4s}
.vr-card:hover .vr-card__img{transform:scale(1.05)}
.vr-card__share{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--d);font-size:16px;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.12);z-index:2;transition:.2s}
.vr-card__share:hover{background:var(--g);color:#fff}
.vr-card__title{font-weight:800;font-size:17px;line-height:1.3;color:var(--d);text-decoration:none;margin:16px 0 8px}
.vr-card__title:hover{color:var(--g)}
.vr-card__meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--mut);font-size:13px;font-weight:600}
.vr-card__meta span{display:inline-flex;align-items:center;gap:4px}
.vr-card__meta span:not(:last-child):after{content:"|";margin-left:10px;color:#d8d4d0}
.vr-empty{text-align:center;color:var(--mut);padding:40px;font-weight:600}

@keyframes vr-fade{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ---------------- single ---------------- */
.vr-single{max-width:980px;margin:30px auto 0;padding:0 20px}
.vr-badges{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;background:#f6f4f1;border-radius:20px;padding:30px;margin:10px 0 40px}
.vr-badge{flex:1;min-width:120px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.vr-badge__ic{width:70px;height:70px;border-radius:50%;border:2px solid var(--g);display:flex;align-items:center;justify-content:center;font-size:30px;background:#fff}
.vr-badge__num{font-weight:800;font-size:20px;color:var(--d)}
.vr-badge__lbl{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--mut)}
.vr-single h2{font-weight:800;font-size:26px;margin:0 0 18px;color:var(--d)}
.vr-ingredients{background:#fff;border:1px solid #ece8e6;border-radius:18px;padding:28px;margin:0 0 40px}
.vr-ingredients ul{margin:0;padding:0;list-style:none;columns:2;column-gap:30px}
.vr-ingredients li{padding:9px 0 9px 26px;position:relative;border-bottom:1px solid #f2efed;font-size:15px;break-inside:avoid}
.vr-ingredients li:before{content:"";position:absolute;left:0;top:15px;width:10px;height:10px;border-radius:50%;background:var(--g)}
.vr-steps{margin:0 0 40px}
.vr-step{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin:0 0 26px;background:#faf9f8;border-radius:18px;overflow:hidden}
.vr-step:nth-of-type(even) .vr-step__img{order:2}
.vr-step__img img,.vr-step__media{width:100%;height:100%;min-height:240px;object-fit:cover;display:block;border-radius:0!important}
.vr-step__body{padding:26px 30px}
.vr-step__n{display:inline-block;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--g);margin-bottom:6px}
.vr-step__body h3{font-weight:800;font-size:19px;margin:0 0 8px}
.vr-step__body p{margin:0;color:var(--mut);line-height:1.6;font-size:15px}
.vr-step:not(:has(.vr-step__img)){grid-template-columns:1fr}

/* related */
.vr-related-products,.vr-related-recipes{margin:46px 0}
.vr-rp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.vr-rp{text-align:center}
.vr-rp img{width:100%;border-radius:15px!important;aspect-ratio:1/1;object-fit:cover}
.vr-rp__title{display:block;font-weight:700;margin:12px 0 4px;color:var(--d);text-decoration:none;font-size:15px}
.vr-rp__price{display:block;font-weight:800;color:var(--d);margin-bottom:12px}
.vr-rp__btn{display:inline-block;background:var(--g);color:#fff!important;padding:11px 22px;border-radius:99px;font-weight:700;text-decoration:none;transition:.2s}
.vr-rp__btn:hover{background:var(--dg)}

@media(max-width:900px){.vr-pop,.vr-grid{grid-template-columns:repeat(2,1fr)}.vr-rp-grid{grid-template-columns:1fr}.vr-step{grid-template-columns:1fr}.vr-step:nth-of-type(even) .vr-step__img{order:0}.vr-ingredients ul{columns:1}}
@media(max-width:520px){.vr-pop,.vr-grid{grid-template-columns:1fr}.vr-pop-wrap{padding:20px}}

/* ---- single recipe: hide theme header, render our own brekky-style hero (image left / title right) ---- */
body.single-recipe .post-header,body.single-recipe .post-heading{display:none!important}
body.single-recipe .entry-content,body.single-recipe .single-content-wrapper{max-width:1040px;margin-left:auto;margin-right:auto}
.vr-hero{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;margin:8px 0 36px}
.vr-hero--noimg{grid-template-columns:1fr;text-align:center}
.vr-hero__media img{width:100%;height:auto;border-radius:18px!important;display:block;aspect-ratio:4/3;object-fit:cover;box-shadow:0 14px 36px rgba(0,0,0,.10)}
.vr-hero__cat{display:inline-block;font:800 13px/1 'Montserrat',sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:var(--g);margin-bottom:12px}
.vr-hero__title{font-family:'Montserrat',-apple-system,sans-serif;font-weight:800;font-size:clamp(28px,3.6vw,46px);line-height:1.12;color:var(--d);margin:0 0 14px}
.vr-hero__excerpt{font-size:17px;line-height:1.7;color:var(--mut);margin:0}
@media(max-width:768px){.vr-hero{grid-template-columns:1fr;gap:18px}}
/* hide author box + any leftover duplicate title/thumb on single recipe */
body.single-recipe .about-author,body.single-recipe .author-box,body.single-recipe .post-author-box,body.single-recipe .single-tags{display:none!important}
/* breadcrumbs banner: remove background image + duplicate title, keep clean breadcrumb trail */
body.single-recipe .page-heading{background-image:none!important;background:transparent!important;min-height:0!important;padding-top:14px!important;padding-bottom:0!important;margin-bottom:6px!important;box-shadow:none!important}
body.single-recipe .page-heading .main-page-title,body.single-recipe .page-heading h1,body.single-recipe .page-heading h2,body.single-recipe .page-heading .page-title,body.single-recipe .page-heading-slider{display:none!important}
body.single-recipe .page-heading .breadcrumbs{justify-content:center!important;text-align:center!important;max-width:1100px;margin:0 auto!important;padding:0 20px}