/* Demo Apps navigacija, samo za Astra child temu */
#masthead { display: none !important; }
.demoapps-header { position:relative; z-index:100; background:#fff; border-bottom:1px solid #e6ebf3; box-shadow:0 3px 16px rgba(15,23,42,.04); }
.demoapps-header-inner { max-width:1240px; margin:auto; min-height:78px; padding:0 24px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.demoapps-logo { color:#172554; font-weight:850; font-size:25px; letter-spacing:-.8px; white-space:nowrap; text-decoration:none; }
.demoapps-logo span { color:#2563eb; }
.demoapps-nav { display:flex; align-items:center; gap:28px; }
.demoapps-nav a { color:#334155; text-decoration:none; font-size:14px; font-weight:650; transition:color .15s; }
.demoapps-nav a:hover, .demoapps-nav a:focus { color:#2563eb; }
.demoapps-nav .demoapps-cta { background:#2563eb; color:white; padding:12px 19px; border-radius:10px; font-weight:750; }
.demoapps-nav .demoapps-cta:hover { background:#1d4ed8; color:white; }
.demoapps-toggle { display:none; background:none; border:0; padding:10px; cursor:pointer; }
.demoapps-toggle span { display:block; width:24px; height:2px; margin:5px 0; background:#172554; }
@media (max-width:850px) {
  .demoapps-header-inner { min-height:68px; flex-wrap:wrap; gap:0; }
  .demoapps-toggle { display:block; }
  .demoapps-nav { display:none; flex:0 0 100%; width:100%; flex-direction:column; align-items:stretch; gap:0; padding:8px 0 18px; }
  .demoapps-nav.is-open { display:flex; }
  .demoapps-nav a { display:block; padding:12px 4px; }
  .demoapps-nav .demoapps-cta { text-align:center; margin-top:10px; }
}

/* v1.3.0 colorful menu refinement */
.demoapps-header{border-bottom:1px solid #e9e7fb;box-shadow:0 6px 24px rgba(49,46,129,.06)}
.demoapps-logo span{color:#7c3aed}
.demoapps-nav a:hover{color:#7c3aed}
.demoapps-nav .demoapps-cta{background:linear-gradient(110deg,#4f46e5,#7c3aed);box-shadow:0 6px 18px rgba(99,102,241,.2)}
.demoapps-nav .demoapps-cta:hover{background:linear-gradient(110deg,#4338ca,#6d28d9)}