/* =====================================================================
   AURI.sk – DOPRAVA A PLATBA v2.2
   Súbor: /user/documents/auri-doprava-platba.css
   Základný vzhľad (písmo, nadpisy, V skratke, FAQ, záver) berie stránka
   z auri-blog.css, rovnako ako články. Tento súbor iba:
   1) zúži stránku na šírku článkov, 2) pridá zlaté ikonky,
   3) vytvorí zoznam dopravcov a platieb, 4) zvýrazní žlté DOPLNIŤ.
   Platí iba vnútri #auri-doprava-platba. Pri zmene textov a cien
   ho netreba meniť.

   IKONKY – trieda, ktorú dáš riadku alebo položke:
   adp-ico-truck (kamión)   adp-ico-gift (darček)   adp-ico-heart (srdce)
   adp-ico-clock (hodiny)   adp-ico-box (balík)     adp-ico-pin (výdajné miesto)
   adp-ico-store (obchod)   adp-ico-home (domov)    adp-ico-card (karta)
   adp-ico-bank (banka)     adp-ico-cash (hotovosť) adp-ico-mail (e-mail)
   adp-ico-phone (telefón)  adp-ico-wallet (peňaženka)
   ===================================================================== */

/* 1. Rovnaká šírka stĺpca ako v článkoch */
#auri-doprava-platba{max-width:788px;margin:0 auto 40px}

/* 2. Zoznam s ikonkami (V skratke) */
#auri-doprava-platba ul.adp-icons > li{padding-left:34px;margin:0 0 10px}
#auri-doprava-platba ul.adp-icons > li:last-child{margin-bottom:0}
#auri-doprava-platba ul.adp-icons > li:before{
  left:0;top:.2em;width:22px;height:22px;border-radius:0;background:var(--ab-gold);
  -webkit-mask:var(--adp-ico) center/contain no-repeat;mask:var(--adp-ico) center/contain no-repeat;
}

/* 3. Dopravcovia a platby */
#auri-doprava-platba .adp-list{margin:24px 0 32px;border:1px solid var(--ab-line);border-radius:12px;background:#fff;overflow:hidden}
#auri-doprava-platba .adp-item{
  display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;column-gap:16px;
  padding:16px 20px;border-top:1px solid var(--ab-line);
}
#auri-doprava-platba .adp-item:first-child{border-top:0}
#auri-doprava-platba .adp-item:before{
  content:"";display:block;width:44px;height:44px;border-radius:50%;
  background:var(--ab-cream);grid-column:1;grid-row:1;
}
#auri-doprava-platba .adp-item:after{
  content:"";grid-column:1;grid-row:1;width:22px;height:22px;justify-self:center;
  background:var(--ab-gold);-webkit-mask:var(--adp-ico) center/contain no-repeat;mask:var(--adp-ico) center/contain no-repeat;
}
#auri-doprava-platba .adp-item__text{grid-column:2;grid-row:1;min-width:0}
#auri-doprava-platba .adp-item p{margin:0}
#auri-doprava-platba p.adp-item__name{font-size:16px;line-height:1.45;font-weight:700;color:#000}
#auri-doprava-platba p.adp-item__desc{font-size:15px;line-height:1.55;color:var(--ab-muted);margin-top:2px}
#auri-doprava-platba p.adp-item__price{grid-column:3;grid-row:1;font-size:18px;line-height:1.3;font-weight:700;color:#000;white-space:nowrap;text-align:right}

/* 4. Zástupný text na doplnenie */
#auri-doprava-platba mark.adp-doplnit{
  background:#FFE97A;color:#000;padding:1px 6px;border-radius:4px;
  outline:1px dashed #C9A400;font-weight:700;white-space:normal;
}

#auri-doprava-platba .ab-final a{white-space:nowrap}


