/* Morgana: simplified WINBAU static menu overlay */
:root{ --wb-accent:#1499A8; --wb-accent-dark:#08747d; --wb-bg:#ffffff; --wb-text:#0f172a; }

/* horný info-pruh (teal) */
.wb-infobar{ background:var(--wb-accent); color:#fff; font-weight:800; font-size:14px; }
.wb-infobar__inner{ max-width:1280px; margin:0 auto; padding:0 14px; min-height:38px;
  display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.wb-infobar span{ opacity:.96; }

/* nová pätička (tmavá, ako homepage) */
.wb-footer{ background:#0f242b; color:rgba(255,255,255,.74); font-weight:650; padding:34px 0; margin-top:40px; }
.wb-footer__inner{ max-width:1280px; margin:0 auto; padding:0 20px;
  display:grid; grid-template-columns:1.2fr repeat(3,1fr); gap:28px; align-items:start; }
.wb-footer__logo{ width:150px; height:auto; filter:brightness(0) invert(1); margin-bottom:10px; display:block; }
.wb-footer strong{ color:#fff; display:block; margin-bottom:8px; }
.wb-footer a{ color:rgba(255,255,255,.74); text-decoration:none; }
.wb-footer a:hover{ color:#fff; }
@media (max-width:1050px){ .wb-footer__inner{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:720px){ .wb-footer__inner{ grid-template-columns:1fr; } .wb-infobar__inner{ flex-direction:column; align-items:flex-start; padding:8px 14px; min-height:0; } }

.wb-topbar{
  position: sticky; top: 0; z-index: 99999;
  background: rgba(255,255,255,0.9);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(15,23,42,0.08);
}
.wb-topbar__inner{
  max-width: 1280px; margin: 0 auto;
  display:flex; align-items:center; justify-content:space-between;
  padding: 12px 20px;
  gap: 18px;
}
.wb-brand{ display:flex; align-items:center; gap:10px; text-decoration:none; flex:0 0 auto; }
.wb-brand img{ height: 40px; width:auto; display:block; }
.wb-brand span{ font-weight:900; letter-spacing:.08em; color: var(--wb-text); font-size:18px; }

/* MENU NA STRED */
.wb-nav{ flex:1 1 auto; display:flex; align-items:center; justify-content:center; gap: 28px; flex-wrap:nowrap; }
.wb-nav > a, .wb-has-children > a.wb-parent{ color: var(--wb-text); text-decoration:none; font-weight:850; font-size:15px; letter-spacing:-0.01em; transition:color .15s ease; }
.wb-nav > a:hover{ color: var(--wb-accent); }

.wb-actions{ display:flex; align-items:center; gap:14px; flex:0 0 auto; }

/* --- Desktop dropdown pre kategórie (Okná, Dvere, O nás) --- */
.wb-has-children{ position:relative; display:inline-flex; align-items:center; }
.wb-has-children > a.wb-parent{ display:inline-flex; align-items:center; gap:4px; cursor:pointer; }
.wb-caret{ font-size:10px; opacity:.7; }
.wb-has-children::after{ content:''; position:absolute; top:100%; left:0; right:0; height:14px; }
.wb-dropdown{
  position:absolute; top:calc(100% + 12px); left:0; min-width:240px;
  background:#fff; border:1px solid rgba(15,23,42,0.10);
  border-radius:12px; box-shadow:0 18px 40px rgba(0,0,0,.14);
  padding:8px; opacity:0; visibility:hidden; transform:translateY(6px);
  transition:opacity .15s ease, transform .15s ease; z-index:100001;
}
.wb-has-children:hover > .wb-dropdown,
.wb-has-children:focus-within > .wb-dropdown{ opacity:1; visibility:visible; transform:translateY(0); }
.wb-dropdown a{ display:block; padding:8px 10px; border-radius:8px; font-size:13.5px; font-weight:700; white-space:nowrap; color:var(--wb-text); }
.wb-dropdown a:hover{ background:rgba(20,153,168,0.08); color:var(--wb-accent); }
.wb-dropdown__sub a{ padding-left:22px; opacity:.85; font-size:13px; font-weight:600; }

.wb-phone{
  display:inline-flex; align-items:center; gap:6px;
  color: var(--wb-text) !important; font-weight:900; font-size:14px;
  text-decoration:none; white-space:nowrap;
}
.wb-phone::before{ content:"\260E"; color: var(--wb-accent); font-size:15px; }
.wb-phone:hover{ color: var(--wb-accent) !important; }

.wb-cta a{
  display:inline-flex; align-items:center; justify-content:center;
  background: linear-gradient(135deg, var(--wb-accent), var(--wb-accent-dark));
  color:#fff; padding: 12px 20px;
  border-radius: 12px;
  font-weight:850; font-size:14px; white-space:nowrap;
  box-shadow: 0 10px 22px rgba(20,153,168,0.28);
  transition: transform .2s ease, box-shadow .2s ease;
}
.wb-cta a:hover{ transform:translateY(-2px); box-shadow:0 14px 28px rgba(20,153,168,0.38); color:#fff; }

.wb-burger{
  display:none;
  width:46px; height:46px;
  border: 1px solid rgba(15,23,42,0.12);
  border-radius: 12px;
  background:#fff; cursor:pointer;
  transition: background .15s ease;
}
.wb-burger:hover{ background:#f3f7f8; }
.wb-burger span{ display:block; width:20px; height:2px; background:var(--wb-text); margin:4px auto; border-radius:2px; }

/* Mobile / tablet: logo + hamburger; menu, telefón a CTA idú do draweru */
@media (max-width: 991px){
  .wb-nav{ display:none; }
  .wb-actions .wb-phone, .wb-actions .wb-cta{ display:none; }
  .wb-burger{ display:block; }
}

.wb-drawer-backdrop{
  position: fixed; inset: 0; background: rgba(0,0,0,0.55);
  z-index: 100000; display:none;
}
.wb-drawer{
  position: fixed; top: 0; right: 0; height: 100vh;
  width: min(92vw, 360px);
  background: #0b1220;
  z-index: 100001;
  transform: translateX(100%);
  transition: transform .22s ease;
  padding: 14px;
  display:flex; flex-direction:column;
}
.wb-drawer__head{
  display:flex; align-items:center; justify-content:space-between;
  color:#fff; margin-bottom: 8px;
}
.wb-drawer__close{
  width:44px; height:44px;
  border: 1px solid rgba(255,255,255,0.18);
  background: transparent;
  border-radius: 12px;
  color:#fff; font-size: 24px;
}
.wb-drawer__links{ overflow-y:auto; flex:1 1 auto; }
.wb-drawer__links a{
  display:block;
  color:rgba(255,255,255,0.92); text-decoration:none;
  padding: 12px 12px;
  border-radius: 12px;
  font-weight: 800; font-size:15px;
}
.wb-drawer__links a:hover{ background: rgba(255,255,255,0.08); color:#fff; }
.wb-drawer .wb-drawer__cta{
  background: linear-gradient(135deg, var(--wb-accent), var(--wb-accent-dark));
  color:#fff; margin-top: 10px; text-align:center; padding:14px; border-radius:12px;
  font-weight:850; box-shadow:0 10px 22px rgba(20,153,168,0.3);
}
.wb-drawer .wb-drawer__phone{
  color:#fff; text-align:center; padding:12px; margin-top:8px;
  border:1px solid rgba(255,255,255,0.18); border-radius:12px; font-weight:850;
}
.wb-drawer .wb-drawer__phone:hover{ background:rgba(255,255,255,0.08); }

body.wb-menu-open .wb-drawer-backdrop{ display:block; }
body.wb-menu-open .wb-drawer{ transform: translateX(0); }