/* Page-specific components for Views/Recipes/Index.cshtml. Shared chrome/tokens
   (card-grid, service-hero-image, etc.) live in site-theme.css. */

.recipe-card{display:flex;flex-direction:column;gap:0;background:var(--color-surface);border:1px solid rgba(var(--color-ink-rgb),0.09);border-radius:20px;padding:0;overflow:hidden;cursor:pointer;text-align:left;font:inherit;color:inherit;transition:transform 0.15s ease,box-shadow 0.15s ease}
.recipe-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(46,56,37,0.14)}
.recipe-thumb-wrap{position:relative;aspect-ratio:16/9}
.recipe-thumb-wrap img{width:100%;height:100%;object-fit:cover;border-radius:0}
.recipe-play-btn{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:999px;background:rgba(32,30,29,0.55);color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;transition:background 0.15s ease,transform 0.15s ease}
.recipe-card:hover .recipe-play-btn{background:var(--color-brand);transform:scale(1.08)}
.recipe-card-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px}
.recipe-card-title{font-family:Georgia,serif;font-size:17.5px;line-height:1.25;letter-spacing:-0.01em;color:var(--color-ink)}
.recipe-card-desc{font-size:14px;line-height:1.5;color:var(--color-text-secondary);margin:0}

.recipe-more-card{display:flex;flex-direction:column;gap:0;background:var(--color-surface-dark);color:var(--color-on-dark);border-radius:20px;padding:0;overflow:hidden;text-decoration:none;transition:transform 0.15s ease,box-shadow 0.15s ease}
.recipe-more-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(46,56,37,0.2)}
.recipe-more-thumb{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.06)}
.recipe-more-thumb i{font-size:38px;color:#fff}
.recipe-more-card .recipe-card-body{padding:16px 18px 20px}
.recipe-more-card .recipe-card-title{color:var(--color-on-dark);display:flex;align-items:center;gap:8px}
.recipe-more-card .recipe-card-desc{color:var(--color-on-dark-soft)}

.recipe-lightbox{border:0;border-radius:20px;padding:0;max-width:min(920px,92vw);width:100%;background:var(--color-surface);box-shadow:0 24px 64px rgba(46,43,37,0.3);overflow:hidden}
.recipe-lightbox[open]{display:flex;flex-direction:column}
.recipe-lightbox::backdrop{background:rgba(32,30,29,0.7)}
.recipe-lightbox-head{flex-shrink:0;display:flex;justify-content:flex-end;padding:12px 12px 0}
.recipe-lightbox-close{width:34px;height:34px;border-radius:999px;border:1.5px solid rgba(var(--color-ink-rgb),0.2);background:var(--color-surface);font-size:18px;line-height:1;color:var(--color-ink);cursor:pointer;flex-shrink:0}
.recipe-lightbox-close:hover{background:rgba(var(--color-ink-rgb),0.06)}
.recipe-lightbox-body{padding:0 24px 24px;display:flex;flex-direction:column;gap:14px}
.recipe-lightbox-video{aspect-ratio:16/9;width:100%;border-radius:14px;overflow:hidden;background:#000}
.recipe-lightbox-video iframe{width:100%;height:100%;border:0;display:block}
.recipe-lightbox-caption{font-family:Georgia,serif;font-size:19px;line-height:1.3;color:var(--color-ink)}