/* =====================================================================
   ALYSUM — sklenený vzhľad pre celý web (úvodná stránka aj podstránky)
   Načítava sa cez /assets/site-nav.js. Triedu .is-glass dostanú svetlé
   karty, panely a formuláre automaticky (site-nav.js → sklo()).
   Vypnutie na prvku: data-bez-skla
   ===================================================================== */
:root{
  --glass-bg: rgba(255,255,255,.56);
  --glass-bg-strong: rgba(255,255,255,.72);
  --glass-brd: rgba(255,255,255,.85);
  --glass-blur: blur(22px) saturate(165%);
  --glass-shadow: 0 18px 50px -22px rgba(30,10,12,.28), 0 2px 6px rgba(30,10,12,.04), inset 0 1px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(255,255,255,.35);
}
.is-glass,
.glass-card{
  background-color: var(--glass-bg) !important;
  background-image: linear-gradient(135deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,.12) 45%, rgba(255,255,255,.28) 100%) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
  backdrop-filter: var(--glass-blur) !important;
  border: 1px solid var(--glass-brd) !important;
  box-shadow: var(--glass-shadow) !important;
}
/* formuláre a menu potrebujú o trochu viac krytia kvôli čitateľnosti */
.is-glass.glass-strong{
  background-color: var(--glass-bg-strong) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
  backdrop-filter: var(--glass-blur) !important;
  border: 1px solid var(--glass-brd) !important;
  box-shadow: var(--glass-shadow) !important;
}
.asnav-panel{
  background-color: rgba(255,255,255,.93) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
  backdrop-filter: var(--glass-blur) !important;
  border: 1px solid var(--glass-brd) !important;
  box-shadow: var(--glass-shadow) !important;
}
/* hlavička ako sklenená lišta */
header.asnav{
  background-color: rgba(255,255,255,.5) !important;
  -webkit-backdrop-filter: blur(20px) saturate(170%) !important;
  backdrop-filter: blur(20px) saturate(170%) !important;
  border-bottom: 1px solid rgba(255,255,255,.75) !important;
  box-shadow: 0 8px 30px -18px rgba(30,10,12,.25) !important;
}
/* políčka formulárov ako matné sklo */
.is-glass input:not([type=checkbox]):not([type=radio]),
.is-glass textarea,
.is-glass select{
  background-color: rgba(255,255,255,.7) !important;
  border-color: rgba(10,10,10,.14) !important;
}
/* jemný lesk na hrane pri prechode myšou */
a.is-glass, .is-glass.hov{ transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s; }
a.is-glass:hover{ transform: translateY(-3px); box-shadow: 0 26px 60px -24px rgba(30,10,12,.35), inset 0 1px 0 #fff !important; }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .is-glass, .glass-card{ background-color: rgba(255,255,255,.9) !important; }
}

/* Expresné služby zvýraznené v menu Služby */
.asnav-panel a[href*="expresne-sluzby"]{position:relative;background:linear-gradient(90deg,hsl(var(--primary)/.13),hsl(var(--primary)/.03)) !important;box-shadow:inset 3px 0 0 hsl(var(--primary))}
.asnav-panel a[href*="expresne-sluzby"]:hover{background:linear-gradient(90deg,hsl(var(--primary)/.2),hsl(var(--primary)/.05)) !important}
.asnav-panel a[href*="expresne-sluzby"] b{color:hsl(var(--primary)) !important}
.asnav-panel a[href*="expresne-sluzby"] b::after{content:"UŽ OD 24 H";display:inline-block;margin-left:8px;padding:3px 7px;font-size:10px;font-weight:800;letter-spacing:.06em;line-height:1.2;color:#fff;background:hsl(var(--primary));vertical-align:2px}
.ex-tris{display:none!important} /* ploché trojuholníky nahradil 3D */
/* tlačidlá všade hranaté a rovnakým písmom ako na úvodnej stránke */
body.alysum-editorial .btn{border-radius:0 !important;font-family:Manrope,sans-serif !important;font-weight:700 !important;font-size:13px !important;letter-spacing:.05em !important;text-transform:uppercase}
.es-tri,.bl-tri{visibility:hidden !important} /* staré ploché trojuholníky – nahradil ich 3D */
.on-foto{max-width:760px}
.on-foto img{width:100%;height:auto}
html[lang=en] .asnav-panel a[href*="expresne-sluzby"] b::after{content:"FROM 24 H"}
html[lang=de] .asnav-panel a[href*="expresne-sluzby"] b::after{content:"AB 24 STD."}

/* O nás: 3D trojuholník pri fotke nesmie byť orezaný spodkom sekcie */
.bl-hero:has(.on-foto){overflow-x:clip;overflow-y:visible}

/* žiadne vodorovné posúvanie stránky na žiadnom zariadení (30. 10.):
   3D trojuholník a dekorácie môžu presahovať okraj, ale stránka sa do strán nehýbe */
html, body { overflow-x: clip; }
@supports not (overflow: clip) { body { overflow-x: hidden; } }