/* ============================================
   VŠE O NÁKUPU — redesign karet s ikonami
   Barvy: #239ceb (modrá), #f6f6f6 (světle šedá)
   ============================================ */

/* Mezera mezi kartami horizontálně */
.in-vse-o-nakupu .news-wrapper {
  column-gap: 16px;
}

/* Karta — vyšší specificita přebije Shoptet styly */
.in-vse-o-nakupu .news-wrapper .news-item {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 16px;
  background: #f6f6f6;
  border-radius: 8px;
  padding: 20px;
  transition: box-shadow 0.2s ease;
  box-sizing: border-box;
  flex: 0 1 calc(33.333% - 11px);
  min-width: 0;
}

.in-vse-o-nakupu .news-wrapper .news-item:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* Skrýt obrázek, popis a odkaz "Celý článek" */
.in-vse-o-nakupu .news-item .image,
.in-vse-o-nakupu .news-item p,
.in-vse-o-nakupu .news-item .cely-clanek {
  display: none !important;
}

/* Ikona — margin: auto 0 centruje vertikálně i když Shoptet přepíše align-items */
.in-vse-o-nakupu .news-item::before {
  content: '';
  display: block;
  width: 44px;
  height: 44px;
  min-width: 44px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  align-self: center;
  margin-top: auto !important;
  margin-bottom: auto !important;
  flex-shrink: 0;
}

/* Text — bílé pozadí pro lepší čitelnost, margin: auto centruje vertikálně */
.in-vse-o-nakupu .news-item .text {
  display: block !important;
  width: 100%;
  align-self: center;
  margin-top: auto !important;
  margin-bottom: auto !important;
  background: #ffffff;
  padding: 8px 14px;
  border-radius: 6px;
}

/* Nadpis — modrý, podtržený, větší o 20 % (15px › 18px) */
.in-vse-o-nakupu .news-item .title {
  font-size: 18px !important;
  font-weight: 600;
  color: #239ceb !important;
  text-decoration: underline !important;
  text-align: left !important;
  display: block;
  width: 100%;
}

/* Hover — stejná modrá, bez podtržení */
.in-vse-o-nakupu .news-item .title:hover {
  color: #239ceb !important;
  text-decoration: none !important;
}


/* ============================================
   IKONY — SVG inline přes CSS data URI
   ============================================ */

/* Doprava a platba ČR — kamion */
.in-vse-o-nakupu .news-item:has(a[href*="doprava-a-platba/"])::before {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24' fill='none' stroke='%23239ceb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M7 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'/><path d='M17 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'/><path d='M5 17h-2v-11a1 1 0 0 1 1 -1h9v12m-4 0h6m4 0h2v-6h-8m0 -5h4.5l1.5 5'/></svg>");
}

/* Doprava a platba Slovensko — kamion */
.in-vse-o-nakupu .news-item:has(a[href*="doprava-a-platba-slovensko"])::before {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24' fill='none' stroke='%23239ceb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M7 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'/><path d='M17 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'/><path d='M5 17h-2v-11a1 1 0 0 1 1 -1h9v12m-4 0h6m4 0h2v-6h-8m0 -5h4.5l1.5 5'/></svg>");
}

/* Klubové slevy — procento */
.in-vse-o-nakupu .news-item:has(a[href*="klubove-slevy"])::before {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24' fill='none' stroke='%23239ceb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M17 7l-10 10'/><path d='M7 8m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'/><path d='M16 17m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'/></svg>");
}

/* Kontakty — telefon */
.in-vse-o-nakupu .news-item:has(a[href*="kontakty"])::before {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24' fill='none' stroke='%23239ceb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2'/></svg>");
}

/* Obchodní podmínky — dokument */
.in-vse-o-nakupu .news-item:has(a[href*="obchodni-podminky"])::before {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24' fill='none' stroke='%23239ceb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M14 3v4a1 1 0 0 0 1 1h4'/><path d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z'/><line x1='9' y1='9' x2='10' y2='9'/><line x1='9' y1='13' x2='15' y2='13'/><line x1='9' y1='17' x2='15' y2='17'/></svg>");
}

/* Ochrana osobních údajů — štít */
.in-vse-o-nakupu .news-item:has(a[href*="ochrana-osobnich-udaju"])::before {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24' fill='none' stroke='%23239ceb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3'/><path d='M12 11m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'/><line x1='12' y1='12' x2='12' y2='14.5'/></svg>");
}

/* Proč nakupovat u nás — palec nahoru */
.in-vse-o-nakupu .news-item:has(a[href*="proc-nakupovat"])::before {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24' fill='none' stroke='%23239ceb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M7 11v8a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1h3a4 4 0 0 0 4 -4v-1a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1 -2 2h-7a3 3 0 0 1 -3 -3'/></svg>");
}

/* Výdejní místo Vratimov — mapový špendlík */
.in-vse-o-nakupu .news-item:has(a[href*="prodejna-ostrava"])::before {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24' fill='none' stroke='%23239ceb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M9 11a3 3 0 1 0 6 0a3 3 0 0 0 -6 0'/><path d='M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0z'/></svg>");
}

/* Výměna a vrácení zboží — šipky */
.in-vse-o-nakupu .news-item:has(a[href*="vymena-a-vraceni"])::before {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24' fill='none' stroke='%23239ceb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M7 10h14l-4 -4'/><path d='M17 14h-14l4 4'/></svg>");
}