/* Nested (3rd level and deeper) menu styling — desktop fly-outs and mobile accordions.
   Plain CSS on purpose: styles.css is a purged Tailwind build, so new utility
   classes added in PHP would not exist there. */

/* ---------- Desktop ---------- */
.irc-has-sub { position: relative; }

.irc-flyout {
  display: none;
  position: absolute;
  top: -14px;
  right: 100%;          /* RTL: open towards the left of the parent item */
  z-index: 60;
  padding-right: 8px;   /* transparent bridge so hover isn't lost between panels */
}
.irc-flyout > ul {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: max-content;
  max-width: 360px;
  padding: 14px 24px 24px;
  background: #F7F8FA;
  box-shadow: 0 25px 50px 0 #2B2B2B14;
}
.irc-has-sub:hover > .irc-flyout,
.irc-has-sub:focus-within > .irc-flyout { display: block; }

/* small "<" arrow on nested items that have children */
.irc-has-sub > a { justify-content: space-between; }
.irc-has-sub > a::after {
  content: "";
  flex: none;
  width: 7px;
  height: 7px;
  margin-inline-start: 12px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
}
.irc-has-sub:hover > a { color: #CC3333; }

/* ---------- Mobile ---------- */
.irc-m-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 14px 16px 4px 0;
  margin-right: 4px;
  border-right: 1px solid #E5E7EB;
}
.irc-m-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.irc-m-item .irc-m-link,
.irc-m-item > a { font-size: 15px; line-height: 21px; }
.irc-m-link .chevron-container { margin-inline-start: 8px; }