/* recipes.css — "The Family Kitchen" skin for the Recipe Sharing pages.
   Scoped under .recipes-kitchen so this palette departure (Mike, 2026-07-04:
   "a kitchen is decorated differently from the rest of the house") never leaks
   into other pages. Keeps the site fonts (Playfair Display + Lora). (Sage) */

.recipes-kitchen {
  --k-cream:#f7f2e4; --k-cream-deep:#efe7d2;
  --k-sage:#6b8f6e; --k-sage-deep:#4c6b50;
  --k-tomato:#c0553f; --k-tomato-deep:#a8452f;
  --k-wood:#bf9463; --k-wood-deep:#9c744a;
  --k-board:#33403a; --k-ink:#33302a; --k-ink-soft:#6a6154;
  background:var(--k-cream); color:var(--k-ink);
  font-family:'Lora',Georgia,serif;
}

/* Gingham valance under the site nav */
.recipes-kitchen .rk-valance { height:22px;
  background-image:
    repeating-linear-gradient(0deg, transparent 0 11px, rgba(192,85,63,.16) 11px 22px),
    repeating-linear-gradient(90deg, transparent 0 11px, rgba(192,85,63,.16) 11px 22px);
  background-color:#fff; border-bottom:2px solid var(--k-tomato); }

/* Chalkboard hero */
.recipes-kitchen .rk-hero { background:
    radial-gradient(120% 140% at 50% 0%, #3a473f 0%, var(--k-board) 60%, #2b352f 100%);
  color:#f3efe6; text-align:center; padding:2.6rem 1.2rem 2.4rem;
  border-bottom:10px solid var(--k-wood); }
.recipes-kitchen .rk-hero .rk-kicker { font-family:'Caveat',cursive; font-size:1.4rem; color:#e8c9a0; }
.recipes-kitchen .rk-hero h1 { font-family:'Playfair Display',serif; font-weight:700; font-size:2.5rem;
  margin:.1rem 0 .5rem; color:#fbf7ee; text-shadow:0 1px 0 rgba(0,0,0,.3); }
.recipes-kitchen .rk-hero p { max-width:620px; margin:0 auto; color:rgba(243,239,230,.82); font-style:italic; }
.recipes-kitchen .rk-hero .rk-chalk-rule { width:120px; border:0; border-top:2px dashed rgba(243,239,230,.5); margin:1.2rem auto 0; }
.recipes-kitchen .rk-hero .rk-back { display:inline-block; margin-top:.9rem; color:#e8c9a0; text-decoration:none; font-size:.9rem; }
.recipes-kitchen .rk-hero .rk-back:hover { text-decoration:underline; }

.recipes-kitchen .rk-wrap { max-width:960px; margin:1.8rem auto 3rem; padding:0 1.2rem; }

/* Category index cards (the /recipes/ landing) */
.recipes-kitchen .rk-cats { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:1rem; }
.recipes-kitchen .rk-cat { display:block; text-decoration:none; color:inherit; background:#fffdf7;
  border:1px solid #e6ddc6; border-left:5px solid var(--k-sage); border-radius:10px;
  padding:1.1rem 1.2rem; box-shadow:0 2px 6px rgba(0,0,0,.08); transition:transform .08s, box-shadow .12s; }
.recipes-kitchen .rk-cat:hover { transform:translateY(-2px); box-shadow:0 6px 18px rgba(0,0,0,.14); border-left-color:var(--k-tomato); }
.recipes-kitchen .rk-cat .rk-emoji { font-size:1.8rem; }
.recipes-kitchen .rk-cat h2 { font-family:'Playfair Display',serif; margin:.2rem 0 .1rem; font-size:1.25rem; color:var(--k-sage-deep); }
.recipes-kitchen .rk-cat .rk-count { font-size:.82rem; color:var(--k-ink-soft); }

/* Category page: gallery on a butcher-block counter */
.recipes-kitchen .rk-counter { background:
    repeating-linear-gradient(90deg, var(--k-wood) 0 46px, var(--k-wood-deep) 46px 48px);
  border:1px solid var(--k-wood-deep); border-radius:14px; padding:1.4rem;
  box-shadow:0 6px 18px rgba(0,0,0,.15); }
.recipes-kitchen .rk-panel { background:var(--k-cream); border-radius:10px; padding:1.4rem 1.5rem; box-shadow:0 2px 8px rgba(0,0,0,.12); }
.recipes-kitchen .rk-panel .simple-gallery { margin:0; }

/* Pantry shelf — canister-label tabs on a tiled backsplash over the counter */
.recipes-kitchen .rk-backsplash { padding:.9rem .8rem .1rem; background:#f3ede0;
  background-image:
    repeating-linear-gradient(0deg, rgba(0,0,0,.05) 0 1px, transparent 1px 34px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.05) 0 1px, transparent 1px 66px);
  border:1px solid #e0d7c1; border-bottom:0; border-radius:14px 14px 0 0; }
.recipes-kitchen .rk-tabs { display:flex; flex-wrap:wrap; gap:.5rem; }
.recipes-kitchen .rk-tab { display:flex; align-items:center; gap:.45rem; cursor:pointer;
  font-family:'Playfair Display',serif; font-size:.92rem; color:#fff;
  background:linear-gradient(180deg,var(--k-sage),var(--k-sage-deep));
  padding:.5rem 1rem; border-radius:10px; border:1px solid rgba(0,0,0,.12);
  box-shadow:0 2px 4px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.25); }
.recipes-kitchen .rk-tab .n { font-size:.75rem; opacity:.85; font-family:'Lora',serif; }
.recipes-kitchen .rk-tab.active { background:linear-gradient(180deg,var(--k-tomato),var(--k-tomato-deep)); transform:translateY(1px); }
.recipes-kitchen .rk-tab:hover:not(.active) { filter:brightness(1.06); }
.recipes-kitchen .rk-backsplash + .rk-counter { border-radius:0 0 14px 14px; }
.recipes-kitchen .rk-gpanel { display:none; }
.recipes-kitchen .rk-gpanel.active { display:block; }
.recipes-kitchen .rk-gpanel h2 { font-family:'Playfair Display',serif; color:var(--k-sage-deep);
  margin:0 0 .8rem; font-size:1.4rem; border-bottom:2px solid var(--k-sage); padding-bottom:.35rem; }

/* Full recipe page: a card on the counter */
.recipes-kitchen.rk-detailbg { background:
    repeating-linear-gradient(90deg, var(--k-wood) 0 46px, var(--k-wood-deep) 46px 48px); }
.recipes-kitchen .rk-card { max-width:720px; margin:1.8rem auto 3rem; background:#fffdf7; border:1px solid #e6ddc6;
  border-radius:10px; padding:2.2rem 2.4rem; box-shadow:0 10px 28px rgba(0,0,0,.28); position:relative; }
.recipes-kitchen .rk-card::before { content:""; position:absolute; inset:0 0 auto 0; height:12px; border-radius:10px 10px 0 0;
  background-image:
    repeating-linear-gradient(0deg, transparent 0 6px, rgba(192,85,63,.22) 6px 12px),
    repeating-linear-gradient(90deg, transparent 0 6px, rgba(192,85,63,.22) 6px 12px);
  background-color:rgba(255,255,255,.4); }
.recipes-kitchen .rk-chip { display:inline-block; margin-top:.5rem; background:var(--k-sage); color:#fff; font-size:.72rem;
  letter-spacing:.05em; text-transform:uppercase; padding:.18rem .8rem; border-radius:99px; text-decoration:none; }
.recipes-kitchen .rk-card h1 { font-family:'Playfair Display',serif; font-size:2rem; margin:.5rem 0 .1rem; color:var(--k-sage-deep); }
.recipes-kitchen .rk-prov { font-family:'Caveat',cursive; font-size:1.5rem; color:var(--k-tomato-deep); }
.recipes-kitchen .rk-source { font-size:.8rem; color:var(--k-ink-soft); font-style:italic; margin:.15rem 0 1.3rem; }
.recipes-kitchen .rk-meta { display:flex; flex-wrap:wrap; gap:1.4rem; font-size:.85rem;
  border-top:2px solid var(--k-sage); border-bottom:1px dotted #d9cfb6; padding:.6rem 0; margin-bottom:1.3rem; }
.recipes-kitchen .rk-meta b { font-family:'Playfair Display',serif; color:var(--k-sage-deep); }
.recipes-kitchen .rk-card h3 { font-family:'Playfair Display',serif; font-size:1.15rem; color:var(--k-tomato-deep); margin:1.2rem 0 .5rem; }
.recipes-kitchen .rk-card ul, .recipes-kitchen .rk-card ol { margin:.2rem 0; padding-left:1.3rem; }
.recipes-kitchen .rk-card li { padding:.16rem 0; }
.recipes-kitchen .rk-side { margin-top:1.5rem; background:rgba(107,143,110,.1); border-left:4px solid var(--k-sage);
  border-radius:0 8px 8px 0; padding:.8rem 1.1rem 1rem; }
.recipes-kitchen .rk-side h3 { margin:.1rem 0 .4rem; color:var(--k-sage-deep); }
.recipes-kitchen .rk-actions { display:flex; gap:.7rem; margin-top:1.8rem; }
.recipes-kitchen .rk-actions button { font-family:'Lora',serif; font-size:.92rem; padding:.55rem 1.3rem; cursor:pointer;
  border-radius:9px; border:1px solid var(--k-tomato-deep);
  background:linear-gradient(180deg,var(--k-tomato),var(--k-tomato-deep)); color:#fff; }
.recipes-kitchen .rk-actions button.secondary { background:#fff; color:var(--k-tomato-deep); }
.recipes-kitchen .rk-hint { font-size:.78rem; color:var(--k-ink-soft); margin-top:.5rem; }
.recipes-kitchen .rk-detailback { max-width:720px; margin:1.2rem auto 0; padding:0 1.2rem; }
.recipes-kitchen .rk-detailback a { color:#fbf7ee; text-decoration:none; text-shadow:0 1px 2px rgba(0,0,0,.4); font-size:.9rem; }

@media print {
  .site-nav, .site-footer, .rk-valance, .rk-actions, .rk-hint, .rk-detailback, .feedback-bubble { display:none !important; }
  .recipes-kitchen.rk-detailbg { background:#fff; }
  .recipes-kitchen .rk-card { box-shadow:none; border:1px solid #999; }
  .recipes-kitchen .rk-card::before { display:none; }
}

/* ── Bulk Upload Recipes — admin-only (Sage, 2026-07-19) ──
   Sits above the pantry-shelf tabs on /recipes/index.html only. Kept visually
   quieter than the tabs/counter (plain card, no wood/gingham) since it's a
   tool, not part of the kitchen scene itself. [data-i18n] not needed — WF
   uses this identical block, admin copy only. */
.recipes-kitchen .rk-bulk { max-width:960px; margin:0 auto 1.6rem; background:#fffdf7;
  border:1px solid #e6ddc6; border-radius:10px; padding:1.2rem 1.4rem; box-shadow:0 2px 8px rgba(0,0,0,.08); }
.recipes-kitchen .rk-bulk-head h2 { font-family:'Playfair Display',serif; font-size:1.15rem;
  color:var(--k-sage-deep); margin:0 0 .3rem; }
.recipes-kitchen .rk-bulk-head p { font-size:.85rem; color:var(--k-ink-soft); margin:0 0 .8rem; max-width:640px; }
.recipes-kitchen .rk-bulk-head .gallery-upload-btn { display:inline-block; cursor:pointer;
  font-family:'Lora',serif; font-size:.88rem; padding:.5rem 1.1rem; border-radius:8px;
  border:1px solid var(--k-sage-deep); background:linear-gradient(180deg,var(--k-sage),var(--k-sage-deep)); color:#fff; }
.recipes-kitchen .rk-bulk-review { margin-top:1rem; border-top:1px dotted #d9cfb6; padding-top:1rem; }
.recipes-kitchen .rk-bulk-table { width:100%; border-collapse:collapse; font-size:.85rem; }
.recipes-kitchen .rk-bulk-table th { text-align:left; font-family:'Playfair Display',serif;
  color:var(--k-sage-deep); font-size:.78rem; text-transform:uppercase; letter-spacing:.04em;
  border-bottom:2px solid var(--k-sage); padding:.3rem .5rem; }
.recipes-kitchen .rk-bulk-table td { padding:.35rem .5rem; border-bottom:1px solid #eee2c9; vertical-align:middle; }
.recipes-kitchen .rk-bulk-fname { font-family:monospace; font-size:.8rem; word-break:break-all; max-width:220px; }
.recipes-kitchen .rk-bulk-title, .recipes-kitchen .rk-bulk-cat { font:inherit; font-size:.85rem;
  padding:.35rem .5rem; border:1px solid #ccc; border-radius:6px; width:100%; box-sizing:border-box; }
.recipes-kitchen .rk-bulk-cat:invalid, .recipes-kitchen .rk-bulk-cat option[value=""] { color:#a8452f; }
.recipes-kitchen .rk-bulk-actions { display:flex; align-items:center; gap:.7rem; margin-top:.9rem; }
.recipes-kitchen .rk-bulk-actions .rk-bulk-status { margin-right:auto; font-size:.82rem; color:var(--k-ink-soft); }
.recipes-kitchen .rk-bulk-actions button { font-family:'Lora',serif; font-size:.88rem; padding:.5rem 1.2rem;
  cursor:pointer; border-radius:8px; border:1px solid var(--k-tomato-deep); }
.recipes-kitchen #rk-bulk-go { background:linear-gradient(180deg,var(--k-tomato),var(--k-tomato-deep)); color:#fff; }
.recipes-kitchen #rk-bulk-cancel { background:#fff; color:var(--k-tomato-deep); }
.recipes-kitchen .rk-bulk-actions button:disabled { opacity:.55; cursor:default; }

/* ── Typed-document extraction lane additions (Sage, 2026-07-20) ── */
.recipes-kitchen .rk-bulk-badge { display:inline-block; margin-left:8px; font-size:.68rem;
  text-transform:uppercase; letter-spacing:.03em; padding:.15rem .5rem; border-radius:99px;
  background:var(--k-sage); color:#fff; vertical-align:middle; }
.recipes-kitchen .rk-bulk-discard { font-size:1.1rem; line-height:1; padding:.2rem .55rem;
  border:1px solid #ccc; border-radius:6px; background:#fff; color:#a8452f; cursor:pointer; }
.recipes-kitchen .rk-bulk-discard:hover { background:#fbeceb; border-color:#a8452f; }