/**
 * OzFees — box s odhadem doručení na detailu produktu. Jedna struktura, 4 vzhledy
 * přepínané přes [data-variant=A|B|C|F] a stav [data-state=in|order].
 * Barvy skladem z --ozf-accent, na objednávku jantarová.
 *
 * @author smatab.cz
 */
.ozd-host { margin: 14px 0; }
.ozd-box, .ozd-box * { box-sizing: border-box; }
.ozd-box {
  --in: var(--ozf-accent, #84b517);
  --in-d: var(--ozf-accent-dark, #50730D);
  --am: #e58a12; --am-d: #b45309;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #1f2937; line-height: 1.4;
}
.ozd-row { display: flex; align-items: flex-start; gap: 12px; }
.ozd-ico { position: relative; flex: 0 0 auto; width: 42px; height: 42px; border-radius: 11px; display: flex; align-items: center; justify-content: center; color: #fff; box-shadow: 0 3px 8px rgba(16,24,40,.14); }
.ozd-ico svg { width: 23px; height: 23px; display: block; }
.ozd-ico .ozd-dot { position: absolute; top: -3px; right: -3px; width: 11px; height: 11px; border-radius: 50%; border: 2.5px solid #fff; }
.ozd-body { flex: 1 1 auto; min-width: 0; }
.ozd-badge { font-size: 11px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; padding: 2px 9px; border-radius: 20px; }
.ozd-date { font-weight: 800; white-space: nowrap; }
.ozd-main { margin: 0; font-size: 15px; line-height: 1.35; font-weight: 500; word-break: break-word; }
.ozd-main b { font-weight: 800; }
.ozd-sub { margin: 3px 0 0; font-size: 12.5px; line-height: 1.4; color: #6b7280; word-break: break-word; }
.ozd-sub b { font-weight: 700; color: inherit; }
.ozd-foot { display: flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 600; }
.ozd-foot svg { width: 15px; height: 15px; flex: 0 0 auto; }
.ozd-foot b { font-weight: 800; }

/* barvy dle stavu */
.ozd-box[data-state="in"] .ozd-ico { background: linear-gradient(135deg, #8fbf1f, #6d9a13); }
.ozd-box[data-state="in"] .ozd-dot { background: var(--in); }
.ozd-box[data-state="in"] .ozd-badge { background: rgba(132,181,23,.15); color: var(--in-d); }
.ozd-box[data-state="in"] .ozd-date, .ozd-box[data-state="in"] .ozd-main b { color: var(--in-d); }
.ozd-box[data-state="in"] .ozd-foot { color: var(--in-d); }
.ozd-box[data-state="order"] .ozd-ico { background: linear-gradient(135deg, #f0a020, #e07d12); }
.ozd-box[data-state="order"] .ozd-dot { background: var(--am); }
.ozd-box[data-state="order"] .ozd-badge { background: rgba(229,138,18,.15); color: var(--am-d); }
.ozd-box[data-state="order"] .ozd-date, .ozd-box[data-state="order"] .ozd-main b { color: var(--am-d); }
.ozd-box[data-state="order"] .ozd-foot { color: var(--am-d); }

/* výchozí schované prvky — jednotlivé varianty je zapnou */
.ozd-badge, .ozd-date, .ozd-dot { display: none; }

/* ===== Varianta A – zvýrazněný pruh ===== */
.ozd-box[data-variant="A"] { border-radius: 12px; overflow: hidden; border: 1px solid; box-shadow: 0 1px 2px rgba(16,24,40,.04); }
.ozd-box[data-variant="A"][data-state="in"] { background: linear-gradient(180deg, #f5faea, #fbfdf4); border-color: rgba(132,181,23,.34); }
.ozd-box[data-variant="A"][data-state="order"] { background: linear-gradient(180deg, #fff7ec, #fffdf8); border-color: rgba(229,138,18,.32); }
.ozd-box[data-variant="A"] .ozd-row { padding: 13px 14px; }
.ozd-box[data-variant="A"] .ozd-dot { display: block; }
.ozd-box[data-variant="A"] .ozd-main { font-weight: 600; }
.ozd-box[data-variant="A"] .ozd-foot { padding: 9px 14px; border-top: 1px solid rgba(132,181,23,.22); background: rgba(132,181,23,.10); }

/* ===== Varianta B – karta s velkým datem ===== */
.ozd-box[data-variant="B"] { border: 1px solid #e5e7eb; border-radius: 12px; padding: 14px; box-shadow: 0 1px 3px rgba(0,0,0,.05); }
.ozd-box[data-variant="B"] .ozd-ico { display: none; }
.ozd-box[data-variant="B"] .ozd-badge { display: inline-block; margin-bottom: 7px; }
.ozd-box[data-variant="B"] .ozd-date { display: block; font-size: clamp(22px, 5vw, 29px); line-height: 1.1; margin-bottom: 4px; letter-spacing: -.5px; }
.ozd-box[data-variant="B"] .ozd-main { font-size: 14px; color: #374151; font-weight: 500; }
.ozd-box[data-variant="B"] .ozd-foot { margin-top: 11px; padding-top: 10px; border-top: 1px solid #eef2f7; }

/* ===== Varianta C – kompaktní řádek ===== */
.ozd-box[data-variant="C"] .ozd-row { align-items: center; gap: 9px; }
.ozd-box[data-variant="C"] .ozd-ico { width: 30px; height: 30px; border-radius: 8px; box-shadow: none; }
.ozd-box[data-variant="C"] .ozd-ico svg { width: 17px; height: 17px; }
.ozd-box[data-variant="C"] .ozd-main { font-size: 14px; }
.ozd-box[data-variant="C"] .ozd-sub { display: none; }
.ozd-box[data-variant="C"] .ozd-foot { display: none; }

/* ===== Varianta F – finál (doporučený) ===== */
.ozd-box[data-variant="F"] { position: relative; border: 1px solid; border-radius: 12px; overflow: hidden; }
.ozd-box[data-variant="F"][data-state="in"] { background: #fbfdf4; border-color: rgba(132,181,23,.34); }
.ozd-box[data-variant="F"][data-state="order"] { background: #fffdf8; border-color: rgba(229,138,18,.32); }
.ozd-box[data-variant="F"]::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; }
.ozd-box[data-variant="F"][data-state="in"]::before { background: var(--in); }
.ozd-box[data-variant="F"][data-state="order"]::before { background: var(--am); }
.ozd-box[data-variant="F"] .ozd-row { padding: 13px 14px 13px 16px; }
.ozd-box[data-variant="F"] .ozd-badge { display: inline-block; margin-bottom: 4px; }
.ozd-box[data-variant="F"] .ozd-dot { display: block; }
.ozd-box[data-variant="F"] .ozd-main { font-weight: 700; }
.ozd-box[data-variant="F"] .ozd-foot { padding: 9px 14px 9px 16px; border-top: 1px solid rgba(132,181,23,.2); background: rgba(132,181,23,.08); }
.ozd-box[data-variant="F"][data-state="order"] .ozd-foot { display: none; }

@media (max-width: 480px) {
  .ozd-box .ozd-main { font-size: 14px; }
  .ozd-box .ozd-ico { width: 38px; height: 38px; }
  .ozd-box .ozd-ico svg { width: 21px; height: 21px; }
}