/* ==========================================================
   МАЈА МЕД · СВЕТЛА ВЕРЗИЈА
   ----------------------------------------------------------
   Се вчитува ПО site.css и ги менува само боите и материјалите.
   Ниту еден распоред не е дуплиран — ако оваа верзија победи,
   пренесувањето е замена на токените во site.css.

   Зошто светло: медот е сонце и ливада. Темните подлоги им
   одат на вискито и на часовниците; на храна ѝ го намалуваат
   апетитот. Етикетата на теглата е топла и светла — страницата
   треба да ѝ одговара.

   Контрастите се измерени, не проценети:
     мастило  #2A1C14 врз хартија  15.02
     пригушено #6B5540             6.39
     акцент   #8A5D06              5.25
     златото НЕ Е за текст (1.71) — само за полнеж.
   ========================================================== */

:root {
  --paper:      #FAF4E6;   /* основната хартија */
  --paper-warm: #F2E8D2;   /* наизменичен топол појас */
  --card:       #FFFDF7;   /* подигната површина */

  --void:  #FAF4E6;
  --pitch: #F2E8D2;
  --soot:  #FFFDF7;

  --ink:      #2A1C14;     /* главен текст */
  --cream:    #2A1C14;     /* тоа што беше светло сега е темно */
  --muted:    #6B5540;
  --accent:   #8A5D06;     /* акцентен ТЕКСТ — минимум 4.5 */

  --gold:   #C9911A;       /* полнеж и линии, не текст */
  --amber:  #E3B841;
  --deep:   #8A5D06;
  --comb:   #C9911A;
  --comb-line: rgba(42, 28, 20, .14);

  --walnut:    var(--card);
  --walnut-hi: #FBF6EA;

  --glass:      rgba(42, 28, 20, .03);
  --glass-line: rgba(42, 28, 20, .13);

  /* На светло, сенката ја прави длабочината — не сјајот. */
  --glow: 0 10px 24px -14px rgba(42, 28, 20, .28);
  --lift: 0 21px 43px -26px rgba(42, 28, 20, .38);
}

html, body { background: var(--paper); color: var(--ink); }

/* Украсите се правени за темна подлога — на хартија само пречат. */
#pollen, .grain, .spot { display: none !important; }

/* Топол сјај горе, како светло што паѓа на маса. */
body::before {
  content: "";
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background:
    radial-gradient(1100px 620px at 50% -10%, rgba(227, 184, 65, .22), transparent 70%),
    radial-gradient(760px 520px at 92% 8%, rgba(201, 145, 26, .10), transparent 70%);
}

::selection { background: rgba(227, 184, 65, .45); color: var(--ink); }

/* ── Заглавје ─────────────────────────────────────────────── */
/* Основната табла го бои заглавјето преку .nav.stuck — мора да
   се погоди истиот селектор, инаку останува темно. */
.nav.stuck {
  background: rgba(250, 244, 230, .86);
  backdrop-filter: blur(16px) saturate(120%);
  border-bottom-color: var(--comb-line);
}
.brand b { color: var(--ink); }
.brand span { color: var(--muted); }
.menu a { color: var(--muted); }
.menu a:hover { color: var(--accent); }

.cart {
  background: var(--card); border: 1px solid var(--comb-line);
  color: var(--ink); box-shadow: 0 3px 10px -6px rgba(42,28,20,.4);
}
.cart .n { background: var(--gold); color: var(--ink); }

.burger span { background: var(--ink); }

/* ── Херој ────────────────────────────────────────────────── */
.title { color: var(--ink); }
/* на хартија златото не е за текст, акцентот држи 5.25 */
.molten { color: var(--accent); }
.eyebrow { color: var(--accent); }
.eyebrow::before { background: linear-gradient(90deg, var(--gold), transparent); }
.deviza { color: var(--accent); }
.deviza::before { background: linear-gradient(90deg, var(--gold), transparent); }
.lede, .head p, .prose p, .prose li { color: var(--muted); }
/* врските во текстот: златно на крем е 2.3:1, акцентот држи AA */
.prose a:not(.btn), .crumbs a { color: var(--accent); }
/* врска во текст не смее да се разликува само по боја */
.prose a:not(.btn), .crumbs a, main p a:not(.btn) { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; }
.trust li { color: var(--ink); }
.trust li::before { color: var(--gold); }

.scrollcue { color: var(--muted); }
.scrollcue i { background: linear-gradient(var(--gold), transparent); }

.herojar img { box-shadow: 0 34px 70px -34px rgba(42, 28, 20, .5); }

/* ── Секции ───────────────────────────────────────────────── */
.band--warm {
  background: var(--paper-warm);
  border-block: 1px solid var(--comb-line);
}
h2, h3, h4, .head h2 { color: var(--ink); }
.hexrule i { background: var(--gold); opacity: .5; }

/* ── Картички ─────────────────────────────────────────────── */
.card, .metric, .form {
  background: var(--card);
  border: 1px solid var(--comb-line);
  box-shadow: 0 2px 4px -2px rgba(42,28,20,.10), 0 13px 34px -21px rgba(42,28,20,.30);
}
.card:hover {
  border-color: rgba(201, 145, 26, .55);
  box-shadow: 0 5px 10px -4px rgba(42,28,20,.12), 0 26px 55px -26px rgba(42,28,20,.40);
}
.card .byline { color: var(--accent); }
.card .note { color: var(--muted); }
.price, .price.num { color: var(--ink); }
.card .wt { color: var(--muted); }
.metric b { color: var(--ink); }
.metric span { color: var(--muted); }

