/* =====================================================================
   AURI.sk – ČASTO KLADENÉ OTÁZKY / CENTRUM POMOCI v1.0
   Súbor: /user/documents/auri-faq.css
   Písmo, nadpisy, odseky, otázky (ab-faq), kartičky článkov, záver a
   tlačidlá berie stránka z auri-blog.css – rovnako ako články.
   Kalkulačku kreslí auri-kalkulacka.css + auri-kalkulacka.js (už sú na webe).
   Tento súbor iba:
   1) zúži stránku na šírku článkov, 2) vytvorí navigáciu podľa tém,
   3) zladí sekciu s kalkulačkou, 4) oddelí kategórie otázok
   a pridá odkazy na konci sekcií.
   Platí iba vnútri #auri-faq-center, iné stránky nemení.
   ===================================================================== */

/* 1. Šírka stĺpca ako v článkoch + plynulý posun na kotvy */
#auri-faq-center{max-width:788px;margin:0 auto 48px}
html:has(#auri-faq-center){scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html:has(#auri-faq-center){scroll-behavior:auto}}
#auri-faq-center h2{scroll-margin-top:140px}
#auri-faq-center h2.afc-hello{font-size:30px;margin:8px 0 12px}

/* 2. Navigácia podľa tém */
#auri-faq-center .afc-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0 48px;padding:0}
#auri-faq-center .afc-nav a{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:128px;
  padding:18px 18px 16px;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-faq-center .afc-nav a:hover,#auri-faq-center .afc-nav a:focus-visible{border-color:var(--ab-pink);background:var(--ab-cream)}
#auri-faq-center .afc-nav a:focus-visible{outline:2px solid var(--ab-gold);outline-offset:2px}
#auri-faq-center .afc-nav a:after{content:"↓";position:absolute;right:16px;bottom:14px;color:var(--ab-gold);font-size:16px;line-height:1;transition:color .3s ease-out}
#auri-faq-center .afc-nav a:hover:after,#auri-faq-center .afc-nav a:focus-visible:after{color:var(--ab-pink)}
#auri-faq-center .afc-nav strong{font-size:16px;line-height:1.35;padding-right:18px}

/* ikonka v krúžku (rovnaký štýl ako Kontakt a Doprava a platba) */
#auri-faq-center .afc-ico{flex:none;display:block;width:44px;height:44px;border-radius:50%;background:var(--ab-cream);position:relative}
#auri-faq-center .afc-ico:after{content:"";position:absolute;inset:0;margin:auto;width:22px;height:22px;background:var(--ab-gold);
  -webkit-mask:var(--afc-ico) center/contain no-repeat;mask:var(--afc-ico) center/contain no-repeat}
#auri-faq-center .afc-nav a:hover .afc-ico,#auri-faq-center .afc-nav a:focus-visible .afc-ico{background:#fff}

/* 3. Sekcia s kalkulačkou */
#auri-faq-center .afc-calc{border-top:1px solid var(--ab-line);border-bottom:1px solid var(--ab-line);padding:8px 0 28px;margin:0 0 8px}
#auri-faq-center .afc-calc > h2{margin-top:36px}
#auri-faq-center .afc-calc .ab-calc{margin:24px 0 20px}
#auri-faq-center p.afc-more{margin:0 0 8px!important}

/* odkaz „… →“ na konci sekcie */
#auri-faq-center .afc-more a{display:inline-block;font-weight:700;color:var(--ab-gold);text-decoration:none!important;transition:color .3s ease-out}
#auri-faq-center .afc-more a:hover,#auri-faq-center .afc-more a:focus-visible{color:var(--ab-pink)}
#auri-faq-center p.afc-more--multi a{margin-right:18px}

/* 4. Kategórie otázok */
#auri-faq-center .afc-sec{padding:0 0 8px}
#auri-faq-center .afc-sec > h2{display:flex;align-items:center;gap:14px;margin:56px 0 8px}
#auri-faq-center .afc-sec > h2 .afc-ico{width:40px;height:40px}
#auri-faq-center .afc-sec > h2 .afc-ico:after{width:20px;height:20px}
#auri-faq-center .afc-sec .ab-faq{margin:12px 0 20px}
#auri-faq-center .ab-faq details > div p:last-child{margin-bottom:14px}
#auri-faq-center .ab-faq details > div ul{margin:0 0 16px}

/* 5. Užitočné tipy */
#auri-faq-center .afc-guides{margin:56px 0 0}
#auri-faq-center .afc-guides .ab-cards{margin-bottom:12px}

/* Ikonky (trieda na .afc-ico) */
#auri-faq-center .afc-ico--box{--afc-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-faq-center .afc-ico--ring{--afc-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=%2214.5%22 r=%226%22/%3E%3Cpath d=%22M9.5 5.5 12 3l2.5 2.5L12 8.5z%22/%3E%3C/svg%3E")}
#auri-faq-center .afc-ico--drop{--afc-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.5s6 6.4 6 10.6a6 6 0 0 1-12 0C6 9.9 12 3.5 12 3.5z%22/%3E%3Cpath d=%22M9.2 14.6a2.9 2.9 0 0 0 2.6 2.6%22/%3E%3C/svg%3E")}
#auri-faq-center .afc-ico--gift{--afc-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=%224%22 y=%229%22 width=%2216%22 height=%2211%22 rx=%221%22/%3E%3Cpath d=%22M3 9h18M12 9v11%22/%3E%3Cpath d=%22M12 9C10.5 5.5 7 5 7 7s3 2 5 2c2 0 5 0 5-2s-3.5-1.5-5 2z%22/%3E%3C/svg%3E")}
#auri-faq-center .afc-ico--return{--afc-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-faq-center .afc-ico--mail{--afc-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")}

/* ---------- MOBIL ---------- */
@media (max-width:767px){
  #auri-faq-center h2.afc-hello{font-size:25px}
  #auri-faq-center .afc-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:36px}
  #auri-faq-center .afc-nav a{min-height:118px;padding:14px 14px 12px;gap:10px}
  #auri-faq-center .afc-nav strong{font-size:15px}
  #auri-faq-center .afc-nav .afc-ico{width:38px;height:38px}
  #auri-faq-center .afc-nav .afc-ico:after{width:19px;height:19px}
  #auri-faq-center .afc-sec > h2{gap:12px;margin-top:44px}
  #auri-faq-center .afc-sec > h2 .afc-ico{width:34px;height:34px}
  #auri-faq-center .afc-sec > h2 .afc-ico:after{width:17px;height:17px}
  #auri-faq-center .afc-calc > h2{margin-top:28px}
  #auri-faq-center .afc-guides{margin-top:44px}
}
@media (max-width:359px){
  #auri-faq-center .afc-nav{grid-template-columns:minmax(0,1fr)}
  #auri-faq-center .afc-nav a{min-height:0;flex-direction:row;align-items:center}
}
/* ===================== koniec AURI FAQ v1.0 ===================== */