/* ================================
   Custom overrides - Shri Vinayak P.G. College
   Professional header / logo / dropdown / document pages
   ================================ */

/* ---- Topbar ---- */
.header .topbar{
	background:#12294a;
	border-bottom:none;
}
.header .top-link li a{
	color:#cfd8e3;
}
.header .top-link li:hover a{
	color:#ffffff;
}
.header .top-contact li{
	color:#ffffff;
}
.header .top-contact li a{
	color:#ffffff;
}
.header .top-contact li i{
	color:#4da3ff;
}

/* ---- Header shadow ---- */
.header .header-inner{
	box-shadow:0 2px 15px rgba(0,0,0,0.08);
}

/* ---- Logo (text based, replaces low-res logo.png) ---- */
.site-logo{
	display:flex;
	align-items:center;
	gap:12px;
	text-decoration:none;
}
.site-logo .logo-icon{
	width:46px;
	height:46px;
	min-width:46px;
	background:linear-gradient(135deg,#1A76D1,#12294a);
	color:#fff;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:22px;
	box-shadow:0 4px 10px rgba(26,118,209,0.35);
}
.site-logo .logo-text{
	display:flex;
	flex-direction:column;
	line-height:1.18;
}
.site-logo .logo-text .logo-title{
	font-size:19px;
	font-weight:700;
	color:#16233d;
	font-family:'Poppins',sans-serif;
	white-space:nowrap;
}
.site-logo .logo-text .logo-sub{
	font-size:10.5px;
	font-weight:600;
	color:#1A76D1;
	text-transform:uppercase;
	letter-spacing:0.6px;
	white-space:nowrap;
}

/* ---- Nav polish ---- */
.header .nav li a{
	font-weight:600;
}
.header .nav li .dropdown{
	border-radius:0 0 8px 8px;
	padding:6px 0;
}
.header .nav li .dropdown li:hover{
	background:#f4f8ff;
}

/* ---- Document dropdown: scrollable so it never runs off-screen ---- */
.header .nav li .doc-dropdown{
	width:290px;
	max-height:360px;
	overflow-y:auto;
	overflow-x:hidden;
}
.header .nav li .doc-dropdown::-webkit-scrollbar{
	width:6px;
}
.header .nav li .doc-dropdown::-webkit-scrollbar-track{
	background:#f1f1f1;
}
.header .nav li .doc-dropdown::-webkit-scrollbar-thumb{
	background:#1A76D1;
	border-radius:10px;
}
.header .nav li .doc-dropdown li a{
	font-size:13.5px;
	padding:10px 15px;
}

/* ================================
   Document detail / viewer pages
   ================================ */
.doc-detail{
	padding:80px 0;
}
.doc-detail-card{
	background:#fff;
	box-shadow:0 0 25px rgba(0,0,0,0.08);
	border-radius:10px;
	padding:40px;
	margin-bottom:30px;
}
.doc-detail-card .doc-category{
	display:inline-block;
	background:#eaf3fd;
	color:#1A76D1;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:0.5px;
	padding:6px 14px;
	border-radius:20px;
	margin-bottom:15px;
}
.doc-detail-card h2{
	font-size:26px;
	margin-bottom:15px;
	color:#16233d;
}
.doc-detail-card p.doc-desc{
	color:#666;
	font-size:15px;
	line-height:1.8;
	margin-bottom:25px;
}
.doc-detail-card .doc-meta{
	display:flex;
	flex-wrap:wrap;
	gap:25px;
	margin-bottom:28px;
	padding:18px 20px;
	background:#f8fafc;
	border-radius:8px;
}
.doc-detail-card .doc-meta div{
	font-size:13px;
	color:#444;
}
.doc-detail-card .doc-meta div strong{
	display:block;
	color:#16233d;
	font-size:14px;
}
.doc-detail-card .doc-actions{
	display:flex;
	gap:15px;
	flex-wrap:wrap;
}
.doc-detail-card .doc-actions .btn{
	cursor:pointer;
	border:none;
}
.doc-detail-card .btn-outline{
	display:inline-block;
	padding:13px 28px;
	border:2px solid #1A76D1;
	color:#1A76D1;
	background:transparent;
	border-radius:5px;
	font-weight:600;
	font-size:14px;
	text-decoration:none;
	transition:all 0.3s ease;
}
.doc-detail-card .btn-outline:hover{
	background:#1A76D1;
	color:#fff;
}
#pdf-frame-wrap{
	display:none;
	margin-top:10px;
}
#pdf-frame-wrap iframe{
	width:100%;
	height:780px;
	border:1px solid #e5e5e5;
	border-radius:8px;
}

/* Document listing cards (category pages) */
.doc-card{
	background:#fff;
	box-shadow:0 0 20px rgba(0,0,0,0.08);
	border-radius:6px;
	padding:30px 25px;
	text-align:center;
	height:100%;
	transition:transform 0.25s ease;
}
.doc-card:hover{
	transform:translateY(-5px);
}
.doc-card i{
	font-size:42px;
	color:#e74c3c;
}
.doc-card h5{
	margin:15px 0 20px;
	font-size:16px;
	color:#16233d;
}
.doc-card .btn{
	display:inline-block;
}

/* Gallery grid */
.gallery-item img{
	width:100%;
	height:220px;
	object-fit:cover;
	border-radius:6px;
	transition:transform 0.3s ease;
}
.gallery-item:hover img{
	transform:scale(1.04);
}