/* ================= NAVBAR THEME ================= */

/* Navbar background */
.navbar{
    background-color:#6b0000 !important;
}

/* Dropdown arrow */
.navbar .dropdown-toggle::after{
    border:none;
    content:"\f107";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    vertical-align:middle;
    margin-left:8px;
    color:#ffffff;
}

/* Main navbar links */
.navbar-light .navbar-nav .nav-link{
    margin-right:0px;
    padding:10px 12px;
    color:#ffffff !important;
    font-size:13px;
    text-transform:uppercase;
    background-color:#6b0000;
    font-weight:500;
}

/* Hover effect */
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active{
    color:#6b0000 !important;
    background-color:#d4af37;
    border-radius:4px;
}

/* ================= DROPDOWN MENU ================= */

.dropdown-menu{
    background-color:#ffffff;
    border:2px solid WHITE;
}

/* Dropdown links */
.dropdown-menu .dropdown-item{
    color:#ffffff;
    font-size:14px;
    background-color:maroon;
}

/* Dropdown hover */
.dropdown-menu .dropdown-item:hover{
    background-color:#d4af37;
    color:#6b0000;
}

/* ================= SUBMENU ================= */

.dropdown-submenu{
    position:relative;
}

.dropdown-submenu .dropdown-menu{
    top:0;
    left:100%;
    margin-top:-6px;
    display:none;
}

/* ================= DESKTOP DROPDOWN ================= */

@media (min-width:992px){

.navbar .nav-item .dropdown-menu{
    display:block;
    margin-top:-15px;
    opacity:0;
    visibility:hidden;
    transition:opacity .4s ease, visibility .4s ease;
}

.navbar .nav-item:hover > .dropdown-menu{
    opacity:1;
    visibility:visible;
}

.dropdown-submenu:hover > .dropdown-menu{
    display:block;
}

}

/* ================= LAPTOP RESPONSIVE ================= */

@media (min-width:992px) and (max-width:1200px){

.navbar-light .navbar-nav .nav-link{
    margin-right:10px;
    padding:5px 2px;
    font-size:10px;
}

.dropdown-menu .dropdown-item{
    font-size:12px;
}

}

/* ================= MOBILE NAVBAR ================= */

@media (max-width:991px){

.navbar-light .navbar-nav{
    background:#6b0000;
    border-top:1px solid #eee;
}

.navbar-light .navbar-nav .nav-link{
    color:#ffffff !important;
    padding:12px;
}

.dropdown-menu{
    background:#ffffff;
}

/* Hide submenu initially */
.dropdown-submenu .dropdown-menu{
    display:none;
}

/* Show submenu when JS adds class */
.dropdown-submenu.show .dropdown-menu{
    display:block;
    position:relative;
    margin:0;
    left:0;
    top:0;
}

}

/* Navbar brand height */
.navbar-light .navbar-brand,
.navbar-light a.btn{
    height:75px;
}

/* Sticky animation */
.navbar-light.sticky-top{
    top:-100px;
    transition:.5s;
}

/* Marquee */ #announcement-section{ border-top: 1px solid #f0b400; } /* Reduce marquee height slightly */ .gu-marquee-wrap{ padding: 8px 0; } /* Announcement bar wrapper */ /* Announcement bar */ .announcement-bar { background: #f8f9fa; border-top: 3px solid maroon; border-bottom: 1px solid #ddd; padding: 6px 0; } /* One-row layout */ .announcement-row { display: flex; align-items: center; gap: 15px; } /* View All button */ .btn-view-all { background: maroon; color: #fff; padding: 6px 16px; font-size: 13px; font-weight: 600; border-radius: 20px; text-decoration: none; white-space: nowrap; transition: 0.3s ease; } .btn-view-all:hover { background: #b8860b; color: #fff; } /* Marquee takes remaining space */ .announcement-marquee { flex: 1; overflow: hidden; } /* Marquee links */ .gu-marquee__item { margin-right: 40px; font-size: 14px; font-weight: 600; color: maroon; text-decoration: none; } .gu-marquee__item:hover { color: #f0b400; text-decoration: underline; } /* NEW badge */ .gu-new { background: crimson; color: #fff; font-size: 11px; padding: 2px 6px; border-radius: 10px; margin-right: 6px; } /* Mobile adjustment */ @media (max-width: 768px) { .btn-view-all { font-size: 12px; padding: 5px 12px; } .gu-marquee__item { font-size: 13px; } } /* NEW badge */ .gu-new { background: #f0b400; color: #800000; font-size: 11px; font-weight: 700; padding: 3px 8px; border-radius: 12px; margin-right: 6px; box-shadow: 0 2px 6px rgba(0,0,0,.25); animation: pulse 1.5s infinite; } @keyframes pulse { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.08); opacity: 0.85; } 100% { transform: scale(1); opacity: 1; } }

.announcement-card {
      border-left: 5px solid maroon;
      transition: all 0.3s ease;
    }

    .announcement-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 6px 16px rgba(0,0,0,0.1);
    }

    .gu-new {
      background: crimson;
      color: #fff;
      font-size: 12px;
      padding: 3px 8px;
      border-radius: 12px;
      margin-right: 8px;
    }

    .announcement-title {
      font-weight: 600;
      color: maroon;
      text-decoration: none;
    }

    .announcement-title:hover {
      color: #b8860b;
      text-decoration: underline;
    }