/* Page-level styles for the Iga juht on IT-juht landing page. */
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--surface); }
a { color: var(--link); }
a:hover { color: var(--blue-deep); }
[hidden] { display: none !important; }

.ij-hero-accent { color: var(--blue-soft); }
.ij-tab[aria-pressed="true"] { background: var(--navy); color: var(--on-navy); border-color: var(--navy); }

/* Grid and dot pattern on dark header, footer and signup band */
.ij-header-pattern { position: relative; overflow: hidden; }
.ij-header-pattern::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(157,184,242,0.09) 1px, transparent 1px), linear-gradient(90deg, rgba(157,184,242,0.09) 1px, transparent 1px); background-size: 56px 56px; background-position: -1px -1px; -webkit-mask-image: linear-gradient(105deg, transparent 18%, #000 72%); mask-image: linear-gradient(105deg, transparent 18%, #000 72%); }
.ij-header-pattern::after { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(rgba(157,184,242,0.28) 1.2px, transparent 1.6px); background-size: 56px 56px; background-position: -28px -28px; -webkit-mask-image: linear-gradient(105deg, transparent 30%, #000 85%); mask-image: linear-gradient(105deg, transparent 30%, #000 85%); }
.ij-header-pattern > .ij-container { position: relative; z-index: 1; }
.ij-signup-pattern { position: relative; overflow: hidden; }
.ij-signup-pattern::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,0.10) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.10) 1px, transparent 1px); background-size: 56px 56px; background-position: -1px -1px; -webkit-mask-image: linear-gradient(105deg, transparent 35%, #000 85%); mask-image: linear-gradient(105deg, transparent 35%, #000 85%); }
.ij-signup-pattern::after { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(rgba(255,255,255,0.32) 1.2px, transparent 1.6px); background-size: 56px 56px; background-position: -28px -28px; -webkit-mask-image: linear-gradient(105deg, transparent 45%, #000 95%); mask-image: linear-gradient(105deg, transparent 45%, #000 95%); }
.ij-signup-pattern > * { position: relative; z-index: 1; }

.ij-logo { white-space: nowrap; }

/* Mobile menu (the design shows the button; this is the panel it opens) */
.ij-mobile-menu { display: flex; flex-direction: column; padding: 8px 0 20px; border-bottom: 1px solid var(--navy-line); }
.ij-dark .ij-mobile-menu a { display: flex; align-items: center; min-height: 48px; color: var(--on-navy); font-size: 17px; font-weight: 500; text-decoration: none; }
@media (min-width: 861px) { .ij-mobile-menu { display: none !important; } }
.ij-mobile-menu .ij-btn { margin-top: 12px; align-self: flex-start; }
@media (max-width: 479px) { .ij-nav-register { display: none; } }

/* Notify dialog */
.ij-modal { position: fixed; inset: 0; z-index: 50; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(11, 23, 48, 0.72); }
.ij-modal .ij-card { position: relative; width: 100%; max-width: 560px; box-sizing: border-box; }
body.ij-modal-open { overflow: hidden; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .ij-faq-icon { transition: none; }
}