

/* ЁЯзн NAVIGATION BAR STYLE */
/* ржорзЗржЗржи ржирзНржпрж╛ржн рж╕рзНржЯрж╛ржЗрж▓ */
.main-nav {
  background-color: #000000;
  position:sticky;
  top: 0;
  z-index:999;
  padding: 0;
  margin: 0;
}

.main-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.main-nav ul li {
  display: inline-block;
  position: relative;
}

.main-nav ul li a {
  display: inline-block;
  color: white;
  text-decoration: none;
  padding: 12px 15px;
  font-size: 15px;
  transition: background 0.3s, color 0.3s;
}

/* рж╣рзЛржнрж╛рж░ рж░ржЩ тАФ ржкрзНрж░рждрж┐ржЯрж┐ ржЖрж▓рж╛ржжрж╛ */
.main-nav ul li:nth-child(1):hover a { background-color: #ff4d4d; }      /* Home */
.main-nav ul li:nth-child(2):hover a { background-color: #1e90ff; }      /* Politics */
.main-nav ul li:nth-child(3):hover a { background-color: #20c997; }      /* World */
.main-nav ul li:nth-child(4):hover a { background-color: #ffc107; }      /* Sports */
.main-nav ul li:nth-child(5):hover a { background-color: #6f42c1; }      /* Education */
.main-nav ul li:nth-child(6):hover a { background-color: #fd7e14; }      /* Entertainment */
.main-nav ul li:nth-child(7):hover a { background-color: #17a2b8; }      /* Countrywide */
.main-nav ul li:nth-child(8):hover a { background-color: #e83e8c; }      /* Investigation */
.main-nav ul li:nth-child(9):hover a { background-color: #28a745; }      /* National */
.main-nav ul li:nth-child(10):hover a { background-color: #6610f2; }     /* Administration */
.main-nav ul li:nth-child(11):hover a { background-color: #007bff; }     /* Secretariat */
.main-nav ul li:nth-child(12):hover a { background-color: #dc3545; }     /* Economy */
.main-nav ul li:nth-child(13):hover a { background-color: #00b894; }     /* Religion */
.main-nav ul li:nth-child(14):hover a { background-color: #ff6f61; }     /* Crime */
.main-nav ul li.dropdown:hover > a { background-color: #444; }           /* More */

.main-nav ul li a:hover {
  color: white;
  border-radius: 5px;
}

/* ржбрзНрж░ржкржбрж╛ржЙржи ржорзЗржирзБ */
.dropdown-menu {
  display: none;
  position: absolute;
  background-color: #111;
  min-width: 160px;
  top: 100%;
  left: 0;
  z-index: 1000;
  border-radius: 0 0 5px 5px;
}

.dropdown-menu li {
  display: block;
}

.dropdown-menu li a {
  display: block;
  padding: 10px 15px;
  color: white;
  text-align: left;
}

.dropdown-menu li a:hover {
  background-color: #333;
  color: #ffd700;
}

/* рж╣рзЛржнрж╛рж░ ржХрж░рж▓рзЗ ржбрзНрж░ржкржбрж╛ржЙржи ржжрзЗржЦрж╛ржмрзЗ */
.dropdown:hover .dropdown-menu {
  display: block;
}


/* ===== Navigation Default (Desktop) ===== */

/* Desktop */
.menu-toggle {
    display: none;
}

@media (max-width: 768px) {

    /* পুরো নেভিগেশন বার সাদা */
    .main-nav {
        background-color: #ffffff;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    /* Toggle Button কালো */
    .menu-toggle {
        display: block;
        font-size: 24px;
        background: none;
        border: none;
        color: #000000;   /* কালো আইকন */
        padding: 10px;
        cursor: pointer;
    }

    /* মেনু ডিফল্ট লুকানো */
    .main-nav ul {
        display: none;
        flex-direction: column;
        width: 100%;
        background-color: #ffffff; /* সাদা ড্রপডাউন */
    }

    /* লিংক কালো */
    .main-nav ul li a {
        color: #000000;
        display: block;
        padding: 12px 0;
    }

    /* হালকা বর্ডার */
    .main-nav ul li {
        text-align: center;
        border-top: 1px solid #eee;
    }

    /* JS toggle করলে দেখাবে */
    .main-nav ul.show {
        display: flex;
    }

}