/* ICIT Company navigation — scoped additions (icn- prefix). Unpublished. */

/* Desktop disclosure */
.icn-company { position: relative; }
.icn-company-toggle {
  list-style: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding: 0 4px;
  color: var(--mut, #a29ba0);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  border-radius: 100px;
  transition: color .2s;
}
.icn-company-toggle::-webkit-details-marker { display: none; }
.icn-company-toggle::marker { content: ""; }
.icn-company-toggle::after {
  content: "";
  width: 6px; height: 6px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform .2s;
}
.icn-company[open] > .icn-company-toggle::after { transform: translateY(1px) rotate(-135deg); }
.icn-company-toggle:hover,
.icn-company[open] > .icn-company-toggle { color: var(--ink, #f5f2f3); }
.icn-company-toggle:focus-visible,
.icn-company-links a:focus-visible,
.icn-mobile-company a:focus-visible,
.icn-footer-company a:focus-visible {
  outline: 2px solid var(--red-hi, #ff4b52);
  outline-offset: 3px;
  border-radius: 8px;
}

.icn-company-links {
  position: absolute;
  top: calc(100% + 12px);
  inset-inline-start: -14px;
  min-width: 200px;
  display: flex;
  flex-direction: column;
  padding: 8px;
  background: rgba(20,15,18,.97);
  border: 1px solid var(--line, rgba(255,255,255,.1));
  border-radius: 16px;
  box-shadow: 0 18px 40px rgba(0,0,0,.45);
  z-index: 101;
  animation: icn-in .18s cubic-bezier(.22,1,.36,1);
}
.nav-in .links .icn-company-links a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 0 14px;
  border-radius: 10px;
  color: var(--ink, #f5f2f3);
  font-size: 14px;
  white-space: nowrap;
  transition: background-color .2s, color .2s;
}
.nav-in .links .icn-company-links a:hover { background: rgba(255,255,255,.07); }
.icn-company-links a[aria-current="page"] { color: var(--red-hi, #ff4b52) !important; }

@keyframes icn-in {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: none; }
}

/* Mobile group */
nav[data-icit-company-header] { z-index: 102; }
.mobile-menu[data-icit-company-menu] { z-index: 101; }
.icn-mobile-company {
  display: flex;
  flex-direction: column;
  padding-top: 10px;
}
.icn-mobile-label {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #8f888c; /* ~5.6:1 on menu bg */
  padding: 6px 0 0;
}
body.lang-ar .icn-mobile-label { letter-spacing: 0; }
.icn-mobile-company .mm-link {
  padding-inline-start: 14px;
  min-height: 44px;
}
.mobile-menu.open { max-height: 100dvh; overflow-y: auto; }

/* Footer column */
.icn-footer-company h4 {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .14em;
  color: #8f888c;
  text-transform: uppercase;
  margin-bottom: 12px;
}
body.lang-ar .icn-footer-company h4 { letter-spacing: 0; }
.icn-footer-company a { padding: 4px 0; }

@media (max-width: 900px) {
  .icn-company-links { position: static; }
}

@media (prefers-reduced-motion: reduce) {
  .icn-company-links { animation: none; }
  .icn-company-toggle::after { transition: none; }
  .mobile-menu { transition: none; }
}