html {

scroll-behavior: smooth;

}

/* ===== TOP BAR IMPROVEMENT ===== */
.top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #003366;
    color: black;
    padding: 8px 20px;
    font-size: 14px;
}

/* .top-bar a {
    color: rgb(0, 0, 0);
    text-decoration: none;
    margin: 0 8px;
} */

.top-bar button {
    background: white;
    border: none;
    padding: 5px 8px;
    margin-left: 5px;
    cursor: pointer;
    border-radius: 3px;
}

.left-top button {

    margin-right: 10px;
    padding: 6px 12px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    font-weight: 500;
    color: black;
}

/* LOGIN BUTTON */

.login-btn {

    background: #2563eb;
    color: black;
}

.login-btn:hover {

    background: #1e40af;
}

/* THEME BUTTON */

.theme-btn {

    background: #444;
    color: black;
}

.theme-btn:hover {

    background: black;
}

/* GO TOP FLOAT BUTTON */

.top-btn {

    position: fixed;     /* Floating button */
    right: 20px;         /* Right side */
    bottom: 30px;        /* Bottom space */
    background: #ffcc00;
    color: black;
    border: none;
    padding: 14px 16px;
    border-radius: 50%;  /* Round button */
    cursor: pointer;
    font-size: 18px;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.3);
    z-index: 999; /* Above all elements */
}


.top-btn:hover {

    background: orange;
}

/* DARK MODE */

.dark-mode {

    background:#121212;
    color:white;
}

.dark-mode header,
.dark-mode nav,
.dark-mode footer {

    background:#1f2937;
}

.dark-mode section {

    background:#1e1e1e;
    color:white;
}


.top-bar button:hover {
    background: #ffcc00;
}

/* ===== HEADER SECTION ===== */
.main-header {

display: grid;

grid-template-columns: auto 1fr auto;

/* LEFT ---- CENTER ---- RIGHT */

align-items: center;

padding: 12px 30px;

background: #f4f4f4;

gap: 20px;

}


/* CM SECTION */

.cm-section {

display: flex;

flex-direction: column;

gap: 10px;   /* reduced spacing */

}



/* MINISTER BLOCK */

.minister {

display: flex;

align-items: center;

gap: 8px;   /* smaller gap */

}


/* IMAGE SIZE REDUCED */

.cm-img {

width: 42px;   /* earlier 70px → now ~60% */

border-radius: 50%;

object-fit: cover;

}


/* NAME SIZE SMALLER */

.minister h3 {

font-size: 14px;

margin: 0;

}


/* DESCRIPTION SMALLER */

.minister p {

font-size: 11px;

margin: 2px 0 0;

}



.college-title {

text-align: center;

justify-self: center;

}


.gov-logo {
    width: 60px;
}

.right-logo {

justify-self: end;

}

.right-logo img {
    width: 80px;
}

/* ===== NAVIGATION ===== */
nav {
    background: #00509e;
}

nav {

position: relative;

z-index: 1000;

}

nav ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
}

nav ul li {
    position: relative;
}

nav ul li a {
    display: block;
    padding: 12px 18px;
    color: white;
    text-decoration: none;
}

nav ul li a:hover {
    background: #ffcc00;
    color: black;
}

/* ===== DROPDOWN ===== */
.dropdown-content {
    display: none;
    position: absolute;
    background: white;
    min-width: 180px;
    top: 100%;
    left: 0;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
    z-index: 2000;
    position: absolute;
}

.dropdown-content li a {
    color: black;
    padding: 10px;
}

.dropdown:hover .dropdown-content {
    display: block;
}

/* ===== SLIDER ===== */
.slider {
    position: relative;
    width: 100%;
    height: 420px;
    overflow: hidden;
    z-index: 1;
}

.slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.8s ease-in-out;
}

/* Buttons */

.prev,
.next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.5);
    color: white;
    border: none;
    padding: 12px 18px;
    font-size: 20px;
    cursor: pointer;
}

.prev {
    left: 10px;
}

.next {
    right: 10px;
}

.prev:hover,
.next:hover {
    background: #ffcc00;
    color: black;
}



/* ===== SECTIONS ===== */
section {
    padding: 40px 20px;
    text-align: center;
}

.ac, .pm {
    text-align: center;
    font-size: 28px;
}
.about, .principal {
    background: #f9f9f9;
    text-align: justify;
}

/* ===== TABLE ===== */
table {
    width: 80%;
    margin: auto;
    border-collapse: collapse;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

table th {
    background: #003366;
    color: white;
    padding: 10px;
}

table td {
    padding: 10px;
    border: 1px solid #ddd;
}

table tr:nth-child(even) {
    background: #f2f2f2;
}

table tr:hover {
    background: #ffefcc;
}

/* ===== NOTICES ===== */
.notices marquee {
    font-weight: bold;
    color: #d60000;
}

/* ===== FOOTER ===== */
footer {
    background: #003366;
    color: white;
    padding: 20px;
    text-align: center;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {

    .main-header {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }

    nav ul {
        flex-direction: column;
    }

    table {
        width: 100%;
    }
}

/* FEEDBACK BUTTON */

.feedback-btn {

    background: linear-gradient(135deg,#2563eb,#0f4c81);
    color: white;
    padding: 10px 22px;
    border: none;
    border-radius: 25px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.4s;
    box-shadow: 0 5px 15px rgba(0,0,0,0.25);

}

.feedback-container {

    display: flex;
    right: 20px;         /* Right side */
    bottom: 30px; 
    margin-top: 25px;
}


/* Hover Effect */

.feedback-btn:hover {

    background: linear-gradient(135deg,#ffcc00,#ff8800);
    color: black;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.35);
}

/* Click Effect */

.feedback-btn:active {

    transform: scale(0.95);

}

footer {

background: #003366;

color: white;

text-align: center;

padding: 20px;

line-height: 0.8;

}

/* BACKGROUND OVERLAY */

.seat-popup{

display:none;

position:fixed;

top:0;
left:0;

width:100%;
height:100%;

background:rgba(0,0,0,0.5);

justify-content:center;
align-items:center;

z-index:3000;
}

/* POPUP BOX */

.popup-content{

background:white;

padding:25px;

border-radius:10px;

text-align:center;

box-shadow:0 8px 20px rgba(0,0,0,0.3);

animation: pop 0.3s ease;
}

/* BUTTON */

.popup-content button{

margin-top:10px;

background:#003366;

color:white;

border:none;

padding:8px 15px;

border-radius:5px;

cursor:pointer;
}

.popup-content button:hover{

background:#ffcc00;
color:black;
}

/* ANIMATION */

@keyframes pop{

from{

transform:scale(0.7);
opacity:0;

}

to{

transform:scale(1);
opacity:1;

}

}

/* Dark Theme for Courses Section */

.dark-mode .courses {

background-color: #1e1e1e;

color: white;

}


/* DARK MODE COURSES TABLE */

.dark-mode .courses table {
    background-color: #1f1f1f;
    color: white;
}

/* Table Header */
.dark-mode .courses th {
    background-color: #1f5a8a;
    color: white;
}

/* Table Rows */
.dark-mode .courses td {
    background-color: #2b2b2b;
    color: white;
}

/* Alternate Row */
.dark-mode .courses tr:nth-child(even) td {
    background-color: #2b2b2b;
}

/* Hover Effect */
.dark-mode .courses tr:hover td {
    background-color: #4a4a4a;
}