/* ═══════════════════════════════════════════════════════════════════
   trikito-dekujeme-2.css — děkovná stránka po objednávce (SVĚTLO)
   Scope: body.in-dekujeme (POZOR: ordering-process sdílí s košíkem
   a checkoutem — nikdy nescopovat jen na ordering-process!).
   Plátno #FCF8F6 a šířku dodává trikito-objednavka-11.css.
   Recenzní blok staví trikito-dekujeme-1.js.
   Pasti: homepage-1 globální .btn.btn-primary (#111/#FFD21E!important,
   radius 16!important) → CTA přes #content-wrapper + !important.
   ═══════════════════════════════════════════════════════════════════ */

/* v2: nativní .content-inner má BÍLÉ pozadí → na plátně #FCF8F6 dělal
   bílý slab přes celou výšku (vypadalo jako bug). Zprůhlednit celou
   cestu — plátno drží body z objednavka-11. */
body.in-dekujeme #content-wrapper,
body.in-dekujeme #content-wrapper .content-wrapper-in,
body.in-dekujeme #content-wrapper main#content,
body.in-dekujeme #content-wrapper .content-inner{
  background:transparent!important;box-shadow:none!important}
body.in-dekujeme #content-wrapper .content-inner{
  max-width:720px;margin:0 auto;padding:clamp(8px,2vw,18px) 0 44px;
  font-family:'Grift',-apple-system,system-ui,sans-serif}

/* ── nadpis + číslo ── */
body.in-dekujeme #content-wrapper h1.order-summary-heading{
  font-family:'Grift',-apple-system,system-ui,sans-serif!important;font-weight:800;
  font-size:clamp(28px,3.4vw,38px);letter-spacing:-.02em;line-height:1.1;
  color:#1B1513;text-transform:none;text-align:center;margin:14px 0 4px}
body.in-dekujeme #content-wrapper h1.order-summary-heading::after{
  content:"";display:block;width:48px;height:5px;border-radius:3px;
  background:#C51A11;margin:12px auto 0}
body.in-dekujeme #content-wrapper .reca-number{
  text-align:center;font-size:14.5px;color:rgba(27,21,19,.62);margin:10px 0 26px}
body.in-dekujeme #content-wrapper .reca-number strong{
  color:#1B1513;font-weight:800;font-size:16px}

/* ── karty rekapitulace ── */
body.in-dekujeme #content-wrapper .co-box{
  background:#fff;border-radius:16px;padding:22px 26px;margin:0 0 16px;
  box-shadow:0 0 0 1px rgba(27,21,19,.10),0 18px 48px rgba(27,21,19,.06)}
body.in-dekujeme #content-wrapper h4.order-icon{
  font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(27,21,19,.62);margin:0 0 12px;padding:0;
  background:none!important}
body.in-dekujeme #content-wrapper h4.order-icon::before,
body.in-dekujeme #content-wrapper h4.order-icon::after{content:none!important}

body.in-dekujeme #content-wrapper .recapitulation-table{width:100%;font-size:14.5px}
body.in-dekujeme #content-wrapper .recapitulation-table th{
  font-weight:500;color:rgba(27,21,19,.62);text-align:left;padding:9px 0;border:0}
body.in-dekujeme #content-wrapper .recapitulation-table td{
  text-align:right;font-weight:700;color:#1B1513;padding:9px 0;border:0}
body.in-dekujeme #content-wrapper .recapitulation-table tr + tr th,
body.in-dekujeme #content-wrapper .recapitulation-table tr + tr td{
  border-top:1px solid rgba(27,21,19,.08)}

body.in-dekujeme #content-wrapper .cart-table{width:100%;font-size:14.5px}
body.in-dekujeme #content-wrapper .cart-table td{
  padding:10px 8px;border:0;vertical-align:middle}
body.in-dekujeme #content-wrapper .cart-table tr + tr td{
  border-top:1px solid rgba(27,21,19,.08)}
body.in-dekujeme #content-wrapper .cart-table .cart-p-image img{
  border-radius:10px;background:#F4F1EA}
body.in-dekujeme #content-wrapper .cart-table .p-name{font-weight:700}
body.in-dekujeme #content-wrapper .cart-table .p-price{
  text-align:right;font-weight:800;white-space:nowrap}
