/* vzhlad podla mdmoda.sk: Source Sans 3 + Exo 2, tmavomodra #163a5f, oranzova #f8a102 */
:root{--modra:#163a5f;--oranzova:#f8a102;--bg:#f4f5f7;--karta:#fff;--text:#333;--tmavy:#1f1f1f;--sivy:#6b7078;--ciara:#e3e5e9;--cervena:#d34343}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.5 "Source Sans 3",system-ui,Arial,sans-serif}
h1,h2,.nazov-portalu,.cislo,.suma,button{font-family:"Exo 2","Source Sans 3",sans-serif}
.obal{max-width:1240px;margin:0 auto;padding:0 16px}
a{color:var(--modra)}

.horna-lista{background:#fff;border-bottom:1px solid var(--ciara);font-size:14px}
.horna-lista .obal{display:flex;justify-content:space-between;align-items:center;height:38px;color:var(--sivy)}
.vpravo{display:flex;align-items:center;gap:16px}
.jazyky{display:flex;gap:2px}
.jazyky a{padding:2px 7px;border-radius:4px;color:var(--sivy);text-decoration:none;font-weight:600}
.jazyky a:hover{color:var(--modra)}
.jazyky a.aktivny{background:var(--modra);color:#fff}
.odhlasit{color:var(--text);text-decoration:none}
.odhlasit:hover{text-decoration:underline}
.hlava{background:var(--modra);color:#fff}
.hlava .obal{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;padding-bottom:14px}
.loga{display:flex;gap:10px}
/* oba boxy rovnako velke; m-shop logo je samo plny obdlznik, preto vyplni cely box */
.logo-box{display:flex;align-items:center;justify-content:center;width:230px;height:63px;background:#fff;border-radius:8px;padding:8px 12px;overflow:hidden}
.logo-box img{max-width:100%;max-height:100%;width:auto;height:auto;display:block}
.logo-box.logo-plne{padding:0;background:#014a7f}
.logo-box.logo-plne img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}
.nazov-portalu{font-size:26px;font-weight:700;text-align:right;line-height:1.15}
.nazov-portalu small{display:block;font:400 15px "Source Sans 3",sans-serif;opacity:.8}

.uvod{background:#fff;border-bottom:1px solid var(--ciara);font-size:15px;color:var(--text)}
.uvod .obal{padding-top:10px;padding-bottom:10px}
.uvod summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none;font:600 15px "Exo 2",sans-serif;color:var(--modra)}
.uvod summary::-webkit-details-marker{display:none}
.uvod summary::before{content:"i";display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--oranzova);color:#fff;font:700 12px/1 "Exo 2",sans-serif}
.uvod summary::after{content:"";width:6px;height:6px;border-right:2px solid var(--modra);border-bottom:2px solid var(--modra);transform:rotate(45deg);margin:-3px 0 0 2px}
.uvod details[open] summary::after{transform:rotate(-135deg);margin-top:3px}
.uvod details p{margin:8px 0 0;max-width:900px}
.uvod details p:first-of-type{margin-top:10px;color:var(--tmavy)}
.uvod details p:not(:first-of-type){padding-left:12px;border-left:3px solid var(--oranzova);color:var(--sivy)}
main{padding:26px 16px 56px}
.karta{background:var(--karta);border:1px solid var(--ciara);border-radius:10px;padding:18px 20px;margin-bottom:12px}
.prihlasenie{max-width:440px;margin:30px auto}
h1{font-size:30px;font-weight:700;letter-spacing:-.3px;color:#000;margin:0 0 10px}
h2{font-size:21px;font-weight:700;letter-spacing:-.3px;color:var(--tmavy);margin:0 0 8px}
label{display:block;font-weight:600;margin:14px 0}
input{display:block;width:100%;margin-top:6px;padding:11px 12px;font:16px "Source Sans 3",sans-serif;border:1px solid #c8ccd2;border-radius:10px}
input:focus{outline:2px solid var(--oranzova);border-color:var(--oranzova)}
button{width:100%;padding:14px;font-size:15px;font-weight:600;text-transform:uppercase;color:#fff;background:var(--modra);border:0;border-radius:10px;cursor:pointer}
button:hover{background:#0f2a46}
.chyba{color:var(--cervena);font-weight:600}
.male{font-size:15px;text-align:center}

.ucastnici{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:0 12px}
.ucastnik{border-top:4px solid var(--oranzova)}
.ucastnik-shop{margin-bottom:6px;color:var(--sivy)}
.ucastnik dl{display:grid;grid-template-columns:90px 1fr;gap:4px 12px;margin:0}
.ucastnik dt{color:var(--sivy)}
.ucastnik dd{margin:0}

.suhrn{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:4px}
.dlazdica{display:flex;flex-direction:column;background:#fff;border:1px solid var(--ciara);border-radius:10px;padding:14px 18px;border-top:4px solid var(--modra)}
.dlazdica.vratky{border-top-color:var(--cervena)}
.dlazdica .popis{font-size:14px;color:var(--sivy);text-transform:uppercase;letter-spacing:.3px}
.dlazdica .hodnota{font:700 32px/1.2 "Exo 2",sans-serif;color:var(--modra);margin:4px 0 2px}
.dlazdica.vratky .hodnota{color:var(--cervena)}
.dlazdica .eur{font-size:15px;color:var(--tmavy)}
.suhrn-pozn{grid-column:1/-1;margin:0;font-size:14px;color:var(--sivy)}
@media (max-width:640px){.suhrn{grid-template-columns:1fr 1fr}.dlazdica:last-of-type{grid-column:1/-1}.dlazdica .hodnota{font-size:24px}}
.pocet{font:400 15px "Source Sans 3",sans-serif;color:var(--sivy)}
.nadpis{margin-top:26px}
.shop-sekcia{margin-top:30px;scroll-margin-top:12px}
.shop-hlava{display:flex;align-items:center;gap:14px;padding-bottom:10px;margin-bottom:14px;border-bottom:3px solid var(--shop)}
/* logá shopov rovnako veľké: pevný rámik, plné logo (m-shop) dostane pozadie svojej farby */
.shop-hlava .logo,.ucastnik-shop .logo{width:208px;height:40px;object-fit:contain;display:block}

.objednavka{padding:0;overflow:hidden}
.objednavka[open]{box-shadow:0 2px 10px rgba(22,58,95,.08)}
.objednavka > summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:14px 18px;cursor:pointer;list-style:none}
.objednavka summary::-webkit-details-marker{display:none}
.objednavka > summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--modra);border-bottom:2px solid var(--modra);transform:rotate(45deg);margin-left:4px}
.objednavka[open] > summary::after{transform:rotate(-135deg)}
.cislo{font-weight:700;color:var(--modra)}
.datum{color:var(--sivy)}
.suma{margin-left:auto;font-weight:700;color:var(--tmavy)}
.stav{font-size:14px;font-weight:700;padding:3px 10px;border-radius:4px;color:#fff}
.st-nova{background:var(--oranzova)}.st-exp{background:#086df7}
.st-ok{background:#2e8540}.st-db{background:var(--cervena)}.st-zr{background:#9aa0a8}
.st-fa{background:var(--modra)}
.postup{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px}
.sipka{color:#9aa0a8;font-weight:700;padding:0 1px}

.polozky{width:100%;border-collapse:collapse;border-top:1px solid var(--ciara)}
.polozky td{padding:10px 8px;border-bottom:1px solid var(--ciara);vertical-align:middle}
.polozky td.obr{width:112px;padding-left:18px}
.obr-miesto{display:block;width:88px;height:88px;border-radius:8px;background:#f4f5f7;overflow:hidden}
/* sluzby (doprava, dobierka, kupon) - jedna spolocna ikona */
.obr-sluzba{position:relative;background:#fff6e5}
.obr-sluzba::after{content:"";position:absolute;inset:22%;background:var(--oranzova);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 4h14v11H1zM15 8h4l4 4v3h-8zM5 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm13 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 4h14v11H1zM15 8h4l4 4v3h-8zM5 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm13 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/svg%3E") center/contain no-repeat}
/* zlavove kupony - bankovka */
.obr-kupon::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M1 5h22v14H1zm2 2v10h18V7zm9 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6zM5 11h2v2H5zm12 0h2v2h-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M1 5h22v14H1zm2 2v10h18V7zm9 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6zM5 11h2v2H5zm12 0h2v2h-2z'/%3E%3C/svg%3E")}
.obr-miesto img{width:100%;height:100%;object-fit:contain;background:#fff;display:block}
.nazov{color:var(--tmavy)}
.produkt{color:var(--tmavy);text-decoration:none}
.produkt:hover{color:var(--modra);text-decoration:underline}
.produkt::after{content:"↗";margin-left:4px;font-size:12px;color:var(--oranzova)}
.velkost{display:block;font-size:14px;color:var(--sivy)}
.ks,.cena{white-space:nowrap;text-align:right}
.cena{font-family:"Exo 2",sans-serif}
.pstav{text-align:right;font-size:14px;font-weight:600;white-space:nowrap;padding-right:18px!important}
.dobropis{display:block;font-size:13px;font-weight:400;color:var(--sivy)}
.p-nova{color:#b07300}.p-exp{color:#086df7}.p-ok{color:#2e8540}.p-vr{color:var(--cervena)}.p-zr{color:var(--sivy)}
.zasielka{display:flex;gap:12px;align-items:flex-start;padding:12px 18px;border-bottom:1px solid var(--ciara);background:#fffaf0;font-size:15px;color:var(--tmavy)}
.zasielka strong{font-family:"Exo 2",sans-serif;color:var(--modra)}
.zas-detail{color:var(--sivy);margin-top:2px}
.zas-ikona{flex:none;width:22px;height:22px;margin-top:1px;border-radius:4px;background:var(--oranzova);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 4h14v11H1zM15 8h4l4 4v3h-8zM5 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm13 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 4h14v11H1zM15 8h4l4 4v3h-8zM5 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm13 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/svg%3E") center/contain no-repeat}
.paticka{padding:12px 18px;font-size:15px;color:var(--sivy);background:#fafbfc}
.doklady{margin:6px 0 0;padding-left:18px}
.doklady li{margin:2px 0}
.doklady a.pdf{font-weight:600;color:var(--modra)}
.doklady a.pdf::before{content:"PDF";display:inline-block;margin-right:6px;padding:0 5px;font:700 11px/16px "Exo 2",sans-serif;color:#fff;background:var(--cervena);border-radius:3px;vertical-align:1px}
.spinner{width:34px;height:34px;margin:8px 0 12px;border:4px solid var(--ciara);border-top-color:var(--oranzova);border-radius:50%;animation:toc 1s linear infinite}
@keyframes toc{to{transform:rotate(360deg)}}
.nedostupna{margin-left:6px;font-size:13px;font-style:italic;color:#9aa0a8}

@media (max-width:640px){
  .hlava .obal{justify-content:center}
  .nazov-portalu{text-align:center;width:100%}
  .logo-box{width:160px;height:44px;padding:6px 10px}.logo-box.logo-plne{padding:0}
  .polozky tr{display:grid;grid-template-columns:84px 1fr auto;grid-template-areas:"o n n" "o k c" "o s s";border-bottom:1px solid var(--ciara);padding:8px 0}
  .polozky td{border:0;padding:2px 8px}
  td.obr{grid-area:o;padding-left:12px!important}td.nazov{grid-area:n}td.ks{grid-area:k;text-align:left}
  td.cena{grid-area:c}td.pstav{grid-area:s;text-align:left}
}

/* --- vratky a reklamacie --- */
.hlasenie{border-left:4px solid var(--cervena)}
.polozky td.vyb{width:44px;padding-left:16px;white-space:nowrap}
.polozky td.vyb input[type=checkbox]{width:20px;height:20px;margin:0;accent-color:var(--modra);vertical-align:middle}
.polozky td.vyb select{display:block;margin-top:4px;padding:2px;font-size:14px}
.v-pripade{display:inline-block;margin-top:3px;font-size:13px;font-weight:600;color:#b45309}
.st-pripad{background:var(--oranzova)}
.pripad-akcie{padding:14px 18px;border-bottom:1px solid var(--ciara);background:#fbfcfd}
.pripad-navod{margin:0 0 10px;font-weight:600;color:var(--tmavy)}
.pripad-volby{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;align-items:start}
.pripad-typ.vymena[open]{grid-column:1/-1}
.pripad-typ{background:#fff;border:1px solid var(--ciara);border-radius:10px;padding:12px 16px}
.pripad-typ summary,.pripad-typ.neaktivny{display:flex;flex-direction:column;gap:2px;cursor:pointer;list-style:none}
.pripad-typ summary::-webkit-details-marker{display:none}
.pripad-typ b{font:700 17px "Exo 2",sans-serif;color:var(--modra)}
.pripad-typ summary b::after{content:" ›";color:var(--oranzova)}
.pripad-typ[open] summary b::after{content:" ⌄"}
.pripad-typ small{font-size:14px;color:#2e8540}
.pripad-typ.neaktivny{cursor:default;opacity:.7}
.pripad-typ.neaktivny small{color:var(--sivy)}
.pripad-typ[open]{border-color:var(--oranzova)}
.pripad-typ label{font-weight:600;margin:12px 0 0}
.pripad-typ label.chk{display:flex;gap:8px;align-items:flex-start;font-weight:400}
.pripad-typ label.chk input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:var(--modra)}
textarea{display:block;width:100%;margin-top:6px;padding:10px 12px;font:16px "Source Sans 3",sans-serif;border:1px solid #c8ccd2;border-radius:10px;resize:vertical}
textarea:focus{outline:2px solid var(--oranzova);border-color:var(--oranzova)}
.pripad-typ button{margin-top:12px}
.pripad-typ .preco{display:block;margin-top:6px;text-align:center;color:var(--cervena);font-size:14px}
.pripad-typ button:disabled{background:#b9bec6;cursor:not-allowed}
.pripad-typ.zamknute{opacity:.55;cursor:not-allowed;border-color:var(--ciara)}
.pripad-typ.zamknute summary{cursor:not-allowed}
.dop-ano,.dop-nie{margin:6px 0 0 26px;font-size:15px;color:var(--sivy)}
.dop-ano .cena,.dop-nie .adresa{display:block;margin-top:2px;font-weight:600;color:var(--tmavy)}
.pobocka{display:block;margin-top:8px}
.pripad-typ .vyber-pobocku{width:auto;margin:0;padding:8px 14px;font-size:14px;text-transform:none;background:#fff;color:var(--modra);border:1px solid var(--modra)}
.pripad-typ .vyber-pobocku:hover{background:#eef3f8}
.pripad-typ .pobocka-vybrata{display:block;margin-top:4px;font-size:15px;font-weight:600;color:var(--tmavy)}
.packeta-mapa{display:inline-block;margin-top:4px;font-weight:600;color:var(--modra)}
.dop-ano .cena{color:#2e7d32;white-space:normal;text-align:left}
.pripad-typ:has(input[name^=packeta_]:checked) .dop-nie,.pripad-typ:not(:has(input[name^=packeta_]:checked)) .dop-ano{display:none}

.doklady li.pripady-skupina{list-style:none;margin:6px 0 12px 4px;padding:2px 0 2px 16px;border-left:2px dashed var(--oranzova)}
.pripady-skupina ul{margin:0;padding:0}
.doklady li.pripad{list-style:none;margin:6px 0}
.pripad > details{background:#fff;border:1px solid var(--ciara);border-left:4px solid var(--oranzova);border-radius:0}
.pripad summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 14px;cursor:pointer;list-style:none;color:var(--tmavy)}
.pripad summary::-webkit-details-marker{display:none}
.pripad summary::after{content:"⌄";margin-left:auto;color:var(--modra);font-weight:700}
.pripad details[open] summary::after{content:"⌃"}
.pripad-telo{padding:4px 16px 16px;color:var(--text)}
.kroky{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;list-style:none;margin:6px 0 14px;padding:0}
.krok{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:14px}
.krok-pas{display:block;width:100%;height:6px;border-radius:3px;background:#d9dde3;margin-bottom:8px}
.krok b{font:600 14px "Exo 2",sans-serif;color:var(--sivy)}
.krok small{font-size:13px;color:#9aa0a8}
.krok.hotovo .krok-pas{background:#2e8540}.krok.hotovo b{color:#2e8540}
.krok.aktualny .krok-pas{background:#086df7}.krok.aktualny b{color:#086df7}
.krok.zamietnuty.hotovo .krok-pas,.krok.zamietnuty.aktualny .krok-pas{background:var(--cervena)}.krok.zamietnuty b{color:var(--cervena)}
.krok:last-child small{color:#b45309}
.pripad-doprava{background:#fffaf0;border:1px solid #f6dfae;border-radius:10px;padding:12px 16px;margin-bottom:12px}
.pripad-doprava p{margin:6px 0}
.pripad-doprava .adresa{font-weight:600;color:var(--tmavy)}
.kod-box{display:inline-flex;flex-direction:column;background:#fff;border:2px dashed var(--oranzova);border-radius:10px;padding:8px 18px}
.kod-box small{font-size:13px;color:var(--sivy)}
.kod-box b{font:700 28px/1.2 "Exo 2",sans-serif;letter-spacing:2px;color:var(--modra)}
.pripad-polozky{margin:6px 0 12px;font-size:15px}
.os{list-style:none;margin:0 0 12px;padding:0;border-left:2px solid var(--ciara)}
.os li{position:relative;display:grid;grid-template-columns:150px 1fr;gap:10px;padding:5px 0 5px 16px;font-size:15px}
.os li::before{content:"";position:absolute;left:-6px;top:11px;width:10px;height:10px;border-radius:50%;background:var(--modra)}
.os li.od-zakaznika::before{background:var(--oranzova)}
.os-cas{color:var(--sivy);white-space:nowrap}
.doplnit{max-width:620px}
.doplnit label{margin:0;font-weight:600}
.doplnit button{width:auto;padding:10px 22px;margin-top:8px}
@media (max-width:640px){
  .os li{grid-template-columns:1fr;gap:0}
  .polozky.s-vyberom tr{grid-template-columns:36px 84px 1fr auto;grid-template-areas:"x o n n" "x o k c" "x o s s"}
  td.vyb{grid-area:x;padding-left:8px!important}
}

/* paticka ORIM */
/* pata modra ako hlavicka, logo ORIM v bielom ramceku */
.pata{background:var(--modra);margin-top:20px}
.pata .obal{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding-top:14px;padding-bottom:14px;font-size:13px;color:#dfe7f0}
.pata-logo{background:#fff;border-radius:6px;padding:4px 8px;display:flex}
.pata img{height:30px;width:auto;display:block}
.pata .licencia{margin-left:auto;color:#fff;font-weight:600}
/* vymena - volba farby a velkosti k polozke */
.vym-riadok{margin:10px 0 0;padding:10px 0 0;border-top:1px solid var(--ciara);font-size:15px}
.vym-povodny{font-weight:600;color:var(--tmavy)}
.vym-volba{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.vym-volba select{flex:1 1 220px;min-width:0;padding:8px;font-size:15px}
.vymena-suhrn{margin-top:10px;font-size:15px;color:var(--tmavy)}
.vym-riadok .preco{color:var(--cervena)}

/* nahlad ako zakaznik z interneho panelu */
.nahlad-pruh{background:#d34343;color:#fff;text-align:center;font-weight:700;padding:8px 16px;font-size:15px}
.nahlad-pruh a{color:#fff;text-decoration:underline}
/* doklad reklamacie zo SOVA (REK) v skupine pripadov + PDF jeho zostav pod nim */
.doklady li.doklad-rek{list-style:none;margin:6px 0}
.doklady a.priloha-rek{display:block;margin:4px 0 0 2px;font-weight:400}
/* hodnotenie spokojnosti po uzavreti pripadu: 0-5, hviezdy zprava (5..1) aby :hover/:checked ~ farbili aj nizsie */
.hodnotenie{margin-top:12px;padding:12px;border:1px dashed var(--oranzova);border-radius:8px}
.hviezdy{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px;margin:6px 0 0;vertical-align:middle}
.hviezdy input{position:absolute;opacity:0;width:1px;height:1px}
.hviezdy label{margin:0;font-size:28px;line-height:1;color:#c9ced6;cursor:pointer}
.hviezdy label[for^="h0-"]{font-size:14px;align-self:center;border:1px solid #c9ced6;border-radius:4px;padding:2px 6px;margin-right:8px;font-weight:700}
.hviezdy input:not([value="0"]):checked ~ label:not([for^="h0-"]),.hviezdy label:not([for^="h0-"]):hover,.hviezdy label:not([for^="h0-"]):hover ~ label:not([for^="h0-"]){color:var(--oranzova)}
.hviezdy input[value="0"]:checked + label{background:var(--cervena);border-color:var(--cervena);color:#fff}
.hodnotene{margin-top:12px;color:var(--sivy)}
.hviezdy-vysl{color:var(--oranzova);font-size:20px;letter-spacing:1px}.hviezdy-vysl span{color:#c9ced6}
.kod-box .kop{margin-top:6px;padding:4px 10px;font-size:13px;width:auto;background:#fff;color:var(--modra);border:1px solid var(--modra);border-radius:6px;text-transform:none;cursor:pointer}
.kod-box .kop:hover{background:#eef3f8}