/* 5. Konverzný blok – šperky posúvateľné do strany (bez JavaScriptu) */
#auri-doprava-platba .adp-carousel{
  display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px) / 4);gap:16px;
  margin:24px 0 8px;padding:0 0 12px;overflow-x:auto;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--ab-line) transparent;
}
#auri-doprava-platba .adp-prod{display:flex;flex-direction:column;min-width:0;scroll-snap-align:start;text-decoration:none!important;color:#000}
#auri-doprava-platba .adp-prod img{
  display:block;width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:cover;
  border-radius:10px;background:var(--ab-cream2,#FAF0E6);margin:0 0 10px;transition:transform .4s;
}
#auri-doprava-platba .adp-prod:hover img{transform:scale(1.03)}
#auri-doprava-platba .adp-prod__name{display:block;font-size:15px;line-height:1.35;font-weight:700;color:#000;transition:color .3s ease-out}
#auri-doprava-platba .adp-prod__price{display:block;font-size:15px;line-height:1.4;margin-top:4px;color:var(--ab-gold)}
#auri-doprava-platba .adp-prod:hover .adp-prod__name{color:var(--ab-pink)}
#auri-doprava-platba .adp-prod:focus-visible{outline:2px solid var(--ab-gold);outline-offset:3px;border-radius:10px}
#auri-doprava-platba p.adp-swipe{font-size:13px;line-height:1.4;color:var(--ab-muted);text-align:right;margin:0}
#auri-doprava-platba .adp-carousel + .adp-swipe + .ab-cta{margin-top:20px}
@media (prefers-reduced-motion:reduce){#auri-doprava-platba .adp-prod img{transition:none}}

@media (max-width:767px){
  #auri-doprava-platba .adp-carousel{grid-auto-columns:62%;gap:12px}

  #auri-doprava-platba .adp-item{grid-template-columns:36px minmax(0,1fr) auto;column-gap:12px;padding:14px 14px;align-items:start}
  #auri-doprava-platba .adp-item:before{width:36px;height:36px}
  #auri-doprava-platba .adp-item:after{width:19px;height:19px;align-self:start;margin-top:8.5px}
  #auri-doprava-platba p.adp-item__desc{font-size:14px}
  #auri-doprava-platba p.adp-item__price{font-size:17px;padding-top:1px}
}

/* ---------- Ikonky ---------- */
#auri-doprava-platba .adp-ico-truck{--adp-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2.5 6.5h11v9h-11z%22/%3E%3Cpath d=%22M13.5 9.5h4l3 3.2v2.8h-7%22/%3E%3Ccircle cx=%226.5%22 cy=%2217.5%22 r=%221.8%22/%3E%3Ccircle cx=%2217%22 cy=%2217.5%22 r=%221.8%22/%3E%3C/svg%3E")}
#auri-doprava-platba .adp-ico-gift{--adp-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223.5%22 y=%228.5%22 width=%2217%22 height=%224%22 rx=%22.5%22/%3E%3Cpath d=%22M5 12.5v8h14v-8M12 8.5v12%22/%3E%3Cpath d=%22M12 8.5C10.5 5 7 4.5 7 6.6S10 8.5 12 8.5zM12 8.5c1.5-3.5 5-4 5-1.9S14 8.5 12 8.5z%22/%3E%3C/svg%3E")}
#auri-doprava-platba .adp-ico-heart{--adp-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 20s-7.5-4.4-7.5-10A4.2 4.2 0 0 1 12 7.6 4.2 4.2 0 0 1 19.5 10c0 5.6-7.5 10-7.5 10z%22/%3E%3C/svg%3E")}
#auri-doprava-platba .adp-ico-clock{--adp-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M12 7.5V12l3 2%22/%3E%3C/svg%3E")}
#auri-doprava-platba .adp-ico-box{--adp-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3.5 7.5 12 3.5l8.5 4v9L12 20.5l-8.5-4z%22/%3E%3Cpath d=%22M3.5 7.5 12 11.5l8.5-4M12 11.5v9%22/%3E%3C/svg%3E")}
#auri-doprava-platba .adp-ico-pin{--adp-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 21s-6.5-6-6.5-11a6.5 6.5 0 0 1 13 0c0 5-6.5 11-6.5 11z%22/%3E%3Ccircle cx=%2212%22 cy=%2210%22 r=%222.3%22/%3E%3C/svg%3E")}
#auri-doprava-platba .adp-ico-store{--adp-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 9.5 5.5 4h13L20 9.5%22/%3E%3Cpath d=%22M4 9.5c0 1.6 1.2 2.5 2.7 2.5S9.3 11 9.3 9.5c0 1.6 1.2 2.5 2.7 2.5s2.7-1 2.7-2.5c0 1.6 1.1 2.5 2.6 2.5S20 11 20 9.5%22/%3E%3Cpath d=%22M5.5 12v8h13v-8M10 20v-4.5h4V20%22/%3E%3C/svg%3E")}
#auri-doprava-platba .adp-ico-home{--adp-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3.5 11 12 4l8.5 7%22/%3E%3Cpath d=%22M5.5 9.5V20h13V9.5M10 20v-5.5h4V20%22/%3E%3C/svg%3E")}
#auri-doprava-platba .adp-ico-card{--adp-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%222.5%22 y=%225.5%22 width=%2219%22 height=%2213%22 rx=%222%22/%3E%3Cpath d=%22M2.5 9.5h19M6 15h4%22/%3E%3C/svg%3E")}
#auri-doprava-platba .adp-ico-bank{--adp-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 9.5 12 4l9 5.5z%22/%3E%3Cpath d=%22M5 9.5v8M9.5 9.5v8M14.5 9.5v8M19 9.5v8M3 20h18%22/%3E%3C/svg%3E")}
#auri-doprava-platba .adp-ico-cash{--adp-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%222.5%22 y=%226.5%22 width=%2219%22 height=%2211%22 rx=%221.5%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%222.6%22/%3E%3Cpath d=%22M6 9.5v5M18 9.5v5%22/%3E%3C/svg%3E")}
#auri-doprava-platba .adp-ico-mail{--adp-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%225.5%22 width=%2218%22 height=%2213%22 rx=%221.5%22/%3E%3Cpath d=%22m3.5 6.5 8.5 7 8.5-7%22/%3E%3C/svg%3E")}
#auri-doprava-platba .adp-ico-phone{--adp-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6.5 3.5h3l1.5 4.5-2 1.5a11 11 0 0 0 5.5 5.5l1.5-2 4.5 1.5v3a2 2 0 0 1-2 2A15.5 15.5 0 0 1 4.5 5.5a2 2 0 0 1 2-2z%22/%3E%3C/svg%3E")}
#auri-doprava-platba .adp-ico-wallet{--adp-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 7.5h15.5a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H5a1.5 1.5 0 0 1-1.5-1.5V6A1.5 1.5 0 0 1 5 4.5h12v3%22/%3E%3Cpath d=%22M20.5 11.5h-4a2 2 0 0 0 0 4h4%22/%3E%3C/svg%3E")}
/* ===================== koniec AURI DOPRAVA A PLATBA v2.2 ===================== */
