/* KGC Denizcilik v24: compact segmented navigation. */

@media (min-width: 941px) {
  .site-header .desktop-nav {
    isolation: isolate;
    position: relative;
    display: flex !important;
    justify-self: center;
    align-items: center;
    justify-content: center;
    width: max-content;
    max-width: 100%;
    min-height: 44px;
    padding: 4px !important;
    gap: 2px !important;
    border: 1px solid rgba(8, 91, 130, 0.12);
    border-radius: 14px;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(246, 252, 254, 0.52)),
      rgba(255, 255, 255, 0.42);
    box-shadow:
      0 9px 25px rgba(5, 57, 84, 0.065),
      inset 0 1px 0 rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  .site-header .desktop-nav a {
    z-index: 1;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 clamp(7px, 0.62vw, 12px) !important;
    border: 1px solid rgba(10, 74, 108, 0.055);
    border-radius: 10px;
    color: #0a3152 !important;
    background: rgba(255, 255, 255, 0.16);
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.54);
    transition:
      color 220ms ease,
      border-color 220ms ease,
      background 220ms ease,
      box-shadow 220ms ease,
      transform 220ms ease;
  }

  .site-header .desktop-nav a::after {
    content: "" !important;
    pointer-events: none;
    position: absolute !important;
    top: -90% !important;
    right: auto !important;
    bottom: auto !important;
    left: -48% !important;
    width: 30% !important;
    height: 280% !important;
    border: 0 !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.62), transparent) !important;
    opacity: 0;
    transform: rotate(19deg) !important;
    transition: left 520ms ease, opacity 180ms ease !important;
  }

  .site-header .desktop-nav a[aria-current="page"] {
    border-color: rgba(75, 201, 238, 0.48);
    color: #ffffff !important;
    background: linear-gradient(135deg, #07557f 0%, #0a88b6 55%, #13a7d4 100%);
    box-shadow:
      0 8px 18px rgba(6, 102, 145, 0.22),
      0 0 0 1px rgba(255, 255, 255, 0.08) inset,
      0 1px 0 rgba(255, 255, 255, 0.26) inset;
  }

  .site-header .desktop-nav a:focus-visible {
    outline: 3px solid rgba(21, 159, 211, 0.28);
    outline-offset: 2px;
  }

  @media (hover: hover) {
    .site-header .desktop-nav a:not([aria-current="page"]):hover {
      border-color: rgba(17, 145, 192, 0.22);
      color: #076f9a !important;
      background: rgba(255, 255, 255, 0.88);
      box-shadow:
        0 7px 16px rgba(5, 79, 112, 0.11),
        inset 0 1px 0 rgba(255, 255, 255, 0.98);
      transform: translateY(-1px);
    }

    .site-header .desktop-nav a:hover::after {
      left: 122% !important;
      opacity: 1;
    }

    .site-header .desktop-nav a[aria-current="page"]:hover {
      background: linear-gradient(135deg, #064e76 0%, #0786b4 52%, #16addb 100%);
      box-shadow:
        0 10px 22px rgba(6, 102, 145, 0.28),
        0 0 20px rgba(49, 190, 229, 0.12);
      transform: translateY(-1px);
    }
  }
}

@media (min-width: 941px) and (max-width: 1280px) {
  .site-header .desktop-nav a {
    min-height: 33px;
    padding-inline: clamp(5px, 0.55vw, 8px) !important;
    font-size: 11.2px !important;
  }
}

@media (min-width: 941px) and (max-width: 1120px) {
  .site-header .header-tools {
    display: none !important;
  }

  .site-header .header-inner {
    grid-template-columns: 176px minmax(0, 1fr) 145px !important;
    gap: 10px !important;
  }

  .site-header .desktop-nav {
    min-height: 42px;
    padding: 3px !important;
    border-radius: 13px;
  }

  .site-header .desktop-nav a {
    min-height: 32px;
    padding-inline: 5px !important;
    font-size: 10.5px !important;
  }

  .site-header .quote-button {
    min-width: 145px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-header .desktop-nav a,
  .site-header .desktop-nav a::after {
    transition: none !important;
  }
}