#header{width:1080;height:300;/* Đặt lại banner */
#header, .header {
    background: url('//uploads/nen-1_1.png.png') no-repeat center top;
    background-size: cover;
    height: 400px;
    position: relative;
    z-index: 1;
}

/* Đảm bảo menu và nội dung không che banner */
.header-menu, .navbar {
    position: relative !important;
    z-index: 10;
    margin-top: 380px; /* Đẩy toàn bộ nội dung xuống dưới banner */
}

/* Nếu menu vẫn bị dính, thêm khoảng cách cho phần chính */
#body, .main, #content {
    margin-top: 30px;
}
🎉 CHÀO MỪNG BẠN ĐẾN VỚI TRƯỜNG THPT DƯƠNG BẠCH MAI - NƠI KHƠI NGUỒN TRI THỨC VÀ ƯỚC MƠ! 🎓
/* Hiển thị banner lớn đầy đủ */
#header {
    background: url('/uploads/banners/banner-dbmai.png') no-repeat center top;
    background-size: cover;
    height: 150px;
    position: relative;
    z-index: 1;
}
<div id="moving-text">
  <span>🎉 CHÀO MỪNG BẠN ĐẾN VỚI TRƯỜNG THPT DƯƠNG BẠCH MAI – NƠI KHƠI NGUỒN TRI THỨC VÀ ƯỚC MƠ! 🎓</span>
</div>
<div id="datetime">
  <span>🌟 CHÀO MỪNG NĂM HỌC MỚI 2025–2026 – HỌC SINH TRƯỜNG THPT DƯƠNG BẠCH MAI TÍCH CỰC HỌC TẬP VÀ SÁNG TẠO! 🌈</span>
</div>
<div class="banner-stars">
  <span class="star"></span>
  <span class="star"></span>
  <span class="star"></span>
  <span class="star"></span>
  <span class="star"></span>
  <span class="star"></span>
</div>;}#footer{background-image:url('/uploads/chan.png');}@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;900&display=swap');

/* --- Giữ cấu trúc header và căn chỉnh menu --- */
#menusite, .header-menu, .navbar {
  margin-top: 35px !important;
  position: relative !important;
  z-index: 4;
}

#body, .container, #content {
  margin-top: 5px !important;
}

.logo, .site-name {
  position: relative;
  z-index: 10;
}

/* ====== BANNER ====== */
#header {
  position: relative;
  overflow: hidden;
  z-index: 1;
  font-family: 'Montserrat', sans-serif;
}

/* Dòng chữ 1 – Sở Giáo Dục */
#header::before {
  content: "SỞ GIÁO DỤC VÀ ĐÀO TẠO TP. HỒ CHÍ MINH";
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 22px;
  font-weight: bold;
  color: #FFD700; /* vàng */
  letter-spacing: 1px;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
  z-index: 5;
}

/* Dòng chữ 2 – Trường THPT */
#header::after {
  content: "TRƯỜNG THPT DƯƠNG BẠCH MAI";
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 36px;
  font-weight: 900;
  color: #FF0000;
  letter-spacing: 2px;
  text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
  animation: fadeInOut 5s ease-in-out infinite;
  z-index: 5;
white-space: nowrap;

}

/* Hiệu ứng mờ dần - hiện dần */
@keyframes fadeInOut {
  0% { opacity: 0; transform: translateX(-50%) scale(0.95); }
  25% { opacity: 1; transform: translateX(-50%) scale(1); }
  75% { opacity: 1; transform: translateX(-50%) scale(1); }
  100% { opacity: 0; transform: translateX(-50%) scale(1.05); }
}

/* ===== THANH NGÀY GIỜ - CHỮ CHẠY ===== */
.current-time {
  position: relative;
  display: block;
  overflow: hidden;
  height: 30px;
  line-height: 30px;
  color: #004080;
  font-weight: bold;
  font-size: 15px;
  text-transform: uppercase;
}

.current-time span {
  display: none;
}

.current-time::before {
  content: "🌟 CHÀO MỪNG NĂM HỌC MỚI 2025–2026 - HỌC SINH TRƯỜNG THPT DƯƠNG BẠCH MAI HĂNG HÁI HỌC TẬP, RÈN LUYỆN VÀ SÁNG TẠO! 🌈";
  display: inline-block;
  white-space: nowrap;
  animation: scrollText 25s linear infinite;
  color: #004080;
}

