/* seu-header.css — top strip (date/clock), mega-dropdown and side-item rules, copied verbatim from style-DGA.min.css of seu.edu.sa (2026-09)
   and scoped under .seu-site-header. Base header rules (navbar/brand/nav-item) live in seu-layout.css. */

.seu-site-header .topbar { line-height: 40px; height: 40px; }
.seu-site-header .topbar { background-color: var(--background-neutral-100); }
.seu-site-header .hidden, .seu-site-header .sideItem:not(.login) .textIcon > .label { display: none !important; }
.seu-site-header .nav.navbar { box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 4px; }
.seu-site-header .topbar { font-size: 14px; z-index: 1050; position: relative; display: flex; justify-content: space-between; align-items: flex-end; overflow: clip; transition: height 0.25s; padding: 0px 16px; }
.seu-site-header .topbar .infoContainer { display: flex; gap: var(--spacing-xl); }
.seu-site-header .topbar .textIcon { display: flex; align-items: center; flex-wrap: nowrap; gap: var(--spacing-xs); border: unset; background-color: transparent; height: 40px; }
.seu-site-header .generalInfo .textIcon > svg, .seu-site-header .textIcon > i { padding: 0px 1.25px; }
.seu-site-header .topbar .generalInfo .textIcon svg { color: rgb(56, 66, 80); }
.seu-site-header .topbar button.textIcon:hover { background-color: var(--background-neutral-200); }
.seu-site-header .sideItems .textIcon > i { font-size: 20px; }
.seu-site-header #searchDropdown form { flex-wrap: nowrap; }
.seu-site-header .textIcon { display: flex; align-items: center; gap: 4px; }
@media (min-width: 992px) and (max-width: 1500px) { .seu-site-header .textIcon > .label { display: none; } }
.seu-site-header .dropdown-fullwidth a { display: block; padding: 0.5rem 1rem; color: var(--text-default); text-decoration: none; border-radius: 8px; }
.seu-site-header .dropdown-fullwidth a:hover { background-color: var(--button-background-neutral-hovered); }
.seu-site-header .dropdown-fullwidth a:active { background-color: var(--button-background-neutral-pressed); }
.seu-site-header .dropdown-fullwidth .dropdown-columns.grid { column-count: 4; column-gap: 2rem; padding: 2rem 0px; }
.seu-site-header .dropdown-fullwidth .dropdown-columns.grid .column { break-inside: avoid; margin-bottom: 2rem; }
@media (max-width: 1280px) { .seu-site-header .dropdown-fullwidth .dropdown-columns.grid { column-count: 3; } }
@media (max-width: 992px) { .seu-site-header .dropdown-fullwidth .dropdown-columns.grid { column-count: 2; } }
.seu-site-header .dropdown-fullwidth .dropdown-columns h6 { font-size: 1rem; margin-bottom: 1rem; color: rgb(27, 131, 84); font-weight: 700; }
.seu-site-header .dropdown-fullwidth .dropdown-columns ul, .seu-site-header .multi-column-list { margin: 0px; padding: 0px; list-style: none; }
.seu-site-header .dropdown-fullwidth .dropdown-columns.rowList { padding: 2rem 0px; }
.seu-site-header .dropdown-fullwidth .dropdown-columns.rowList .list { display: flex; justify-content: space-evenly; flex-wrap: wrap; }
.seu-site-header .dropdown-fullwidth .dropdown-columns.rowList .list * { color: rgb(27, 131, 84); font-weight: 700; }
.seu-site-header .multi-column-list { column-count: 3; column-gap: 2rem; }
.seu-site-header .multi-column-list * { white-space: nowrap; }
@media (max-width: 992px) { .seu-site-header .dropdown-fullwidth .dropdown-columns.rowList { padding: 1rem 0px; } }
@media (max-width: 992px) { .seu-site-header .dropdown-fullwidth .dropdown-columns.rowList .list { flex-direction: column; } }
@media (max-width: 992px) { .seu-site-header .multi-column-list { column-count: 2; } }
@media (max-width: 576px) { .seu-site-header .dropdown-fullwidth .dropdown-columns.grid, .seu-site-header .multi-column-list { column-count: 1; } }
@media (min-width: 992px) { .seu-site-header .nav-item.center .dropdown-fullwidth { width: fit-content; right: auto; padding: 8px; left: 50px; transform: translate(-50%, -100%); } }
@media (min-width: 992px) { .seu-site-header .dropdown-fullwidth { position: absolute; top: 0px; right: 0px; left: 0px; width: 100%; min-width: 230px; background-color: rgb(255, 255, 255); padding: 1rem 2rem; z-index: -2; box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 16px; border-radius: 0px 0px 16px 16px; overflow: hidden; transform: translateY(-100%); pointer-events: none; transition: transform 0.3s; } }
@media (min-width: 992px) { html[dir="ltr"] .seu-site-header .nav-item.center .dropdown-fullwidth { left: 0px; right: 50px; } }
@media (min-width: 992px) { .seu-site-header .dropdown-fullwidth.show { transform: translateY(84px); pointer-events: auto; } }
@media (min-width: 992px) { .seu-site-header .nav-item.center .dropdown-fullwidth.show { transform: translate(-50%, 84px); } }
@media (max-width: 991.98px) { .seu-site-header .nav-item:not(.sideItem), .seu-site-header .navbar { height: unset !important; } }
@media (max-width: 991.98px) { .seu-site-header .nav-item.sideItem > .nav-link::before, .seu-site-header .nav-item > .nav-link::before { width: calc(100% - var(--spacing-md) * 4); } }
@media (max-width: 991.98px) { .seu-site-header .sideItems { position: absolute; bottom: 0px; right: 0px; left: 0px; background-color: var(--background-neutral-100); display: flex; justify-content: center; align-items: center; opacity: 0; transition: opacity 0.2s; gap: 0px !important; } }
@media (max-width: 991.98px) { .seu-site-header .navbar-collapse.show .sideItems { opacity: 1; } }
@media (max-width: 991.98px) { .seu-site-header .sideItems .nav-item.sideItem .dropdown-fullwidth { background-color: var(--background-neutral-100); box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 4px; } }
@media (max-width: 991.98px) { .seu-site-header #searchDropdown { min-width: 300px; } }
@media (max-width: 991.98px) { .seu-site-header .dropdown-fullwidth { height: 0px; overflow: hidden; transition: height 0.3s; } }
@media (max-width: 991.98px) { .seu-site-header .dropdown-fullwidth.show { height: 100%; } }
@media (max-width: 991.98px) { .seu-site-header .nav-item.sideItem .dropdown-fullwidth { position: absolute; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 16px; border-radius: 0px 0px 16px 16px; } }
@media (max-width: 991.98px) { .seu-site-header .nav-item.sideItem .dropdown-fullwidth .container { padding: 1rem 2rem; } }
@media (max-width: 991.98px) { .seu-site-header .sideItems .nav-item.sideItem .nav-link { height: 85px; } }
@media (max-width: 991.98px) { .seu-site-header .nav-item.sideItem.login .label { display: none; } }
.seu-site-header .dropdown-fullwidth .list a { text-decoration: 1.5px; text-underline-offset: 4px; transition: 0.2s; }
.seu-site-header .dropdown-fullwidth .list a:hover, .seu-site-header .dropdown-fullwidth .list a:focus { text-decoration: underline; }

/* Top strip: keep date/clock on the far left as on the site (they were the last flex child after the removed stamp trigger) */
.seu-site-header .topbar { justify-content: flex-end; }