/* Саќето на светло треба потемна линија за да се види воопшто. */
.form, .foot {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill='none' stroke='%232A1C14' stroke-opacity='.07' stroke-width='1'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5z'/%3E%3Cpath d='M-1 24.5l13 7.5v15l-13 7.5L-14 47v-15l13-7.5z'/%3E%3Cpath d='M27 24.5l13 7.5v15l-13 7.5L14 47v-15l13-7.5z'/%3E%3C/g%3E%3C/svg%3E");
}
.form { background-color: var(--card); }

/* ── Копчиња ──────────────────────────────────────────────── */
.btn-gold {
  background: linear-gradient(135deg, #E3B841, #C9911A);
  color: #2A1C14;
  box-shadow: 0 8px 18px -12px rgba(42, 28, 20, .45);
}
.btn-gold:hover { box-shadow: 0 12px 24px -14px rgba(42, 28, 20, .5); }
.btn-wire {
  border-color: rgba(42, 28, 20, .28); color: var(--ink);
  background: rgba(255, 253, 247, .7); backdrop-filter: blur(6px);
}
.btn-wire:hover { border-color: var(--gold); background: var(--card); box-shadow: var(--glow); }
.add {
  border-color: rgba(42, 28, 20, .22); color: var(--ink); background: transparent;
}
.add:hover { border-color: var(--gold); background: rgba(227, 184, 65, .14); }
.add[disabled] { color: var(--muted); border-color: var(--comb-line); }

/* ── Чекори и ознаки ──────────────────────────────────────── */
.stepx .n { background: var(--gold); color: var(--ink); }
.stepx h3 { color: var(--ink); }
.stepx p { color: var(--muted); }
.tag { background: var(--gold); color: var(--ink); }

/* ── Плаќање при испорака ─────────────────────────────────── */
.paynote {
  background: rgba(23, 128, 61, .09);
  border: 1px solid rgba(23, 128, 61, .30);
}
.paynote b { color: #15803D; }
.paynote p { color: var(--muted); }
:root { --good: #17803D; --good-deep: #126430; }

/* ── Галерија ─────────────────────────────────────────────── */
/* На хартија фотографиите треба да се СВЕТЛИ и апетитни,
   не потемнети како на темна подлога. */
.gallery img { filter: saturate(1.04) brightness(1.02) !important; }
.gallery figure { box-shadow: var(--lift); border: 1px solid var(--comb-line); }
.gallery figure::after {
  background: linear-gradient(to top, rgba(42, 28, 20, .55), transparent 55%) !important;
  opacity: 1 !important;
}
.gallery figcaption { color: #FFFDF7; text-shadow: 0 1px 3px rgba(0,0,0,.5); }

/* ── Кошничка и мени ──────────────────────────────────────── */
.drawer, .mobnav { background: var(--card); border-left: 1px solid var(--comb-line); }
.drawer h3, .mobnav nav a { color: var(--ink); }
.dline { border-bottom: 1px solid var(--comb-line); }
.dline h4 { color: var(--ink); }
.dline .v, .empty, .nudge { color: var(--muted); }
.qty button { border: 1px solid var(--comb-line); color: var(--ink); }
.qty button:hover { border-color: var(--gold); background: rgba(227,184,65,.16); }
.xbtn { border-color: var(--comb-line); color: var(--ink); }
.scrim { background: rgba(42, 28, 20, .38); }

/* ── Подножје — темно сидро ───────────────────────────────── */
/* Етикетата е темно дрво со кремаст текст. Подножјето го
   повторува тоа и ѝ дава крај на страницата. */
.foot {
  background-color: #2A1C14;
  border-top: 1px solid rgba(227, 184, 65, .22);
  color: #F3E6CB;
}
.foot h3 { color: #C9A46A; }
.foot a { color: #F3E6CB; }
.foot a:hover { color: var(--amber); }
.foot .blurb, .footnote { color: #B79B74; }

/* ── Прелоадер и порака ───────────────────────────────────── */
.preloader { background: var(--paper); }
.preloader p { color: var(--muted); }
.preloader .cell { stroke: var(--gold); }
.toast { background: #2A1C14; color: #FFF4DE; }

/* ── Фокус ────────────────────────────────────────────────── */
:focus-visible { outline: 2px solid #8A5D06; outline-offset: 4px; }

/* ── Лента за напредок и странична навигација ─────────────── */
.progress { background: linear-gradient(90deg, var(--gold), var(--amber)); }
.sideindex .dot { background: rgba(42, 28, 20, .22); }
.sideindex a.on .dot { background: var(--gold); }
.sideindex .lbl { color: var(--muted); }


/* ── Контраст што недостасуваше (мерено 2026-09-21) ──────── */
/* Долниот ред во подножјето беше пригушено-кафено врз орев (~2.5). */
.colophon { color: #B79B74; border-top-color: rgba(227, 184, 65, .22); }
/* Дното на кошничката беше црно .24 врз крем = сиво #C2C0BC,
   па збирот во злато паѓаше на 1.5. */
.dfoot { background: var(--paper-warm); border-top-color: var(--comb-line); }
.drow.total { color: var(--ink); }
.drow.total b { color: var(--ink); }

/* ── Покажувач на светла подлога ─────────────────────────── */
/* Бледо-златниот прстен (.45) од темната верзија речиси не се
   гледа врз крем. Истата боја како акцентниот текст. */
.cur-ring { border-color: rgba(138, 93, 6, .5); }
.cur-ring.hot { border-color: var(--accent); background: rgba(201, 145, 26, .12); }