/* ===========================================================================
   התאמות לסימון ש-WordPress מייצר ואינו קיים בפרוטוטייפ.
   קובץ נפרד ולא עריכה של style.css — style.css הוא עותק נאמן של הפרוטוטייפ.
   =========================================================================== */

/* ---------------------------------------------------------------------------
   תפריטי ניווט.

   בפרוטוטייפ הקישורים הם <a> ישירים בתוך <nav>. wp_nav_menu עוטף כל פריט
   ב-<li> (ולעיתים גם ב-<ul>), ומכאן הבולטים ושבירת הפריסה. כאן מאפסים את
   הרשימה ומחזירים לעוגנים את ההתנהגות שהייתה להם כילדים ישירים.
   --------------------------------------------------------------------------- */

.main-nav ul,
.m-nav ul,
.ft-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: contents;   /* ה-ul לא משתתף בפריסה — ה-li נשארים ילדי ה-nav */
}

.main-nav li,
.m-nav li,
.ft-links li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-nav li::marker,
.m-nav li::marker,
.ft-links li::marker {
  content: "";
}

/* תפריט ראשי — ה-li נעשה פריט ה-flex במקום ה-a */
.main-nav li {
  display: inline-flex;
  align-items: center;
}

/* תחתית — אותו דבר */
.ft-links li {
  display: inline-flex;
  align-items: center;
}

/*
 * תפריט מובייל: הפרוטוטייפ מסגנן .m-nav>a בבורר ילד ישיר, שאינו תופס
 * כשיש <li> באמצע. משכפלים את אותו עיצוב בדיוק לעוגן שבתוך ה-li.
 */
.m-nav li {
  display: block;
}
.m-nav li > a {
  display: block;
  color: #fff;
  font-size: 19px;
  font-weight: 600;
  padding: 15px 4px;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
}

/* פריט התפריט הפעיל — כמו aria-current בפרוטוטייפ */
.main-nav li.current-menu-item > a,
.main-nav li.current_page_item > a {
  color: var(--gold);
}
.main-nav li.current-menu-item > a::after,
.main-nav li.current_page_item > a::after {
  transform: scaleX(1);
}