/* Konfigurátor firemnej akcie · vzhľad webu hotelcertov.eu (theme.json). Mobil na prvom mieste. */
@font-face{font-family:'Marcellus';font-display:swap;src:url(/assets/fonts/marcellus-latin-ext.woff2) format('woff2');unicode-range:U+0100-024F}
@font-face{font-family:'Marcellus';font-display:swap;src:url(/assets/fonts/marcellus-latin.woff2) format('woff2')}
@font-face{font-family:'Jost';font-weight:300 700;font-display:swap;src:url(/assets/fonts/jost-latin-ext.woff2) format('woff2');unicode-range:U+0100-024F}
@font-face{font-family:'Jost';font-weight:300 700;font-display:swap;src:url(/assets/fonts/jost-latin.woff2) format('woff2')}
:root{--biela:#fff;--bezova:#F1EBE4;--papier:#F6F3EE;--pismo:#1F1F1F;--tiche:#6F6D67;--linka:#DDD8CF;--zlata:#B49764;--zlata-t:#9A7F52;--tmava:#1E1E1E;--chyba:#B3261E;--ok:#3B542B}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papier);color:var(--pismo);font:16px/1.55 'Jost','Helvetica Neue',Arial,sans-serif}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:'Marcellus',Georgia,serif;font-weight:400;line-height:1.2;margin:0}
h1{font-size:28px;margin:4px 0 14px}
h2{font-size:21px;margin:26px 0 12px}
h3{font-size:18px;margin:0 0 4px}
a{color:var(--zlata-t)}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}

/* hlavička a postup */
.hore{background:var(--biela);border-bottom:1px solid var(--linka);padding:10px 16px;display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:5}
.hore img{width:96px;height:auto;flex:none}
.postup{list-style:none;margin:0;padding:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.postup::-webkit-scrollbar{display:none}
.postup button{border:1px solid var(--linka);background:var(--biela);border-radius:999px;min-width:34px;height:34px;padding:0 10px;font-size:14px;color:var(--tiche);white-space:nowrap}
.postup button:disabled{opacity:.45;cursor:default}
.postup .navstiveny button{border-color:var(--zlata);color:var(--pismo)}
.postup .aktivny button{background:var(--tmava);border-color:var(--tmava);color:var(--biela)}
.postup span{display:none}

/* obsah */
#aplikacia{max-width:1040px;margin:0 auto;padding:18px 16px 120px}
.info{background:var(--bezova);padding:10px 14px;margin:0 0 14px;font-size:15px}
.sprava{color:var(--ok);font-size:15px;min-height:1px;margin:6px 0}
.chyba{color:var(--chyba);font-size:15px;margin:6px 0}
.mriezka2,.mriezka3{display:grid;grid-template-columns:1fr;gap:12px}
.pole{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--tiche)}
.pole input,.pole select,.pole textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--linka);border-radius:4px;background:var(--biela);font-size:16px;color:var(--pismo)}
.pole textarea{min-height:110px;resize:vertical}
.pole--cele{margin-top:12px}
.pole--chyba input,.pole--chyba textarea{border-color:var(--chyba)}
.pole em{color:var(--chyba);font-style:normal;font-size:13px}
.pole-ico{display:flex;gap:8px;align-items:flex-end}
.pole-ico .pole{flex:1}
.pole-ico button,.odkaz,.tlacidlo{min-height:46px;padding:0 16px;border:1px solid var(--zlata);background:var(--biela);border-radius:4px;color:var(--pismo);text-decoration:none;display:inline-flex;align-items:center}
.odkaz{border:none;background:none;color:var(--zlata-t);padding:0;text-decoration:underline;min-height:44px}
.zaskrtnutie{display:flex;gap:10px;align-items:flex-start;font-size:15px;margin:12px 0;min-height:44px}
.zaskrtnutie input,.polozka__hlava input,.volby input,.sedenie input{width:22px;height:22px;flex:none;accent-color:var(--tmava);margin-top:2px}
.pasca{position:absolute;left:-9999px}
.dalsi{position:relative}
.mriezka2+.mriezka2{margin-top:12px}

