/* ══ NAV LINKS — MOBILE HIDDEN ══ */ .nlinks { display: none !important; } @media (min-width: 1024px) { .nlinks { display: flex !important; } .hbg { display: none !important; } .n-login, .n-cta { display: inline-block !important; } } @media (max-width: 1023px) { .nlinks { display: none !important; } .hbg { display: flex !important; } .n-login { display: none !important; } .n-cta { display: none !important; } } /* ══ PAGE TOP PADDING ══ */ .pt-nav { padding-top: 5.2rem !important; } @media (max-width: 768px) { .pt-nav { padding-top: 4.8rem !important; } } /* ══ MOB MENU FINAL FIX ══ */ .mob { display: none; position: fixed !important; inset: 0 !important; background: rgba(3,5,10,.97) !important; z-index: 2000 !important; flex-direction: column; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; } .mob.open { display: flex !important; } .mob-inner { padding: 3.5rem 1.5rem 3rem !important; display: flex; flex-direction: column; gap: 0; min-height: 100%; } .mob a { display: block !important; padding: .75rem 1rem !important; font-family: 'Barlow Condensed', sans-serif !important; font-size: 1.5rem !important; font-weight: 800 !important; letter-spacing: .04em !important; color: rgba(255,255,255,.85) !important; text-decoration: none !important; border-bottom: 1px solid rgba(57,255,20,.06) !important; line-height: 1.2 !important; } .mob a:hover, .mob a:active { color: #39ff14 !important; } .mob-x { position: fixed !important; top: .7rem !important; right: 1rem !important; z-index: 2001 !important; background: rgba(3,5,10,.9) !important; border: 1px solid rgba(57,255,20,.3) !important; color: #39ff14 !important; padding: .4rem .85rem !important; cursor: pointer !important; font-family: 'Barlow Condensed', sans-serif !important; font-size: 1rem !important; font-weight: 800 !important; } .mob-section-label { font-family: 'Barlow Condensed', sans-serif !important; font-size: .75rem !important; font-weight: 700 !important; letter-spacing: .25em !important; color: rgba(57,255,20,.65) !important; padding: .8rem 1rem .3rem !important; border-bottom: 2px solid rgba(57,255,20,.12) !important; margin-top: .5rem !important; text-transform: uppercase !important; } /* ══ PLAN PRICING FIXES ══ */ /* Crossed out old price */ .plan-old-price { color: #ff4444 !important; text-decoration: line-through !important; font-size: .82rem !important; opacity: .75 !important; } .plan-discount-badge { background: #ff4444 !important; color: #fff !important; font-size: .5rem !important; font-weight: 800 !important; padding: .15rem .5rem !important; display: inline-block !important; letter-spacing: .1em !important; margin-bottom: .3rem !important; } /* Plan toggle - closed by default, opens on click */ .plan-toggle { cursor: pointer !important; display: flex !important; align-items: center !important; gap: .5rem !important; font-size: .85rem !important; color: var(--w3) !important; padding: .5rem 0 !important; user-select: none !important; font-weight: 600 !important; border-top: 1px solid rgba(57,255,20,.08) !important; margin-top: .8rem !important; } .plan-toggle::after { content: '+ Šta je uključeno' !important; font-family: 'Barlow Condensed', sans-serif !important; font-size: .75rem !important; letter-spacing: .08em !important; color: var(--accent) !important; margin-left: auto !important; transition: all .25s !important; } .plan.open .plan-toggle::after { content: '− Zatvori' !important; } /* Old plan-toggle-ico hidden */ .plan-toggle-ico { display: none !important; } /* Feats - closed by default */ .plan-feats { max-height: 0 !important; overflow: hidden !important; transition: max-height .4s ease !important; list-style: none !important; } .plan.open .plan-feats { max-height: 800px !important; } /* Plan toggle text when .plan has no explicit toggle */