body.in-dekujeme #content-wrapper .cart-table .p-quantity{
  color:rgba(27,21,19,.62);white-space:nowrap}

/* ── závěr ── */
body.in-dekujeme #content-wrapper .order-summary-item.total{
  text-align:center;font-size:14.5px;color:rgba(27,21,19,.62);margin:20px 0 2px}
body.in-dekujeme #content-wrapper .order-summary-item.summary-thx{
  text-align:center;font-family:'Grift',-apple-system,system-ui,sans-serif;
  font-weight:800;font-size:20px;color:#1B1513;margin:2px 0 22px}

/* ── recenzní blok (staví JS) ── */
body.in-dekujeme #content-wrapper .tk-dek-rec{
  background:#1B1513;border-radius:16px;padding:clamp(24px,3.4vw,34px);
  text-align:center;margin:0 0 22px}
body.in-dekujeme #content-wrapper .tk-dek-rec-t{
  font-family:'Grift',-apple-system,system-ui,sans-serif;font-weight:800;
  font-size:clamp(20px,2.4vw,25px);letter-spacing:-.01em;color:#fff;margin:0 0 8px}
body.in-dekujeme #content-wrapper .tk-dek-rec-p{
  font-size:15px;line-height:1.55;color:rgba(255,255,255,.75);
  max-width:46ch;margin:0 auto 18px}
body.in-dekujeme #content-wrapper .tk-dek-rec-btns{
  display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
body.in-dekujeme #content-wrapper .tk-dek-cta{
  display:inline-flex;align-items:center;gap:10px;
  background:#fff!important;color:#1B1513!important;
  border-radius:16px!important;border:0!important;padding:14px 26px;
  font-size:14.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  text-decoration:none!important;
  font-family:'Grift',-apple-system,system-ui,sans-serif;
  transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1)}
body.in-dekujeme #content-wrapper .tk-dek-cta:hover{
  background:#fff!important;color:#1B1513!important;
  transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.35)}
body.in-dekujeme #content-wrapper .tk-dek-cta .sip{
  transition:transform .2s cubic-bezier(.16,1,.3,1)}
body.in-dekujeme #content-wrapper .tk-dek-cta:hover .sip{transform:translateX(3px)}
body.in-dekujeme #content-wrapper .tk-dek-cta--ghost{
  background:transparent!important;color:#fff!important;
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45);
  text-transform:none;letter-spacing:0}
body.in-dekujeme #content-wrapper .tk-dek-cta--ghost:hover{
  background:transparent!important;color:#fff!important;
  transform:none;box-shadow:inset 0 0 0 2px #fff}

/* ── odkazy pod tím ── */
body.in-dekujeme #content-wrapper .order-complete-links{text-align:center}
body.in-dekujeme #content-wrapper .order-complete-links .btn.btn-primary{
  display:inline-flex;align-items:center;
  background:#1B1513!important;color:#fff!important;
  border-radius:16px!important;border:0!important;padding:15px 30px;
  font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  text-decoration:none!important;
  font-family:'Grift',-apple-system,system-ui,sans-serif;
  transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1)}
body.in-dekujeme #content-wrapper .order-complete-links .btn.btn-primary:hover{
  background:#1B1513!important;color:#fff!important;
  transform:translateY(-1px);box-shadow:0 6px 16px rgba(27,21,19,.22)}
body.in-dekujeme #content-wrapper .order-complete-links p:last-child{
  font-size:13.5px;color:rgba(27,21,19,.55);margin-top:10px}
body.in-dekujeme #content-wrapper .order-complete-links p:last-child a{
  color:rgba(27,21,19,.62);text-decoration:underline;text-underline-offset:3px}
body.in-dekujeme #content-wrapper .order-complete-links p:last-child a:hover{color:#1B1513}

@media (max-width:640px){
  body.in-dekujeme #content-wrapper .co-box{padding:18px 16px}
  body.in-dekujeme #content-wrapper .tk-dek-rec-btns{flex-direction:column;gap:10px}
  body.in-dekujeme #content-wrapper .tk-dek-cta{width:100%;justify-content:center}
  body.in-dekujeme #content-wrapper .cart-table .cart-p-image img{width:64px;height:64px}
}