/* položky */
.polozky{display:grid;grid-template-columns:1fr;gap:12px;align-items:start}
.polozka{background:var(--biela);border:1px solid var(--linka);border-radius:6px;overflow:hidden;display:flex;flex-direction:column}
.polozka--vybrana{border-color:var(--zlata);box-shadow:0 0 0 1px var(--zlata) inset}
.polozka img{width:100%;aspect-ratio:16/9;object-fit:cover}
.polozka__hlava{display:flex;gap:10px;padding:12px 14px 4px;cursor:pointer;min-height:44px}
.polozka__hlava b{display:block;font-weight:500}
.polozka__hlava small{display:block;color:var(--tiche);font-size:14px;line-height:1.4}
.polozka__cena{padding:0 14px 12px 46px;margin:0;font-size:15px}
.polozka__cena small{color:var(--tiche)}
.polozka__pocty{display:flex;flex-wrap:wrap;gap:10px;padding:10px 14px 14px;border-top:1px solid var(--linka);background:var(--papier)}
.polozka__pocty label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--tiche)}
.polozka__pocty input{width:84px;min-height:44px;padding:8px 10px;border:1px solid var(--linka);border-radius:4px;font-size:16px;color:var(--pismo);background:var(--biela)}

/* sály */
.sedenie{border:none;padding:0;margin:0 0 16px;display:flex;flex-wrap:wrap;gap:8px}
.sedenie legend{font-size:15px;color:var(--tiche);margin-bottom:6px;padding:0}
.sedenie label{display:flex;align-items:center;gap:8px;border:1px solid var(--linka);background:var(--biela);border-radius:999px;padding:8px 14px;min-height:44px;font-size:15px}
.sala{background:var(--biela);border:1px solid var(--linka);border-radius:6px;overflow:hidden;display:grid;grid-template-columns:1fr;margin-bottom:14px}
.sala img{width:100%;aspect-ratio:3/2;object-fit:cover}
.sala>div{padding:14px}
.sala p{margin:0 0 6px;font-size:15px}
.sala .technika{color:var(--tiche);font-size:14px}
.sala .kapacity{font-size:14px;color:var(--tiche)}
.volby{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.volby label{display:flex;align-items:center;gap:10px;min-height:44px;font-size:15px}
.sala>div>label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--tiche)}
.sala>div>label input{width:84px;min-height:44px;padding:8px 10px;border:1px solid var(--linka);border-radius:4px;font-size:16px;background:var(--biela)}

/* súhrn */
.suhrn{width:100%;border-collapse:collapse;background:var(--biela);border:1px solid var(--linka);margin-bottom:14px}
.suhrn td{padding:10px 12px;border-bottom:1px solid var(--linka);font-size:15px;vertical-align:top}
.suhrn td:last-child{text-align:right;white-space:nowrap}
.suhrn tfoot td{font-family:'Marcellus',Georgia,serif;font-size:19px;border-bottom:none;background:var(--bezova)}

/* lišta dole */
.lista{position:fixed;left:0;right:0;bottom:0;background:var(--tmava);color:var(--biela);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));z-index:6}
.lista__suma{display:flex;flex-direction:column;line-height:1.2;font-size:12px;color:#cfc9bf}
.lista__suma strong{font-family:'Marcellus',Georgia,serif;font-weight:400;font-size:20px;color:var(--zlata)}
.lista__tlacidla{display:flex;gap:8px}
.lista button{min-height:46px;padding:0 18px;border-radius:4px;border:1px solid #5c5852;background:transparent;color:var(--biela);font-size:16px}
.lista .dalej{background:var(--zlata);border-color:var(--zlata);color:var(--tmava);font-weight:500}
.lista .dalej:disabled{opacity:.6}

/* koncové obrazovky */
.koniec{max-width:620px;margin:40px auto;text-align:center}
.koniec .akcie{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}
.tlacidlo{background:var(--tmava);color:var(--biela);border-color:var(--tmava)}
.tlacidlo--obrys{background:var(--biela);color:var(--pismo);border-color:var(--zlata)}
.nacitavam{color:var(--tiche)}

@media (min-width:700px){
  h1{font-size:34px}
  .postup span{display:inline}
  .hore img{width:120px}
  .mriezka2{grid-template-columns:1fr 1fr}
  .mriezka3{grid-template-columns:repeat(3,1fr)}
  .polozky{grid-template-columns:1fr 1fr}
  .sala{grid-template-columns:44% 1fr}
  .sala img{height:100%;aspect-ratio:auto}
  .lista{padding-left:max(16px,calc((100% - 1040px)/2 + 16px));padding-right:max(16px,calc((100% - 1040px)/2 + 16px))}
  .lista__suma{flex-direction:row;align-items:baseline;gap:8px;font-size:14px}
}
@media (min-width:1000px){.polozky{grid-template-columns:repeat(3,1fr)}}