/* =====================================================================
   AURI.sk – VRÁTENIE A REKLAMÁCIA TOVARU v1.0
   Súbor: /user/documents/auri-vratenie.css
   Písmo, nadpisy, odseky, otázky (ab-faq), záver a tlačidlá 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) vytvorí rozcestník a kroky,
   3) blok s e-mailom a tlačidlá na PDF, 4) dôležité informácie s ikonkami.
   Platí iba vnútri #auri-vratenie-reklamacie, iné stránky nemení.

   IKONKY – trieda na .avr-choice__item alebo .avr-info__item:
   avr-ico-return (vrátenie)  avr-ico-repair (reklamácia)  avr-ico-pin (adresa)
   avr-ico-check (podmienky)  avr-ico-box (balenie)        avr-ico-cash (peniaze)
   avr-ico-gift (darček)      avr-ico-clock (lehoty)       avr-ico-mail (e-mail)
   ===================================================================== */

/* 1. Šírka stĺpca ako v článkoch */
#auri-vratenie-reklamacie{max-width:788px;margin:0 auto 48px}
html:has(#auri-vratenie-reklamacie){scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html:has(#auri-vratenie-reklamacie){scroll-behavior:auto}}
#auri-vratenie-reklamacie h2{scroll-margin-top:140px}

/* spoločné: ikonka v krémovom krúžku */
#auri-vratenie-reklamacie .avr-choice__item:before,#auri-vratenie-reklamacie .avr-info__item:before{
  content:"";display:block;width:44px;height:44px;border-radius:50%;
  background:var(--ab-cream);grid-area:ico;
}
#auri-vratenie-reklamacie .avr-choice__item:after,#auri-vratenie-reklamacie .avr-info__item:after{
  content:"";position:absolute;width:22px;height:22px;background:var(--ab-gold);
  -webkit-mask:var(--avr-ico) center/contain no-repeat;mask:var(--avr-ico) center/contain no-repeat;
}

/* 2a. Rozcestník */
#auri-vratenie-reklamacie .avr-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 16px}
#auri-vratenie-reklamacie .avr-choice__item{
  position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-areas:"ico title" "ico text";
  column-gap:16px;row-gap:2px;align-items:start;padding:20px 40px 20px 20px;
  border:1px solid var(--ab-line);border-radius:12px;background:#fff;color:#000;text-decoration:none!important;
  transition:border-color .3s ease-out,background-color .3s ease-out;
}
#auri-vratenie-reklamacie .avr-choice__item:after{left:31px;top:31px}
#auri-vratenie-reklamacie .avr-choice__item strong{grid-area:title;font-size:17px;line-height:1.35;color:#000;padding-top:2px}
#auri-vratenie-reklamacie .avr-choice__item span{grid-area:text;font-size:15px;line-height:1.5;color:var(--ab-muted)}
#auri-vratenie-reklamacie a.avr-choice__item:hover,#auri-vratenie-reklamacie a.avr-choice__item:focus-visible{border-color:var(--ab-pink);background:var(--ab-cream)}
#auri-vratenie-reklamacie a.avr-choice__item:hover:before,#auri-vratenie-reklamacie a.avr-choice__item:focus-visible:before{background:#fff}
#auri-vratenie-reklamacie a.avr-choice__item:focus-visible{outline:2px solid var(--ab-gold);outline-offset:2px}
#auri-vratenie-reklamacie .avr-choice__item strong:after{content:"↓";position:absolute;right:18px;top:22px;color:var(--ab-gold);font-weight:400}

/* 2b. Kroky */
#auri-vratenie-reklamacie ol.avr-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 8px;counter-reset:avr-step}
#auri-vratenie-reklamacie ol.avr-steps > li{
  counter-increment:avr-step;margin:0;padding:20px 20px 18px;background:var(--ab-cream);border-radius:12px;min-width:0;
}
#auri-vratenie-reklamacie ol.avr-steps > li:before{
  content:counter(avr-step);position:static;display:flex;align-items:center;justify-content:center;
  width:32px;height:32px;margin:0 0 12px;border-radius:50%;background:var(--ab-gold);color:#fff;
  font-size:15px;line-height:1;font-weight:700;
}
#auri-vratenie-reklamacie ol.avr-steps strong{display:block;font-size:16px;line-height:1.4;margin:0 0 6px}
#auri-vratenie-reklamacie ol.avr-steps span{display:block;font-size:15px;line-height:1.6;color:#000}

/* 3. E-mail a tlačidlá na PDF */
#auri-vratenie-reklamacie .avr-mail{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:20px 0 0;padding:16px 20px;border:1px solid var(--ab-line);border-radius:12px}
#auri-vratenie-reklamacie .avr-mail p{margin:0!important}
#auri-vratenie-reklamacie p.avr-mail__label{font-size:13px;line-height:1.3;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ab-gold)}
#auri-vratenie-reklamacie p.avr-mail__value{font-size:18px;line-height:1.4;font-weight:700}
#auri-vratenie-reklamacie .avr-cta{margin:24px 0 8px}
#auri-vratenie-reklamacie .avr-cta .btn{display:inline-flex;align-items:center;gap:10px}
#auri-vratenie-reklamacie .avr-cta .btn:before{
  content:"";flex:none;width:18px;height:18px;background:currentColor;
  -webkit-mask: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 4v11M7.5 10.5 12 15l4.5-4.5M5 19.5h14%22/%3E%3C/svg%3E") center/contain no-repeat;mask: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 4v11M7.5 10.5 12 15l4.5-4.5M5 19.5h14%22/%3E%3C/svg%3E") center/contain no-repeat;
}

