/*
Theme Name: Sunaina College of Pharmacy Pro
Theme URI: https://tachy.in
Author: TACHY
Author URI: https://tachy.in
Description: Modern, mobile-first WordPress theme for pharmacy colleges in India. Editable homepage sections, slider, faculty directory, facilities, animations, and demo content.
Version: 1.2.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: sunaina-pharmacy-pro
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: education, college, pharmacy, bootstrap, responsive, custom-logo, custom-menu, block-patterns
*/

:root{
  --sp-primary:#FF8C00;
  --sp-secondary:#FFD700;
  --sp-dark:#0A3D62;
  --sp-light:#f8f9fa;
  --sp-muted:#6c757d;
  --sp-radius:18px;
  --sp-shadow: 0 12px 28px rgba(10,61,98,.12);
}

body{background:var(--sp-light);}
a{color:var(--sp-dark); text-decoration:none;}
a:hover{color:var(--sp-primary);}

.sp-navbar{background:rgba(10,61,98,.95); backdrop-filter: blur(10px);}
.sp-navbar .navbar-brand{font-weight:800; color:var(--sp-secondary)!important; letter-spacing:.4px;}
.sp-navbar .nav-link{color:#fff!important; opacity:.92;}
.sp-navbar .nav-link:hover{color:var(--sp-secondary)!important; opacity:1;}
.sp-btn{background:var(--sp-primary); border:none; color:#fff; border-radius:999px; padding:.75rem 1.1rem; font-weight:700; box-shadow:0 12px 20px rgba(255,140,0,.25);}
.sp-btn:hover{filter:brightness(.95); transform: translateY(-1px); color:#fff;}
.sp-chip{display:inline-flex; align-items:center; gap:.5rem; background:#fff; border-radius:999px; padding:.35rem .7rem; box-shadow: 0 8px 16px rgba(0,0,0,.06);}

.sp-section-title{color:var(--sp-dark); font-weight:900; position:relative; display:inline-block;}
.sp-section-title:after{content:''; width:64px; height:4px; background:var(--sp-primary); position:absolute; bottom:-12px; left:50%; transform:translateX(-50%); border-radius:999px;}
.sp-card{border:none; border-radius:var(--sp-radius); box-shadow:var(--sp-shadow); overflow:hidden; transition: transform .25s ease, box-shadow .25s ease;}
.sp-card:hover{transform: translateY(-6px); box-shadow:0 18px 40px rgba(10,61,98,.16);}
.sp-footer{background:var(--sp-dark); color:#fff;}
.sp-footer a{color:var(--sp-secondary);}
.sp-footer a:hover{color:#fff; text-decoration:underline;}

.sp-hero{min-height:100vh; position:relative;}
.sp-hero .swiper{height:100vh; min-height:640px;}
.sp-hero .swiper-slide{position:relative;}
.sp-hero .sp-hero-bg{position:absolute; inset:0; background-size:cover; background-position:center; filter:brightness(.75);}
.sp-hero .sp-hero-overlay{position:absolute; inset:0; background: linear-gradient(135deg, rgba(10,61,98,.75), rgba(0,0,0,.35));}
.sp-hero .sp-hero-content{position:relative; z-index:2; padding-top:110px; padding-bottom:90px;}
.sp-hero h1{font-weight:900; letter-spacing:.2px;}
.sp-hero p{opacity:.95;}
.sp-hero .sp-hero-card{background: rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); border-radius: 22px; padding: 18px 18px; backdrop-filter: blur(10px);}

.sp-mobile-cta{display:none;}
@media (max-width: 991.98px){
  .sp-hero .swiper{height:auto; min-height:unset;}
  .sp-hero{min-height:unset;}
  .sp-hero .sp-hero-content{padding-top:92px; padding-bottom:70px;}
  .sp-hero h1{font-size: 2rem;}
  .sp-hero p{font-size: 1rem;}
  .sp-mobile-cta{
    display:flex;
    position:fixed; left:0; right:0; bottom:0;
    background:rgba(10,61,98,.96); backdrop-filter: blur(10px);
    padding:10px 12px; z-index:9999; gap:10px;
    border-top:1px solid rgba(255,255,255,.12);
  }
  .sp-mobile-cta a{flex:1; text-align:center; border-radius:999px; padding:10px 12px; font-weight:800;}
  .sp-mobile-cta .sp-call{background:#fff; color:var(--sp-dark);}
  .sp-mobile-cta .sp-apply{background:var(--sp-primary); color:#fff;}
  body{padding-bottom:70px;}
}

.entry-content > *{max-width: 1100px; margin-left:auto; margin-right:auto;}
.entry-content .alignwide{max-width: 1300px;}
.entry-content .alignfull{max-width: 100%;}

.sp-backtotop{position:fixed; right:16px; bottom:90px; width:44px; height:44px; border-radius:999px; background:#fff; box-shadow:0 12px 24px rgba(0,0,0,.12); display:none; align-items:center; justify-content:center; z-index:9999;}
.sp-backtotop:hover{transform: translateY(-2px);}