/* =====================================================
   S.C.S. NAGAR — MIXED COLOR 3D THEME
   Visual override only. PHP/JS/database untouched.
   ===================================================== */
:root{
  --m3-navy:#071a3a;
  --m3-blue:#1957d2;
  --m3-cyan:#16c7e8;
  --m3-purple:#6f42d9;
  --m3-pink:#ec4899;
  --m3-orange:#ff8a28;
  --m3-gold:#ffc93d;
  --m3-green:#16a777;
  --m3-paper:#f7f9ff;
  --m3-ink:#13213b;
  --m3-shadow:0 24px 50px rgba(16,39,92,.20),0 7px 0 rgba(7,26,58,.10);
  --m3-soft-shadow:0 14px 30px rgba(27,55,125,.14),0 4px 0 rgba(15,42,93,.08);
}
html{scroll-behavior:smooth}
body{
  color:var(--m3-ink)!important;
  background:
    radial-gradient(circle at 5% 12%,rgba(22,199,232,.13),transparent 24%),
    radial-gradient(circle at 96% 28%,rgba(236,72,153,.12),transparent 24%),
    radial-gradient(circle at 10% 76%,rgba(111,66,217,.12),transparent 26%),
    linear-gradient(180deg,#f9fbff 0%,#eef4ff 48%,#fff8ee 100%)!important;
  overflow-x:hidden;
}
body::before{
  content:""!important;display:block!important;position:fixed!important;inset:0!important;pointer-events:none!important;z-index:-1!important;
  background-image:linear-gradient(rgba(25,87,210,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(25,87,210,.025) 1px,transparent 1px)!important;
  background-size:38px 38px!important;
}

/* Utility bar */
.topbar{
  background:linear-gradient(100deg,#071a3a 0%,#183c91 34%,#6f42d9 68%,#ec4899 100%)!important;
  box-shadow:0 5px 0 rgba(7,26,58,.20),0 12px 22px rgba(20,47,109,.20)!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
}
.topbar a,.topbar span{color:#fff!important}
.social-links a{
  background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(255,255,255,.08))!important;
  border:1px solid rgba(255,255,255,.35)!important;
  box-shadow:inset 2px 2px 3px rgba(255,255,255,.20),0 4px 0 rgba(0,0,0,.16)!important;
  transition:.25s ease!important;
}
.social-links a:hover{transform:translateY(-3px)!important;background:linear-gradient(145deg,#ffc93d,#ff8a28)!important;color:#071a3a!important}

/* Masthead */
.college-header{
  margin:18px clamp(12px,3vw,45px) 0!important;
  border-radius:28px 28px 10px 10px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(245,249,255,.94)),
    linear-gradient(120deg,#16c7e8,#6f42d9,#ec4899)!important;
  border:1px solid rgba(255,255,255,.85)!important;
  box-shadow:var(--m3-shadow),inset 0 1px 0 #fff!important;
  overflow:hidden!important;
}
.college-header::before{
  content:"";position:absolute;inset:auto -100px -120px auto;width:360px;height:360px;border-radius:50%;
  background:radial-gradient(circle,#16c7e8 0%,rgba(22,199,232,.16) 48%,transparent 70%);pointer-events:none;
}
.college-header::after{height:7px!important;background:linear-gradient(90deg,#1957d2,#16c7e8,#6f42d9,#ec4899,#ff8a28,#ffc93d)!important}
.college-logo{
  border:4px solid #fff!important;
  box-shadow:0 0 0 5px #ffc93d,0 15px 28px rgba(23,52,119,.25),0 7px 0 rgba(87,51,155,.22)!important;
  transform:perspective(600px) rotateY(-5deg)!important;
}
.college-title h1{
  color:#102d69!important;text-shadow:0 2px 0 #fff,0 5px 12px rgba(25,87,210,.17)!important;
}
.college-title h2{color:#c72b79!important;text-shadow:0 1px 0 #fff!important}
.college-title p{color:#174cae!important}
.header-logos img{
  background:#fff!important;border-radius:16px!important;padding:7px!important;
  box-shadow:0 9px 18px rgba(28,56,118,.15),0 4px 0 rgba(9,34,78,.10)!important;
}

/* Navigation */
.main-nav{
  margin:0 clamp(12px,3vw,45px)!important;
  border-radius:0 0 22px 22px!important;
  background:linear-gradient(100deg,#071a3a 0%,#1957d2 42%,#6f42d9 74%,#c83483 100%)!important;
  box-shadow:0 10px 0 #061630,0 18px 32px rgba(12,38,91,.30)!important;
  border-top:1px solid rgba(255,255,255,.22)!important;
}
.nav-links>li>a{
  color:#fff!important;border-radius:12px!important;margin:7px 3px!important;
  text-shadow:0 1px 2px rgba(0,0,0,.25)!important;transition:.25s ease!important;
}
.nav-links>li>a:hover,.nav-links>li>a.active{
  color:#10214a!important;background:linear-gradient(145deg,#fff5aa,#ffc93d)!important;
  box-shadow:0 6px 0 #d58b19,0 10px 20px rgba(0,0,0,.18),inset 0 1px 0 #fff!important;
  transform:translateY(-3px)!important;
}
.dropdown-menu{
  border-radius:18px!important;padding:10px!important;background:rgba(255,255,255,.98)!important;
  border:1px solid rgba(25,87,210,.14)!important;box-shadow:0 18px 0 rgba(10,37,86,.06),0 25px 50px rgba(10,37,86,.22)!important;
}
.dropdown-menu a:hover{background:linear-gradient(90deg,#eaf8ff,#f4eaff)!important;color:#4b2fac!important;transform:translateX(5px)!important}

/* Hero */
.hero-slider,.slider,.hero-section{
  margin:28px clamp(12px,3vw,45px)!important;border-radius:30px!important;overflow:hidden!important;
  box-shadow:0 25px 0 rgba(7,26,58,.08),0 35px 65px rgba(12,38,91,.28)!important;
  border:5px solid #fff!important;transform:perspective(1400px) rotateX(.4deg)!important;
}
.hero-slider::after,.slider::after,.hero-section::after{
  content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(7,26,58,.18),transparent 42%,rgba(111,66,217,.15));
}
.slider-content,.hero-content{
  background:linear-gradient(135deg,rgba(7,26,58,.82),rgba(25,87,210,.58),rgba(111,66,217,.54))!important;
  border:1px solid rgba(255,255,255,.28)!important;border-radius:22px!important;
  box-shadow:0 13px 0 rgba(5,18,43,.28),0 20px 40px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.35)!important;
  backdrop-filter:blur(7px)!important;
}
.slider-btn,.hero-btn,.btn-primary,.read-more,.cta-btn{
  background:linear-gradient(145deg,#ffc93d,#ff8a28)!important;color:#10214a!important;border:0!important;border-radius:14px!important;
  box-shadow:0 7px 0 #c45e11,0 12px 24px rgba(104,49,12,.25),inset 0 1px 0 #fff9c9!important;
  transition:.22s ease!important;font-weight:800!important;
}
.slider-btn:hover,.hero-btn:hover,.btn-primary:hover,.read-more:hover,.cta-btn:hover{transform:translateY(-4px)!important;box-shadow:0 10px 0 #c45e11,0 17px 28px rgba(104,49,12,.28)!important}
.slider-btn:active,.hero-btn:active,.btn-primary:active,.read-more:active,.cta-btn:active{transform:translateY(3px)!important;box-shadow:0 3px 0 #c45e11!important}

/* News ticker */
.news-ticker,.latest-news,.announcement-bar{
  margin:22px clamp(12px,3vw,45px)!important;border-radius:18px!important;overflow:hidden!important;
  background:linear-gradient(90deg,#fff,#f2f7ff,#fff4fb)!important;
  box-shadow:var(--m3-soft-shadow)!important;border:1px solid rgba(25,87,210,.13)!important;
}
.news-label,.latest-news-title,.announcement-title{
  background:linear-gradient(145deg,#1957d2,#6f42d9)!important;color:#fff!important;
  box-shadow:7px 0 0 rgba(25,87,210,.16)!important;text-shadow:0 2px 2px rgba(0,0,0,.20)!important;
}
.news-content a,.ticker-content a{color:#243a73!important;font-weight:700!important}

/* Generic sections and headings */
section{position:relative}
.section-title h2,.section-heading,h2.section-title{
  color:#102d69!important;text-shadow:0 2px 0 #fff!important;
}
.section-title h2::after,.section-heading::after{
  background:linear-gradient(90deg,#1957d2,#16c7e8,#6f42d9,#ec4899,#ff8a28)!important;border-radius:10px!important;height:6px!important;
  box-shadow:0 3px 0 rgba(16,45,105,.10)!important;
}

/* Universal cards */
.quick-link-card,.academic-card,.course-card,.feature-card,.message-card,.event-card,.gallery-item,.notice-card,.stat-card,.contact-card,.about-card,
.info-card,.principal-card,.secretary-card,.department-card,.service-card{
  border-radius:22px!important;border:1px solid rgba(255,255,255,.90)!important;
  box-shadow:var(--m3-soft-shadow),inset 0 1px 0 #fff!important;
  background:linear-gradient(145deg,#ffffff,#f0f5ff)!important;
  transform:perspective(900px) translateZ(0)!important;transition:.28s cubic-bezier(.2,.8,.2,1)!important;
}
.quick-link-card:nth-child(4n+1),.academic-card:nth-child(4n+1),.feature-card:nth-child(4n+1){background:linear-gradient(145deg,#eefbff,#dcf5fb)!important}
.quick-link-card:nth-child(4n+2),.academic-card:nth-child(4n+2),.feature-card:nth-child(4n+2){background:linear-gradient(145deg,#f6efff,#eadfff)!important}
.quick-link-card:nth-child(4n+3),.academic-card:nth-child(4n+3),.feature-card:nth-child(4n+3){background:linear-gradient(145deg,#fff3f8,#ffe1ef)!important}
.quick-link-card:nth-child(4n),.academic-card:nth-child(4n),.feature-card:nth-child(4n){background:linear-gradient(145deg,#fff9e9,#ffedba)!important}
.quick-link-card:hover,.academic-card:hover,.course-card:hover,.feature-card:hover,.message-card:hover,.event-card:hover,.gallery-item:hover,.notice-card:hover,.stat-card:hover,.contact-card:hover,.about-card:hover,
.info-card:hover,.principal-card:hover,.secretary-card:hover,.department-card:hover,.service-card:hover{
  transform:perspective(900px) translateY(-10px) rotateX(2deg)!important;
  box-shadow:0 24px 0 rgba(8,31,72,.07),0 35px 55px rgba(25,59,129,.24),inset 0 1px 0 #fff!important;
}
.quick-link-card i,.academic-card i,.feature-icon,.module-icon,.icon-box{
  background:linear-gradient(145deg,#16c7e8,#1957d2)!important;color:#fff!important;border-radius:18px!important;
  box-shadow:0 8px 0 #123f9d,0 13px 23px rgba(25,87,210,.25),inset 0 1px 0 rgba(255,255,255,.42)!important;
}
.quick-link-card:nth-child(4n+2) i,.academic-card:nth-child(4n+2) i{background:linear-gradient(145deg,#9a6cff,#6f42d9)!important;box-shadow:0 8px 0 #4d299d,0 13px 23px rgba(111,66,217,.24)!important}
.quick-link-card:nth-child(4n+3) i,.academic-card:nth-child(4n+3) i{background:linear-gradient(145deg,#ff79b8,#ec4899)!important;box-shadow:0 8px 0 #b62b6d,0 13px 23px rgba(236,72,153,.24)!important}
.quick-link-card:nth-child(4n) i,.academic-card:nth-child(4n) i{background:linear-gradient(145deg,#ffc93d,#ff8a28)!important;box-shadow:0 8px 0 #c55c12,0 13px 23px rgba(255,138,40,.25)!important}

/* About/message images */
.about-image img,.message-card img,.principal-image img,.secretary-image img{
  border-radius:22px!important;border:5px solid #fff!important;
  box-shadow:0 15px 0 rgba(12,38,91,.10),0 25px 40px rgba(15,46,106,.23)!important;
}

/* Statistics */
.stats-section,.counter-section{
  margin:30px clamp(12px,3vw,45px)!important;border-radius:28px!important;
  background:linear-gradient(110deg,#071a3a 0%,#1957d2 36%,#6f42d9 70%,#ec4899 100%)!important;
  box-shadow:0 16px 0 #061630,0 30px 55px rgba(11,38,92,.30)!important;overflow:hidden!important;
}
.stats-section .stat-card,.counter-section .stat-card{background:linear-gradient(145deg,rgba(255,255,255,.25),rgba(255,255,255,.10))!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important;backdrop-filter:blur(8px)!important}
.stats-section .stat-card strong,.counter-section .stat-card strong{color:#ffc93d!important;text-shadow:0 3px 0 rgba(0,0,0,.18)!important}

/* Gallery */
.gallery-item{overflow:hidden!important;padding:6px!important;background:#fff!important}
.gallery-item img{border-radius:17px!important;transition:.35s ease!important}
.gallery-item:hover img{transform:scale(1.07) rotate(.8deg)!important}

/* Forms */
input,select,textarea{
  border:1px solid #cfdaf0!important;border-radius:13px!important;background:linear-gradient(180deg,#fff,#f5f8ff)!important;
  box-shadow:inset 0 3px 7px rgba(16,42,94,.07),0 2px 0 #fff!important;
}
input:focus,select:focus,textarea:focus{border-color:#6f42d9!important;box-shadow:0 0 0 4px rgba(111,66,217,.14),inset 0 2px 5px rgba(16,42,94,.06)!important}

/* Footer */
footer,.footer{
  margin-top:55px!important;background:linear-gradient(115deg,#061630 0%,#102f70 42%,#4f2c92 75%,#9c245f 100%)!important;
  border-top:8px solid transparent!important;border-image:linear-gradient(90deg,#16c7e8,#6f42d9,#ec4899,#ff8a28,#ffc93d) 1!important;
  box-shadow:0 -16px 40px rgba(10,34,82,.22)!important;color:#fff!important;
}
footer a,.footer a{color:#e9f6ff!important}
footer a:hover,.footer a:hover{color:#ffc93d!important}

#backToTop,.back-to-top{
  background:linear-gradient(145deg,#ec4899,#6f42d9)!important;color:#fff!important;border:2px solid rgba(255,255,255,.75)!important;
  box-shadow:0 8px 0 #472289,0 13px 23px rgba(65,32,128,.30)!important;border-radius:16px!important;
}
#backToTop:hover,.back-to-top:hover{transform:translateY(-5px)!important}

@media(max-width:900px){
  .college-header,.main-nav,.hero-slider,.slider,.hero-section,.news-ticker,.latest-news,.announcement-bar,.stats-section,.counter-section{margin-left:10px!important;margin-right:10px!important}
  .college-header{border-radius:20px 20px 8px 8px!important}
  .main-nav{border-radius:0 0 18px 18px!important;box-shadow:0 7px 0 #061630,0 13px 24px rgba(12,38,91,.25)!important}
  .nav-links{background:linear-gradient(160deg,#071a3a,#254da7,#6f42d9)!important;border-radius:0 0 18px 18px!important}
  .hero-slider,.slider,.hero-section{border-radius:20px!important;transform:none!important}
  .quick-link-card:hover,.academic-card:hover,.course-card:hover,.feature-card:hover,.message-card:hover,.event-card:hover,.gallery-item:hover,.notice-card:hover,.stat-card:hover,.contact-card:hover,.about-card:hover{transform:translateY(-5px)!important}
}
@media(max-width:560px){
  .college-logo{transform:none!important}
  .college-header{margin-top:10px!important}
  .college-title h1{font-size:28px!important}
  .slider-content,.hero-content{border-radius:16px!important}
  .quick-link-card,.academic-card,.course-card,.feature-card,.message-card,.event-card,.gallery-item,.notice-card,.stat-card,.contact-card,.about-card{border-radius:17px!important}
}

/* =========================================================
   LOGO COLOR FIX — keep official logos in original colors
   ========================================================= */
.college-header{
  position:relative!important;
  isolation:isolate!important;
}
.college-header::before{
  z-index:0!important;
  opacity:.35!important;
}
.college-header::after{
  z-index:1!important;
}
.college-header > *{
  position:relative!important;
  z-index:2!important;
}
.header-logos{
  position:relative!important;
  z-index:5!important;
}
.header-logos img,
.header-logos img:nth-child(3){
  background:#ffffff!important;
  background-image:none!important;
  opacity:1!important;
  filter:none!important;
  -webkit-filter:none!important;
  mix-blend-mode:normal!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  isolation:isolate!important;
}
.header-logos img::before,
.header-logos img::after{
  content:none!important;
  display:none!important;
}