@keyframes scrollText {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

/* ===== HIỆU ỨNG SAO RƠI ===== */
.banner-stars {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 2;
}

.star {
  position: absolute;
  top: -20px;
  width: 2px;
  height: 40px;
  background: linear-gradient(45deg, #fff, transparent);
  opacity: 0;
  animation: fallingStar 4s linear infinite;
}

@keyframes fallingStar {
  0% { transform: translateY(-10px) translateX(0) rotate(45deg); opacity: 0; }
  10% { opacity: 1; }
  100% { transform: translateY(400px) translateX(200px) rotate(45deg); opacity: 0; }
}

.star:nth-child(1) { left: 10%; animation-delay: 0s; animation-duration: 3s; }
.star:nth-child(2) { left: 25%; animation-delay: 1s; animation-duration: 4s; }
.star:nth-child(3) { left: 40%; animation-delay: 2.2s; animation-duration: 3.5s; }
.star:nth-child(4) { left: 55%; animation-delay: 1.5s; animation-duration: 4.5s; }
.star:nth-child(5) { left: 70%; animation-delay: 2.8s; animation-duration: 3.2s; }
.star:nth-child(6) { left: 85%; animation-delay: 3.5s; animation-duration: 5s; }
/* sửa dòng học tập thay đổi tương lai*/
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&display=swap');

/* 🌟 Làm đẹp dòng chữ dưới logo (slogan) */
#header .slogan,
#header .site-slogan,
#header .logo-slogan,
#header .logo p,
#header .logo span,
#header .logo div {
  font-family: 'Dancing Script', cursive !important;
  font-size: 26px !important;
  color: #fff8a6 !important;
  text-shadow: 0 0 8px rgba(255, 255, 150, 0.8),
               0 0 15px rgba(255, 215, 0, 0.6);
  animation: glowPulse 3s ease-in-out infinite, floatUpDown 6s ease-in-out infinite;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
  position: relative;
  z-index: 20;
}

/* ✨ Ánh sáng nhấp nháy */
@keyframes glowPulse {
  0% {
    text-shadow: 0 0 8px rgba(255, 255, 150, 0.8),
                 0 0 15px rgba(255, 215, 0, 0.6);
    opacity: 1;
  }
  50% {
    text-shadow: 0 0 20px rgba(255, 255, 200, 1),
                 0 0 35px rgba(255, 255, 180, 0.8);
    opacity: 0.9;
  }
  100% {
    text-shadow: 0 0 8px rgba(255, 255, 150, 0.8),
                 0 0 15px rgba(255, 215, 0, 0.6);
    opacity: 1;
  }
}

/* 🌬️ Bay nhẹ lên xuống */
@keyframes floatUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}
/* 💡 Làm nổi bật dòng chữ dưới logo */
#header .slogan,
#header .site-slogan,
#header .logo-slogan,
#header .logo p,
#header .logo span,
#header .logo div {
  color: #fff200 !important; /* vàng sáng */
  font-weight: bold;
  text-shadow: 
    0 0 4px rgba(0, 0, 0, 0.7),
    0 0 10px rgba(255, 255, 0, 0.8);
}
/* ===== FIX MENU FULL CHIỀU NGANG – NUKEVIET ===== */

/* Gỡ giới hạn khung tổng */
.wraper,
#header,
#menu {
    width: 100% !important;
    max-width: 100% !important;
}

/* Gỡ container bó menu */
#menu .container,
#menu .row,
#header .container,
#header .row {
    max-width: 100% !important;
    width: 100% !important;
}

/* Căn giữa chữ menu cho đẹp */
#menu .navbar-nav {
    margin: 0 auto;
}
/* ===== FIX BANNER + CONTENT FULL WIDTH – NUKEVIET ===== */

/* Mở khung tổng */
.wraper {
    width: 100% !important;
    max-width: 100% !important;
}

/* Mở container bên trong banner */
.wraper .container,
.wraper .row {
    width: 100% !important;
    max-width: 100% !important;
}

/* Tránh dính lề */
.wraper {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Khi click (Bootstrap thêm class .open) */
#menu .dropdown.open > .dropdown-menu {
    display: block;
}

/* Tránh bị che */
#menu,
#header,
.wraper {
    overflow: visible !important;
}

/* Con trỏ + mũi tên */
#menu .dropdown-toggle {
    cursor: pointer;
}
#left {
    position: sticky;
    top: 20px;
}
/* Mã giúp menu trái cố định khi lăn chuột */
aside#left, #left {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 10px !important;
    z-index: 100 !important;
}