/* =====================================================================
   AURI – KALKULAČKA VEĽKOSTI PRSTEŇA (v1.0)
   Súbor: /user/documents/auri-kalkulacka.css
   Detail prsteňa (vkladá auri-kalkulacka.js) a neskôr aj článok o veľkosti.
   Všetky štýly platia iba vnútri .ab-calc / .ab-pcalc.
   Odstránenie: zmaž <link> na tento súbor v HTML kóde.
   ===================================================================== */

.ab-calc,.ab-pcalc{--ab-gold:#AE8D3F;--ab-pink:#EE719E;--ab-cream:#F8F3E8;--ab-line:#E8DDC8;--ab-brown:#3B2A1E;--ab-muted:#6E5D4E;color:#000;font-size:16px;line-height:1.6;letter-spacing:.2px;text-align:left}
.ab-calc *,.ab-calc *:before,.ab-calc *:after,.ab-pcalc *,.ab-pcalc *:before,.ab-pcalc *:after{box-sizing:border-box}
.ab-calc a{color:var(--ab-gold);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .3s ease-out}
.ab-calc a:hover,.ab-calc a:focus-visible{color:var(--ab-pink)}
.ab-calc .ab-cta .btn{margin:0!important;text-decoration:none!important;font-size:15px;padding:16px 28px;transition:background-color .3s ease-out,border-color .3s ease-out,color .3s ease-out}
.ab-calc .ab-cta .btn-conversion,.ab-calc .ab-cta .btn-conversion:visited{color:#fff}
.ab-calc .ab-cta .btn-conversion:hover,.ab-calc .ab-cta .btn-conversion:focus-visible{background:var(--ab-pink)!important;border-color:var(--ab-pink)!important;color:#fff!important}
.ab-calc{max-width:100%;contain:inline-size;background:var(--ab-cream);border-radius:16px;padding:32px;margin:32px 0 40px}
.ab-calc fieldset{border:0;margin:0 0 22px;padding:0;min-width:0}
.ab-calc legend,.ab-calc .ab-calc__label{display:block;padding:0;margin:0 0 10px;font-size:13px;line-height:1.3;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ab-gold)}
.ab-calc .ab-calc__modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ab-calc .ab-calc__opt{position:relative;display:block;margin:0;cursor:pointer}
.ab-calc .ab-calc__opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.ab-calc .ab-calc__opt span{display:flex;flex-direction:column;gap:2px;height:100%;padding:14px 16px;border:1px solid var(--ab-line);border-radius:10px;background:#fff;transition:border-color .2s,box-shadow .2s}
.ab-calc .ab-calc__opt strong{font-size:16px;line-height:1.35;color:#000}
.ab-calc .ab-calc__opt small{font-size:13px;line-height:1.4;color:var(--ab-muted)}
.ab-calc .ab-calc__opt input:checked + span{border-color:var(--ab-gold);box-shadow:inset 0 0 0 1px var(--ab-gold)}
.ab-calc .ab-calc__opt input:focus-visible + span{outline:2px solid var(--ab-gold);outline-offset:2px}
.ab-calc .ab-calc__row{display:flex;gap:10px;align-items:stretch}
.ab-calc .ab-calc__input{flex:1;min-width:0;height:52px!important;margin:0;padding:0 16px!important;border:1px solid #D9CCB0!important;border-radius:10px!important;background:#fff!important;font:inherit;font-size:20px!important;font-weight:700;letter-spacing:.02em;color:#000;box-shadow:none!important;-webkit-appearance:none;appearance:none}
.ab-calc .ab-calc__input:focus{border-color:var(--ab-gold)!important;box-shadow:0 0 0 3px rgba(174,141,63,.2)!important;outline:none}
.ab-calc fieldset.ab-calc__units{display:inline-flex;border:1px solid #D9CCB0;border-radius:10px;background:#fff;padding:3px;margin:0}
.ab-calc .ab-calc__unit{position:relative;display:block;margin:0;cursor:pointer}
.ab-calc .ab-calc__unit input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.ab-calc .ab-calc__unit span{display:flex;align-items:center;justify-content:center;min-width:48px;height:44px;padding:0 12px;border-radius:7px;font-size:15px;font-weight:700;color:var(--ab-brown);transition:background-color .2s,color .2s}
.ab-calc .ab-calc__unit input:checked + span{background:var(--ab-gold);color:#fff}
.ab-calc .ab-calc__unit input:focus-visible + span{outline:2px solid var(--ab-gold);outline-offset:2px}
.ab-calc .ab-calc__hint{margin:8px 0 0!important;font-size:13px!important;line-height:1.5!important;color:var(--ab-muted)}
.ab-calc .ab-calc__fix{display:inline;margin:0 0 0 4px;padding:0;border:0;background:none;font:inherit;font-weight:700;color:var(--ab-gold);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ab-calc .ab-calc__fix:hover,.ab-calc .ab-calc__fix:focus-visible{color:var(--ab-pink)}
.ab-calc .ab-calc__out{display:block;margin-top:24px;background:#fff;border-radius:12px;padding:22px 24px}
.ab-calc .ab-calc__empty{margin:0!important;color:var(--ab-muted);font-size:15px!important}
.ab-calc .ab-calc__badge{display:inline-block;margin:0 0 12px;padding:5px 10px;border-radius:999px;font-size:12px;line-height:1.2;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--ab-cream);color:var(--ab-brown)}
.ab-calc .ab-calc__badge--ok{background:#EAF3EC;color:#2E6B43}
.ab-calc .ab-calc__badge--warn{background:var(--ab-pink);color:#fff}
.ab-calc .ab-calc__badge--out{background:#FCEBEF;color:#A3254F}
.ab-calc .ab-calc__res{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:420px}
.ab-calc .ab-calc__size{margin:0!important;font-size:44px;line-height:1;font-weight:700;color:var(--ab-gold);white-space:nowrap}
.ab-calc .ab-calc__size small{display:block;margin-top:8px;font-size:16px;line-height:1.2;color:#000}
.ab-calc .ab-calc__dl{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:0;font-size:15px;line-height:1.5}
.ab-calc .ab-calc__dl dt{color:var(--ab-muted);margin:0}
.ab-calc .ab-calc__dl dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.ab-calc .ab-calc__note{margin:16px 0 0!important;font-size:14px!important;line-height:1.55!important}
.ab-calc .ab-calc__scale{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:20px 0 0;padding:0;list-style:none}
.ab-calc .ab-calc__scale li{margin:0;padding:8px 0;border-radius:8px;border:1px solid var(--ab-line);text-align:center;font-size:13px;line-height:1.2;font-weight:700;color:var(--ab-muted);background:#fff}
.ab-calc .ab-calc__scale li:before{content:none!important}
.ab-calc .ab-calc__scale li.is-on{border-color:var(--ab-gold);background:var(--ab-gold);color:#fff}
.ab-calc .ab-calc__scale li.is-near{border-color:var(--ab-pink);background:var(--ab-pink);color:#fff}
.ab-calc .ab-cta{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 0;justify-content:flex-start}
.ab-calc[data-ready] .ab-calc__nojs{display:none}
.ab-calc .ab-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}


/* Kalkulačka v detaile prsteňa – rozbaľovacia pod výberom veľkosti */
.ab-pcalc{margin:14px 0 18px;clear:both;max-width:100%;contain:inline-size}
.ab-pcalc .ab-pcalc__box{border:1px solid var(--ab-line);border-radius:12px;background:#fff}
.ab-pcalc .ab-pcalc__toggle{list-style:none;display:flex;align-items:center;gap:10px;padding:13px 44px 13px 16px;position:relative;cursor:pointer;font-size:15px;line-height:1.35;color:#000}
.ab-pcalc .ab-pcalc__toggle::-webkit-details-marker{display:none}
.ab-pcalc .ab-pcalc__toggle svg{width:22px;height:22px;flex:none;color:var(--ab-gold)}
.ab-pcalc .ab-pcalc__toggle strong{color:var(--ab-gold);text-decoration:underline;text-underline-offset:3px}
.ab-pcalc .ab-pcalc__toggle:after{content:"+";position:absolute;right:14px;top:50%;width:24px;height:24px;margin-top:-12px;border-radius:50%;border:1px solid var(--ab-gold);color:var(--ab-gold);font-size:17px;line-height:22px;text-align:center}
.ab-pcalc details[open] > .ab-pcalc__toggle:after{content:"−"}
.ab-pcalc .ab-pcalc__toggle:hover strong{color:var(--ab-pink)}
.ab-pcalc .ab-pcalc__toggle:focus-visible{outline:2px solid var(--ab-gold);outline-offset:2px;border-radius:12px}
.ab-pcalc .ab-calc{margin:0;border-radius:0 0 12px 12px;padding:20px 18px}
.ab-pcalc .ab-calc__modes{grid-template-columns:1fr 1fr}
.ab-pcalc .ab-calc__size{font-size:38px}

.ab-pcalc .ab-calc .ab-cta .btn{width:100%;margin:0}
.ab-calc .ab-calc__note--na{color:var(--ab-brown)}
.ab-calc .ab-calc__fine{margin:12px 0 0!important;font-size:12px!important;line-height:1.5!important;color:var(--ab-muted)}

.ab-calc .ab-calc__how{margin:10px 0 0!important;font-size:14px!important;line-height:1.5!important}
.ab-calc .ab-calc__tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 16px;border-radius:10px;background:var(--ab-cream)}
.ab-calc .ab-calc__tile span{font-size:12px;line-height:1.2;font-weight:700;letter-spacing:.12em;color:var(--ab-muted)}
.ab-calc .ab-calc__tile strong + span{font-size:15px;letter-spacing:.02em;color:#000}
.ab-calc .ab-calc__tile strong{font-size:34px;line-height:1.1;font-weight:700;color:var(--ab-gold);white-space:nowrap}
.ab-calc .ab-cta .btn-primary{background:#fff;color:var(--ab-gold);border-color:var(--ab-gold)}
.ab-calc .ab-cta .btn-primary:hover,.ab-calc .ab-cta .btn-primary:focus-visible{border-color:var(--ab-pink)!important;color:var(--ab-pink)!important;background:#fff!important}

.ab-pcalc .ab-calc .ab-cta--pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ab-calc .ab-cta--pair .btn{padding:14px 8px;white-space:nowrap}

.ab-calc .ab-calc__pick.is-picked{box-shadow:inset 0 0 0 2px var(--ab-gold)}
.ab-calc .ab-calc__picked{margin:10px 0 0!important;font-size:14px!important;line-height:1.5!important;font-weight:700;color:#2E6B43}
.ab-calc .ab-calc__picked:empty{display:none}
.ab-pcalc .ab-calc .ab-cta:not(.ab-cta--pair){display:grid;grid-template-columns:1fr;gap:10px}

@media (max-width:767px){
  .ab-calc{padding:22px 16px;margin:28px 0 32px}
  .ab-calc .ab-calc__modes{grid-template-columns:1fr}
  .ab-calc .ab-calc__out{padding:18px 16px}
  .ab-calc .ab-calc__tile strong{font-size:28px}
  .ab-calc .ab-calc__size{font-size:40px}
  .ab-calc .ab-calc__scale{gap:4px}
  .ab-calc .ab-calc__scale li{font-size:12px;padding:7px 0}
  .ab-pcalc .ab-calc__modes{grid-template-columns:1fr}
  .ab-calc .ab-cta .btn{width:100%}
}
/* ===================== koniec AURI KALKULAČKA ===================== */