/* ================= BASE RESET ================= */
.header--row {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
}

/* ================= DESKTOP ================= */
@media (min-width: 1025px) {
  /* ----- Logged OUT (guests) ----- */
  body:not(.logged-in) .header--row.header-top:not(.hide-on-desktop)    { display: block !important; }
  body:not(.logged-in) .header--row.header-main:not(.hide-on-desktop)   { display: block !important; }
  body:not(.logged-in) .header--row.header-bottom:not(.hide-on-desktop) { display: none  !important; }

  /* ----- Logged IN (members) ----- */
  body.logged-in .header--row.header-top:not(.hide-on-desktop)    { display: none  !important; }
  body.logged-in .header--row.header-main:not(.hide-on-desktop)   { display: block !important; }
  body.logged-in .header--row.header-bottom:not(.hide-on-desktop) { display: block !important; }

  /* 🔒 Hide ALL mobile-specific rows */
  .header--row.hide-on-desktop,
  .header--row[data-show-on="mobile"],
  .header--row[data-show-on="tablet"] {
    display: none !important;
  }
}

/* ================= MOBILE & TABLET ================= */
@media (max-width: 1024px) {
  /* ----- Logged OUT (guests) ----- */
  body:not(.logged-in) .header--row.header-top.hide-on-desktop    { display: block !important; }
  body:not(.logged-in) .header--row.header-main.hide-on-desktop   { display: block !important; }
  body:not(.logged-in) .header--row.header-bottom.hide-on-desktop { display: none  !important; }

  /* ----- Logged IN (members) ----- */
  body.logged-in .header--row.header-top.hide-on-desktop    { display: none  !important; }
  body.logged-in .header--row.header-main.hide-on-desktop   { display: block !important; }
  body.logged-in .header--row.header-bottom.hide-on-desktop { display: block !important; }

  /* 🔒 Hide ALL desktop-specific rows */
  .header--row[data-show-on="desktop"],
  .header--row:not(.hide-on-desktop):not([data-show-on]) {
    display: none !important;
  }
}