/* Unik overrides on top of the Arcline template */

/* Navbar CTA uses the primary (hero) button colors */
.navbar-actions .button.is-light,
.navbar-actions .button.is-blue {
  background-color: var(--_color-tokens---button-color--primary-button-bg);
  color: var(--_color-tokens---button-color--primary-button-text);
}
.navbar-actions .button.is-light:hover, .navbar-actions .button.is-light:focus-visible,
.navbar-actions .button.is-blue:hover, .navbar-actions .button.is-blue:focus-visible {
  background-color: var(--_color-tokens---button-color--primary-button-bg-hover);
  color: var(--_color-tokens---button-color--primary-button-text);
}

/* Secondary (outline) button: white on hover instead of yellow */
.button.is-outline:hover, .button.is-outline:focus-visible, .button.is-outline[data-wf-focus-visible] {
  border-color: var(--_color-palette---white-color--900);
  background-color: var(--_color-palette---white-color--900);
  color: var(--_color-tokens---button-color--outline-button-text-hover);
}

/* Navbar always pinned to the top on every page */
.navbar-component {
  position: fixed !important;
  top: 0; left: 0; right: 0;
  z-index: 1000 !important;
  transform: none !important;
  background-color: transparent;
  transition: background-color .25s ease, backdrop-filter .25s ease, border-color .25s ease;
}
/* background appears only after scrolling (class set by /unik.js) */
.navbar-component.is-scrolled {
  background-color: rgba(0, 9, 23, 0.82);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
header[data-wf--navbar--variant="light"].navbar-component.is-scrolled {
  background-color: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

/* Mobile: keep the navbar CTA visible, compact */
@media screen and (max-width: 479px) {
  .navbar-cta { display: flex; }
  .navbar-cta.w-variant-1b0568e0-9d66-2fe3-a584-00ada54696e9 { display: none; }
  .navbar-cta-light.w-variant-1b0568e0-9d66-2fe3-a584-00ada54696e9 { display: flex; }
  .navbar-actions .button { padding: .5rem .8rem; font-size: .8125rem; }
  .navbar-actions .button .button-notch { display: none; }
}

/* Hamburger menu button without a frame */
.navbar-menu-button,
.navbar-menu-button:focus-visible,
.navbar-menu-button[data-wf-focus-visible] { border: 0 !important; }

/* Hide the duplicate hover label until hover: Turkish capitals (İ) peeked out of the mask */
.button .button-text.is-hover,
.link-button .button-text.is-hover { opacity: 0; transition: opacity .2s ease; }
.button:hover .button-text.is-hover,
.button:focus-visible .button-text.is-hover,
.link-button:hover .button-text.is-hover,
.link-button:focus-visible .button-text.is-hover { opacity: 1; }
/* Service tabs have no hover slide, so the duplicate label is not needed */
.unik-svc-tab .button-text.is-hover { display: none; }

/* Service detail pages: our dashboard visual replaces the template brief card */
.service-details-brief-card { display: none; }
.service-details-hero-image { object-fit: cover; object-position: center; }
.unik-svc-img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* Hizmetler mega menu: one column per customer type */
.unik-svc-mega .navbar-mega-links { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* Larger navbar logo on desktop */
@media screen and (min-width: 992px) {
  .navbar-logo, .navbar-logo-dark { height: 2.25rem; }
}