/* ============================================================
   BASTLIK.CZ — Štítky (flags), Doprava zdarma a Cena ve slevě (v5)
   Záhlaví (<style>). K přesunu štítku dopravy k ceně slouží
   samostatný JS bastlik-flags-price-5.js (Zápatí).

   Upravuje POUZE:
   - štítky Akce/Novinka/Bestseller/Výprodej/Sleva (.flags-default .flag)
   - štítek Doprava zdarma (.flag-freeshipping)
   - vzhled ceny při slevě (.price-standard/.price-save/.price-final)
   - skrývá modrý slevový overlay na obrázku (.flags-extra .flag-discount)
   Zbytek šablony nechává být. Prefix proměnných: --bstlfp-.
   ============================================================ */
:root{
  --bstlfp-yellow-bg:#fef9c3;  --bstlfp-yellow-tx:#a16207;
  --bstlfp-green-bg:#f0fdf4;   --bstlfp-green-tx:#16a34a;
  --bstlfp-blue-bg:#f0f7ff;    --bstlfp-blue-tx:#3b82f6;
  --bstlfp-red-bg:#fee2e2;     --bstlfp-red-tx:#dc2626;
  --bstlfp-ship-bg:rgba(156,204,0,.12); --bstlfp-ship-tx:#7aa100;
  --bstlfp-oldprice:#94a3b8;
  --bstlfp-red:#dc2626;
}

/* ============================================================
   1) ŠTÍTKY — Akce / Novinka / Bestseller / Výprodej / Sleva
   ============================================================ */
.flags-default{ gap:6px !important; }         /* projeví se jen když je flex/grid */

.flags-default .flag{
  display:inline-flex !important;
  align-items:center !important;
  width:fit-content;
  padding:5px 9px !important;
  border-radius:5px !important;
  font-size:11px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.3px !important;
  line-height:1 !important;
  /* fallback (přebije i inline background-color:#ff0000) */
  background:#f1f5f9 !important;
  color:#475569 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  border:0 !important;
}

/* barevné varianty */
.flags-default .flag-action{ background:var(--bstlfp-yellow-bg) !important; color:var(--bstlfp-yellow-tx) !important; }
.flags-default .flag-new{    background:var(--bstlfp-green-bg)  !important; color:var(--bstlfp-green-tx)  !important; }
.flags-default .flag-tip{    background:var(--bstlfp-blue-bg)   !important; color:var(--bstlfp-blue-tx)   !important; }
.flags-default .flag-sleva-10,
.flags-default .flag-custom1,
.flags-default .flag-sale,
.flags-default .flag-sellout,
.flags-default .flag-discount{ background:var(--bstlfp-red-bg) !important; color:var(--bstlfp-red-tx) !important; }

/* o něco větší na detailu produktu */
.p-detail .flags-default .flag{
  padding:6px 11px !important;
  font-size:12px !important;
  border-radius:6px !important;
}

/* ============================================================
   2) DOPRAVA ZDARMA — zelený pill s ikonou kamionu
   ============================================================ */
.flag-freeshipping{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  width:fit-content;
  padding:8px 14px !important;
  border-radius:6px !important;
  background:var(--bstlfp-ship-bg) !important;
  color:var(--bstlfp-ship-tx) !important;
  font-size:12px !important;
  font-weight:700 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  line-height:1 !important;
  white-space:nowrap;
  box-shadow:none !important;
  text-shadow:none !important;
  border:0 !important;
}
.flag-freeshipping::before{
  content:"";
  width:16px; height:16px; flex:0 0 16px;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%237aa100' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='3' width='15' height='13'/%3E%3Cpolygon points='16 8 20 8 23 11 23 16 16 16 16 8'/%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'/%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* skryj štítek dopravy všude, kde ho JS nepřesunul (overlay na obrázku,
   Nejprodávanější, Podobné produkty apod.) — ukáže se jen přesunutý */
.flag-freeshipping:not(.bstl-ship-moved){ display:none !important; }

/* DETAIL: přidej do gridu horní řádek "ship" a štítek do něj (nad cenu, plná šířka, vlevo).
   Nastavuji i grid-template-columns, aby oblasti vždy seděly (2 sloupce). */
.p-detail .p-to-cart-block:has(> .flag-freeshipping.bstl-ship-moved){
  grid-template-columns:1fr auto !important;
  grid-template-areas:"ship ship" "price qty" "button button" !important;
}
.p-to-cart-block > .flag-freeshipping.bstl-ship-moved{
  grid-area:ship !important;
  justify-self:start !important;
  align-self:start !important;
  width:fit-content !important;
  max-width:none !important;
  white-space:nowrap !important;
  overflow:visible !important;
  margin:0 !important;
}

/* KATEGORIE: doprava v plnošířkovém řádku NAD cenou, pill vycentrovaný a kompaktní */
.bstl-ship-wrap{
  display:flex !important;
  justify-content:center !important;
  width:100% !important;
  flex:0 0 100% !important;
  margin:0 0 8px 0 !important;
}
.bstl-ship-wrap .flag-freeshipping.bstl-ship-moved{
  display:inline-flex !important;
  width:fit-content !important;
  max-width:100% !important;
  margin:0 !important;
  padding:3px 12px !important;
  font-size:11px !important;
  gap:6px !important;
  white-space:nowrap !important;
  overflow:visible !important;
}
.bstl-ship-wrap .flag-freeshipping.bstl-ship-moved::before{ width:14px; height:14px; flex:0 0 14px; }

/* ============================================================
   3) SKRÝT modrý slevový overlay na obrázku (vpravo dole)
   ============================================================ */
.flags-extra .flag-discount{ display:none !important; }

/* ============================================================
   4) CENA VE SLEVĚ
   ============================================================ */
/* přeškrtnutá původní cena — jemná šedá, menší */
.price-standard,
.price-standard > span{
  color:var(--bstlfp-oldprice) !important;
  text-decoration:line-through !important;
  font-weight:500 !important;
  font-size:13px !important;
}

/* --- DETAIL PRODUKTU: sleva = červený štítek, poskládané pod sebe --- */
.p-detail .p-final-price-wrapper:has(.price-save){
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px 10px !important;
}
.p-detail .p-final-price-wrapper:has(.price-save) .price-standard{ order:1; font-size:14px !important; }
.p-detail .p-final-price-wrapper:has(.price-save) .price-save{
  order:2;
  background:var(--bstlfp-red) !important;
  color:#fff !important;
  font-size:11px !important;
  font-weight:800 !important;
  padding:3px 6px !important;
  border-radius:4px !important;
  line-height:1 !important;
}
.p-detail .p-final-price-wrapper:has(.price-save) .price-final{ order:3; flex:0 0 100%; }
.p-detail .p-final-price-wrapper:has(.price-save) .price-measure{ order:4; flex:0 0 100%; }

/* --- KARTA V KATEGORII: sleva jako jemný červený text --- */
.product .price-save,
.products-block .price-save{
  color:var(--bstlfp-red) !important;
  font-weight:700 !important;
  background:transparent !important;
  padding:0 !important;
}