/*! BucătărieTop */
/*
 * Tema „savoare” — Savoare (themes/savoare/design.md), pe Tailwind (public/assets/_tw/tailwind.css): revistă de
 * bucătărie. Hârtie crem, vânătă (aubergine) pentru titluri accentuate și butoanele spre magazin, oliv ca al doilea
 * accent, șofran doar pe fundalul închis. Titluri Fraunces, corp Inter. Doar temă luminoasă.
 * Ordinea: tailwind.css → _base/base.css → acest fișier.
 */
:root {
  --c-brand: 116 36 88; --c-brand-ink: 255 255 255; --c-brand-soft: 246 230 240; --c-brand-deep: 62 20 50;
  --c-accent: 84 104 30; --c-accent-soft: 236 240 220;
  --c-ink: 40 26 34; --c-ink-soft: 72 54 64; --c-muted: 112 94 104; --c-line: 232 222 210; --c-surface: 255 253 250; --c-canvas: 250 246 239;
  --r-card: 14px; --r-btn: 10px;
  --bg: #faf6ef;
  --surface: #fffdfa;
  --surface-2: #f3ebdf;
  --line: #e8ded2;
  --text: #281a22;
  --text-2: #483640;
  --muted: #705e68;
  --primary: #742458;
  --primary-ink: #ffffff;
  --primary-soft: #f6e6f0;
  --price: #281a22;
  --drop: #54681e;
  --good: #54681e;
  --good-soft: rgba(84, 104, 30, .12);
  --answer-bg: #f4ead6;
  --answer-line: transparent;
  --chip-bg: #ecf0dc;
  --chip-ink: #3c4a15;
  --radius: 14px;
  --radius-sm: 10px;
  --radius-btn: 10px;
  --radius-pill: 999px;
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-head: "Fraunces", Georgia, "Times New Roman", serif;
  --head-weight: 800;
  --speed: 150ms;
  --shadow: 0 1px 2px rgba(40, 26, 34, .05), 0 10px 24px -18px rgba(62, 20, 50, .35);
}
body { background: var(--bg); }
h2, h3 { font-weight: 600; }
.xcrp9q { font-family: var(--font); }

/* etichetele de rubrică */
.x1o269, .x6jzn4 { display: block; margin: 0; font-family: var(--font); font-weight: 600; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; color: var(--primary); }
.xd1zdg { padding-top: 14px; border-top: 2px solid var(--text); font-size: 1.5rem; }