/* 4. Dôležité informácie */
#auri-vratenie-reklamacie .avr-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0 24px}
#auri-vratenie-reklamacie .avr-info__item{
  position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-areas:"ico body";column-gap:16px;
  padding:20px;border:1px solid var(--ab-line);border-radius:12px;background:#fff;min-width:0;align-content:start;
}
#auri-vratenie-reklamacie .avr-info__item:after{left:31px;top:31px}
#auri-vratenie-reklamacie .avr-info__item > *{grid-column:2}
#auri-vratenie-reklamacie .avr-info__item--wide{grid-column:1 / -1;background:var(--ab-cream);border-color:var(--ab-cream)}
#auri-vratenie-reklamacie .avr-info__item--wide:before{background:#fff}
#auri-vratenie-reklamacie .avr-info__item h3{font-size:17px!important;line-height:1.35!important;margin:10px 0 6px!important}
#auri-vratenie-reklamacie .avr-info__item p{font-size:15px;line-height:1.6;margin:0 0 10px}
#auri-vratenie-reklamacie .avr-info__item > *:last-child{margin-bottom:0}
#auri-vratenie-reklamacie .avr-info__item ul{margin:0}
#auri-vratenie-reklamacie .avr-info__item ul > li{font-size:15px;line-height:1.5;margin:0 0 6px}


/* ---------- MOBIL ---------- */
@media (max-width:767px){
  #auri-vratenie-reklamacie h2{scroll-margin-top:90px}
  #auri-vratenie-reklamacie .avr-choice{grid-template-columns:minmax(0,1fr);gap:10px}
  #auri-vratenie-reklamacie .avr-choice__item{grid-template-columns:40px minmax(0,1fr);column-gap:14px;padding:16px 36px 16px 16px}
  #auri-vratenie-reklamacie .avr-choice__item:before{width:40px;height:40px}
  #auri-vratenie-reklamacie .avr-choice__item:after{left:26px;top:26px;width:20px;height:20px}
  #auri-vratenie-reklamacie .avr-choice__item strong:after{right:16px;top:18px}
  #auri-vratenie-reklamacie ol.avr-steps{grid-template-columns:minmax(0,1fr);gap:10px}
  #auri-vratenie-reklamacie ol.avr-steps > li{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:14px;padding:16px}
  #auri-vratenie-reklamacie ol.avr-steps > li:before{grid-row:1 / 3;margin:0}
  #auri-vratenie-reklamacie ol.avr-steps span{font-size:15px}
  #auri-vratenie-reklamacie .avr-cta .btn{justify-content:center;text-align:left}
  #auri-vratenie-reklamacie .avr-info{grid-template-columns:minmax(0,1fr);gap:10px}
  #auri-vratenie-reklamacie .avr-info__item{grid-template-columns:40px minmax(0,1fr);column-gap:14px;padding:16px}
  #auri-vratenie-reklamacie .avr-info__item:before{width:40px;height:40px}
  #auri-vratenie-reklamacie .avr-info__item:after{left:26px;top:26px;width:20px;height:20px}
  #auri-vratenie-reklamacie .avr-info__item h3{margin-top:8px!important}
}

/* ---------- Ikonky ---------- */
#auri-vratenie-reklamacie .avr-ico-return{--avr-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=%22M8.5 5.5 4.5 9.5l4 4%22/%3E%3Cpath d=%22M4.5 9.5h10a5 5 0 0 1 0 10h-4%22/%3E%3C/svg%3E")}
#auri-vratenie-reklamacie .avr-ico-repair{--avr-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 3.5 5 6.5v5c0 4.3 3 7.6 7 9 4-1.4 7-4.7 7-9v-5z%22/%3E%3Cpath d=%22m9 12 2.2 2.2L15.5 10%22/%3E%3C/svg%3E")}
#auri-vratenie-reklamacie .avr-ico-pin{--avr-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-vratenie-reklamacie .avr-ico-check{--avr-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=%22m8.2 12.2 2.6 2.6 5-5.2%22/%3E%3C/svg%3E")}
#auri-vratenie-reklamacie .avr-ico-box{--avr-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-vratenie-reklamacie .avr-ico-cash{--avr-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-vratenie-reklamacie .avr-ico-gift{--avr-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-vratenie-reklamacie .avr-ico-clock{--avr-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-vratenie-reklamacie .avr-ico-mail{--avr-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")}
/* ===================== koniec AURI VRÁTENIE A REKLAMÁCIA v1.0 ===================== */