/* SmokyPellets – tisk a sdílení receptu v2.0
   Soubor ukládejte v kódování UTF-8. */

.sp-recipe{--sp-accent:#d65a1f;--sp-accent-dark:#b74616;--sp-ink:#292929;--sp-cream:#f6f2eb;--sp-line:#e8dfd2;--sp-muted:#6b635a}

/* ---------- Lišta nástrojů ---------- */
.sp-recipe-tools{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;margin:0 0 28px;padding:14px 14px 14px 18px;background:#fff;border:1px solid var(--sp-line);border-radius:14px;box-shadow:0 1px 2px rgba(41,41,41,.04),0 6px 20px -12px rgba(41,41,41,.18);font-family:inherit;line-height:1.3}
.sp-recipe-tools__intro{display:flex;align-items:center;gap:12px;min-width:0}
.sp-recipe-tools__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#fbe9dd;color:var(--sp-accent)}
.sp-recipe-tools__icon svg{width:22px;height:22px}
.sp-recipe-tools__text{margin:0!important;font-size:14px;line-height:1.35;color:var(--sp-muted)}
.sp-recipe-tools__text strong{display:block;margin-bottom:1px;color:var(--sp-ink);font-size:16px;font-weight:800}
.sp-recipe-tools__actions{display:flex;flex-wrap:wrap;gap:10px}

/* ---------- Tlačítka ---------- */
.sp-recipe-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:0;padding:10px 18px;border:2px solid var(--sp-accent);border-radius:10px;background:var(--sp-accent);color:#fff;font-family:inherit;font-size:15px;font-weight:800;line-height:1.2;letter-spacing:.01em;text-decoration:none;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}
.sp-recipe-action svg{flex:0 0 18px;width:18px;height:18px}
.sp-recipe-action:hover{background:var(--sp-accent-dark);border-color:var(--sp-accent-dark);color:#fff;transform:translateY(-1px);box-shadow:0 6px 14px -8px rgba(214,90,31,.8)}
.sp-recipe-action:active{transform:translateY(0)}
.sp-recipe-action:focus-visible,.sp-recipe-share-menu__item:focus-visible,.sp-recipe-cta__btn:focus-visible{outline:3px solid rgba(214,90,31,.4);outline-offset:2px}
.sp-recipe-action--share{background:#fff;border-color:var(--sp-ink);color:var(--sp-ink)}
.sp-recipe-action--share:hover,.sp-recipe-action--share[aria-expanded="true"]{background:var(--sp-ink);border-color:var(--sp-ink);color:#fff;box-shadow:0 6px 14px -8px rgba(41,41,41,.8)}

/* ---------- Menu sdílení ---------- */
.sp-recipe-share{position:relative}
.sp-recipe-share-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:50;width:260px;padding:8px;background:#fff;border:1px solid var(--sp-line);border-radius:14px;box-shadow:0 18px 40px -12px rgba(41,41,41,.35);animation:sp-pop .14s ease-out}
.sp-recipe-share-menu[hidden]{display:none}
.sp-recipe-share-menu__title{margin:4px 8px 6px!important;color:var(--sp-muted);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sp-recipe-share-menu__item{display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:9px 10px;border:0;border-radius:9px;background:none;color:var(--sp-ink)!important;font-family:inherit;font-size:15px;font-weight:700;line-height:1.2;text-align:left;text-decoration:none!important;cursor:pointer}
.sp-recipe-share-menu__item:hover{background:var(--sp-cream)}
.sp-recipe-share-menu__ico{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;border-radius:8px;background:var(--sp-cream);color:var(--sp-ink)}
.sp-recipe-share-menu__ico svg{width:17px;height:17px}
.sp-recipe-share-menu__item--facebook .sp-recipe-share-menu__ico{background:#e7effd;color:#1877f2}
.sp-recipe-share-menu__item--whatsapp .sp-recipe-share-menu__ico{background:#e2f7ea;color:#1a9e4b}
.sp-recipe-share-menu__item--copy .sp-recipe-share-menu__ico{background:#fbe9dd;color:var(--sp-accent)}
.sp-recipe-share-menu__field{display:block;margin:6px 4px 4px;padding-top:8px;border-top:1px solid var(--sp-line)}
.sp-recipe-share-menu__field input{display:block;width:100%;box-sizing:border-box;margin:0;padding:8px 10px;border:1px solid var(--sp-line);border-radius:8px;background:#faf8f4;color:var(--sp-muted);font:inherit;font-size:13px}
@keyframes sp-pop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* ---------- Toast ---------- */
.sp-recipe-toast{position:fixed;left:50%;bottom:24px;z-index:9999;display:flex;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:12px 18px;border-radius:999px;background:#292929;color:#fff;font-family:inherit;font-size:15px;font-weight:700;line-height:1.3;box-shadow:0 12px 30px -10px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translate(-50%,12px);transition:opacity .2s ease,transform .2s ease,visibility .2s}
.sp-recipe-toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
.sp-recipe-toast svg{flex:0 0 18px;width:18px;height:18px;color:#8fd16a}

/* ---------- Blok s QR kódem / e-shopem ---------- */
.sp-recipe-qr{position:relative;display:flex;align-items:center;gap:26px;margin:40px 0 12px;padding:26px 28px;overflow:hidden;border-radius:16px;background:#232323;background-image:radial-gradient(circle at 100% 0,rgba(214,90,31,.35),rgba(214,90,31,0) 55%);color:#fff;line-height:1.5}
.sp-recipe-qr__code{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:8px;margin:0}
.sp-recipe-qr-code{display:block;width:124px;height:124px;padding:8px;box-sizing:content-box;background:#fff;border-radius:10px}
.sp-recipe-qr__code figcaption{color:rgba(255,255,255,.65);font-size:12px;font-weight:700;letter-spacing:.04em}
.sp-recipe-qr__body{min-width:0}
.sp-recipe-qr__eyebrow{margin:0 0 4px!important;color:#f3a447;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.sp-recipe-qr__title{margin:0 0 6px!important;color:#fff;font-size:23px;font-weight:800;line-height:1.2}
.sp-recipe-qr__text{margin:0 0 16px!important;color:rgba(255,255,255,.85);font-size:16px}
.sp-recipe-qr .sp-recipe-cta__btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:10px;background:var(--sp-accent);color:#fff!important;font-size:15px;font-weight:800;line-height:1.2;text-decoration:none!important;transition:background-color .15s ease,transform .15s ease}
.sp-recipe-qr .sp-recipe-cta__btn:hover{background:#e8732f;transform:translateY(-1px)}
.sp-recipe-cta__btn svg{width:18px;height:18px;transition:transform .15s ease}
.sp-recipe-cta__btn:hover svg{transform:translateX(3px)}
.sp-recipe-print-only,.sp-recipe-print-title{display:none}

/* ---------- Mobil ---------- */
@media (max-width:600px){
  .sp-recipe-tools{padding:14px}
  .sp-recipe-tools__actions,.sp-recipe-share{width:100%}
  .sp-recipe-tools__actions{display:grid;grid-template-columns:1fr 1fr}
  .sp-recipe-action{width:100%;padding:10px 12px}
  .sp-recipe-share-menu{left:auto;right:0;width:min(280px,calc(100vw - 48px))}
  .sp-recipe-qr{padding:24px 22px}
  .sp-recipe-qr__code{display:none}
  .sp-recipe-qr__title{font-size:20px}
}
@media (max-width:360px){.sp-recipe-tools__actions{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.sp-recipe-action,.sp-recipe-toast,.sp-recipe-cta__btn,.sp-recipe-cta__btn svg{transition:none}.sp-recipe-share-menu{animation:none}}

/* ---------- Tisk ---------- */
@media print{
  @page{size:A4;margin:13mm}
  body *{visibility:hidden!important}
  .sp-recipe,.sp-recipe *{visibility:visible!important}
  .sp-recipe{position:absolute!important;inset:0 auto auto 0!important;width:100%!important;max-width:none!important;color:#111!important;font-size:10.5pt!important;line-height:1.42!important}
  .sp-recipe-tools,.sp-recipe-toast,.sp-recipe-cta__btn,.sp-recipe-screen-only{display:none!important}
  .sp-recipe-print-only{display:inline!important}
  .sp-recipe-print-title{display:block!important;margin:0 0 7mm!important;padding:0 0 4mm!important;border-bottom:3px solid #d65a1f!important;color:#292929!important;font-size:23pt!important;line-height:1.18!important}
  .sp-recipe h2{margin:7mm 0 3mm!important;color:#292929!important;font-size:16pt!important;break-after:avoid-page!important}
  .sp-recipe h3{break-after:avoid-page!important}
  .sp-recipe img{max-width:100%!important;height:auto!important;break-inside:avoid-page!important}
  .sp-recipe li,.sp-recipe p,.sp-recipe div{orphans:3;widows:3}
  .sp-recipe-qr{display:flex!important;gap:6mm!important;break-inside:avoid-page!important;margin-top:8mm!important;padding:5mm!important;background:#fff!important;color:#292929!important;border:1px solid #999!important;border-radius:3mm!important}
  .sp-recipe-qr__code{display:flex!important}
  .sp-recipe-qr__code figcaption{display:none!important}
  .sp-recipe-qr-code{width:28mm!important;height:28mm!important;padding:0!important}
  .sp-recipe-qr__eyebrow{color:#d65a1f!important}
  .sp-recipe-qr__title{color:#292929!important;font-size:15pt!important}
  .sp-recipe-qr__text{margin:0!important;color:#292929!important;font-size:10.5pt!important}
}