/* „Pe scurt” ca fișa unei rețete, pe hârtie liniată */
.xcafon { border: 1px dashed #c9b28a; border-radius: var(--radius); }
.x62uun { background: #f4ead6 repeating-linear-gradient(0deg, transparent 0 27px, rgba(201, 178, 138, .2) 27px 28px); }

/* șina de rubrici */
.x9gnyl a { min-height: 44px; background: transparent; border-color: var(--line); }
.x9gnyl a.on { background: var(--primary); border-color: var(--primary); color: #fff; }

/* căutarea */
.x1diav { border: 1px solid var(--line); border-bottom: 2px solid var(--text); border-radius: 10px 10px 0 0; background: var(--surface); color: var(--text); font-family: var(--font); }
.x1diav:focus { outline: 2px solid var(--primary); outline-offset: 1px; }

/* butoanele spre magazin: vânătă plin (btn-cta) sau cu contur (sv-go); pe fundalul închis, șofran */
.x9p1py { border-color: var(--primary); color: var(--primary); background: transparent; }
.x9p1py:hover { background: var(--primary-soft); }
.x9p1py .ic, .x5vbmd .ic { flex: none; }
.x2x4yp .btn { width: auto; flex: none; }
@media (min-width: 640px) { .x2x4yp .btn { width: 100%; } }
.x54gxk { background: #e9c46a; border-color: #e9c46a; color: #2a1606; }

/* plăcile de rubrică și cardurile de pe acasă: hârtie albă, linie fină, umbră caldă */
.xcyci0 { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow); }
@media (hover: hover) { .xcyci0 { transition: transform var(--speed) ease-out, border-color var(--speed); } .xcyci0:hover { transform: translateY(-2px); border-color: #d9c4cf; } }

/* meniul: cuprinsul complet */
.sheet { background: var(--surface); }
.sheet a { gap: 10px; }

.x2t6tw { border-radius: 999px; }
.x89buu { background: var(--primary-soft); color: var(--primary); }
.x8oybg strong { font-family: var(--font-head); font-weight: 600; }
.x8qjad { background: var(--good-soft); color: #3c4a15; }
.x6z82t { background: #f1e7da; }
.x6z82t .x4pcrn { font-family: var(--font-head); }
.x6z82t .x1wfsv { background: var(--primary); }
.x35fmu h2, .x35fmu h3 { font-family: var(--font-head); }

/* filtrele rapide și segmentele din paginile comune (themes/_tw): ținte de 44 px */
main a.xmg-rounded-btn { display: inline-flex; align-items: center; min-height: 44px; }

/* acasă: rubricile cu alegerile după intenție (bandă glisantă pe telefon, grilă de 4 de la 768 px) */
.xaplfq { font: italic 600 1.5rem/1.1 var(--font-head); color: var(--primary); }
.x65zin { display: flex; align-items: baseline; gap: 10px; margin-bottom: 12px; padding-top: 12px; border-top: 2px solid var(--text); }
.x1n501 { display: inline-flex; flex: none; align-items: center; min-height: 44px; padding: 0 4px; font-size: .88rem; font-weight: 600; color: var(--primary); }
.xbxpfm { display: flex; gap: 10px; overflow-x: auto; scrollbar-width: none; margin: 0 calc(-1 * var(--gutter)); padding: 2px var(--gutter) 6px; scroll-snap-type: x mandatory; scroll-padding: 0 var(--gutter); }
.xbxpfm::-webkit-scrollbar { display: none; }
.x3te80 { flex: none; width: 62%; scroll-snap-align: start; }
.x3te80.xcym8z { border: 2px solid var(--primary); }
.x8v207 { margin: 0; font: italic 600 .98rem/1.2 var(--font-head); color: var(--primary); }
.x3te80.xcym8z .x8v207::before { content: "★ "; font-style: normal; }
.x9b1eu { width: 100%; min-height: 44px; padding: 0 10px; font-size: .86rem; }
.x9p1py { border-width: 1.5px; }
.x6liji { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; margin-left: calc(-1 * var(--gutter)); margin-right: calc(-1 * var(--gutter)); padding: 0 var(--gutter); }
.x6liji::-webkit-scrollbar { display: none; }
.xd66ab { display: inline-flex; flex: none; align-items: center; min-height: 44px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--line); background: var(--surface); color: var(--text-2); font-size: .88rem; white-space: nowrap; text-decoration: none; }
.xd66ab:hover { border-color: var(--primary); color: var(--primary); text-decoration: none; }
@media (min-width: 768px) {
  .xbxpfm { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: visible; margin: 0; padding: 0; }
  .x3te80 { width: auto; }
  .x6liji { flex-wrap: wrap; overflow: visible; margin-left: 0; margin-right: 0; padding: 0; }
}
/* toate rubricile: rânduri scurte cu poza câștigătorului în cerc */
.x4eb8u { display: flex; align-items: center; gap: 12px; min-height: 68px; padding: 8px 4px; border-bottom: 1px solid var(--line); color: var(--text); text-decoration: none; }
.x4eb8u:hover { text-decoration: none; background: var(--surface); }
.xcth6a { display: grid; place-items: center; flex: none; width: 52px; height: 52px; border-radius: 50%; background: #fff; border: 1px solid var(--line); color: var(--primary); overflow: hidden; }
.xcth6a img { width: 40px; height: 40px; object-fit: contain; }