/* ============================================================
   NDRF website - GIGW review fixes (Phase A)
   ============================================================ */

/* ---- Pause / Play buttons for moving text ---- */
.marquee-toggle {
  display: inline-block;
  margin: 2px 6px;
  padding: 2px 10px;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.6;
  color: #fff;
  background: #005c99;
  border: 1px solid #fff;
  border-radius: 3px;
  cursor: pointer;
  vertical-align: middle;
}
.marquee-toggle:hover, .marquee-toggle:focus-visible { background: #d3571e; }
#block-views-home-tabs-block .marquee-toggle { margin: 6px 0; }

/* ---- Slider pause / play (FlexSlider) with visible text ---- */
.flex-pauseplay a {
  width: auto !important;
  height: auto !important;
  left: 10px !important;
  bottom: 8px !important;
  padding: 3px 12px;
  font: bold 13px/1.5 Arial, sans-serif;
  color: #fff !important;
  background: rgba(0, 0, 0, 0.75);
  border-radius: 3px;
  opacity: 1 !important;
  overflow: visible !important;
  text-indent: 0 !important;
}
.flex-pauseplay a:before { content: none !important; }
.flex-pauseplay a:focus-visible { outline: 3px solid #ff9900; outline-offset: 2px; }

/* ---- Social media strip: no longer floating over content ---- */
.social-strip { background: #f4f8fb; border-bottom: 1px solid #dde6ee; padding: 6px 0; }
.social-strip h2 {
  display: inline-block; margin: 0 10px 0 0; font-size: 14px;
  color: #333; vertical-align: middle;
}
.social-strip ul { display: inline; margin: 0; padding: 0; list-style: none; }
.social-strip li { display: inline-block; margin: 2px 8px; }
.social-strip a {
  display: inline-flex; align-items: center; gap: 6px;
  color: #005c99; font-weight: bold; font-size: 14px; text-decoration: none;
}
.social-strip a:hover, .social-strip a:focus-visible { text-decoration: underline; }
.social-strip img { width: 26px; height: 26px; }
.social-strip .container { text-align: center; }

/* ---- National Portal link in the top bar ---- */
#header-nav li.national-portal a {
  display: inline-block; padding: 0 8px; font-weight: bold;
  color: inherit; text-decoration: none; white-space: nowrap;
}
#header-nav li.national-portal a:hover,
#header-nav li.national-portal a:focus-visible { text-decoration: underline; }

/* ---- Important portals row in the footer ---- */
.portal-links { text-align: center; padding: 10px 15px; background: #eef3f7; }
.portal-links h2 { display: inline; font-size: 14px; margin: 0 10px 0 0; color: #333; }
.portal-links ul { display: inline; margin: 0; padding: 0; list-style: none; }
.portal-links li { display: inline-block; margin: 3px 10px; }
.portal-links a { color: #005c99; font-weight: bold; text-decoration: underline; }

/* Keep the ticker Pause button visible next to the scrolling text */
.feed.marquee2 { display: flex; align-items: center; }
.feed.marquee2 marquee { flex: 1 1 auto; min-width: 0; }
.feed.marquee2 .marquee-toggle { flex: 0 0 auto; }

/* Missing / placeholder page notice */
.missing-page-notice {
  margin: 30px auto;
  max-width: 700px;
  padding: 24px 28px;
  background: #f4f8fc;
  border-left: 5px solid #005c99;
  border-radius: 4px;
  font-size: 16px;
  line-height: 1.7;
  color: #333;
}
.missing-page-notice a {
  color: #005c99;
  text-decoration: underline;
}

/* ---- Navigation dropdown fix ----
   Ensures sub-menus hide and show correctly with the new menu structure */
#main-menu ul.menu ul.menu {
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 0;
    width: 260px;
    background: #005c99;
    display: none;
    padding: 0;
    margin: 0;
    list-style: none;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
#main-menu ul.menu li:hover > ul.menu,
#main-menu ul.menu li:focus-within > ul.menu {
    display: block;
}
#main-menu ul.menu ul.menu li {
    display: block;
    float: none;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}
#main-menu ul.menu ul.menu li a {
    display: block;
    color: #fff !important;
    padding: 9px 15px !important;
    line-height: 1.4 !important;
    font-size: 14px;
    background: none;
}
#main-menu ul.menu ul.menu li a:hover,
#main-menu ul.menu ul.menu li a:focus {
    background: #d3571e !important;
    color: #fff !important;
}
#main-menu ul.menu li.is-expanded {
    position: relative;
}

/* ---- Fix: table cells hidden by broken theme CSS ---- */
table td, table th {
    display: table-cell !important;
}
table tr {
    display: table-row !important;
}
table {
    display: table !important;
}

/* ---- Fix: remove floating social media icon bar ---- */
.socialIconBox,
#skipCont .socialIconBox,
div#skipCont > ul {
    display: none !important;
}

/* ---- Fix: skip to content link only (keep visible) ---- */
div#skipCont a[href="#main-content"] {
    display: block !important;
}

/* ---- Hide top-bar dropdowns by default (only show on click via JS) ---- */
.common-right ul li.ico-accessibility ul,
.common-right ul li.ico-social ul,
.ico-site-search .search-drop {
    visibility: hidden !important;
    display: none !important;
}
.common-right ul li.ico-accessibility.hover ul,
.common-right ul li.ico-social.hover ul,
.common-right ul li.ico-accessibility:focus-within ul,
.common-right ul li.ico-social:focus-within ul {
    visibility: visible !important;
    display: block !important;
}
.ico-site-search.hover .search-drop,
.ico-site-search:focus-within .search-drop {
    visibility: visible !important;
    display: block !important;
}