/* =========================================================
   Cahaya Ilmu Cendekia Journal - Final Responsive Theme
   Safe override: does not replace Bootstrap or main.css
   ========================================================= */
:root{
  --cic-navy:#0b1f3a;
  --cic-blue:#155eef;
  --cic-blue-2:#2563eb;
  --cic-light:#eef5ff;
  --cic-text:#243247;
  --cic-muted:#667085;
  --cic-border:#e5eaf2;
  --cic-white:#fff;
}
html{scroll-behavior:smooth}
body{color:var(--cic-text);background:#fff;overflow-x:hidden}
.header{background:rgba(255,255,255,.97)!important;box-shadow:0 5px 24px rgba(11,31,58,.08);backdrop-filter:blur(10px)}
.header .branding{min-height:82px}
.header .logo img{max-height:52px;width:auto;object-fit:contain}
.header .logo span{display:none}
.navmenu>ul>li>a{font-weight:600;color:var(--cic-navy);transition:.2s}
.navmenu>ul>li>a:hover,.navmenu>ul>li>a.active{color:var(--cic-blue)!important}
.navmenu .dropdown ul{border:1px solid var(--cic-border);box-shadow:0 15px 40px rgba(11,31,58,.12);border-radius:12px;padding:8px;background:#fff}
.navmenu .dropdown ul a{border-radius:8px;padding:10px 14px;font-weight:500}
.navmenu .dropdown ul a:hover{background:var(--cic-light);color:var(--cic-blue)}
.hero{background:linear-gradient(135deg,#071a33 0%,#0b2d59 48%,#155eef 100%)!important;position:relative;overflow:hidden;padding-top:155px!important}
.hero:before{content:"";position:absolute;inset:auto -12% -35% auto;width:560px;height:560px;border-radius:50%;background:rgba(255,255,255,.08)}
.hero h2{font-size:clamp(34px,5vw,58px);line-height:1.08;font-weight:800;letter-spacing:-1px}
.hero h2 .accent{color:#bcd5ff!important}
.hero p{font-size:18px;line-height:1.7;color:#e8f0ff}
.hero .btn-get-started{background:#fff!important;color:var(--cic-navy)!important;border:0!important;border-radius:10px!important;padding:13px 22px!important;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.16);transition:.2s}
.hero .btn-get-started:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.22)}
.hero .img-fluid{max-height:390px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.2))}
.hero .icon-boxes{margin-top:35px}
.hero .icon-boxes .col-xl-2>div{background:rgba(255,255,255,.96);border-radius:14px;padding:12px;height:100%;box-shadow:0 10px 30px rgba(0,0,0,.14);transition:.25s}
.hero .icon-boxes .col-xl-2>div:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(0,0,0,.2)}
.hero .img-icon{width:100%;height:115px;object-fit:contain}
.section-title h2{color:var(--cic-navy);font-weight:800}
.section-title p{color:var(--cic-muted);line-height:1.8}
.about .container>.row{margin-bottom:18px}
.about .container>.row>div{background:#fff;border:1px solid var(--cic-border);border-radius:16px;padding:26px 28px;box-shadow:0 8px 26px rgba(11,31,58,.05)}
.about h3{color:var(--cic-navy);font-size:22px;font-weight:750;margin-bottom:10px}
.about p,.about li{color:#526074;line-height:1.8}
.about ul{padding-left:20px}
.footer{background:linear-gradient(135deg,#071a33,#0b2d59)!important}
.footer .footer-logo{max-width:220px;max-height:64px;object-fit:contain;object-position:left center}
.footer h4,.footer .sitename{color:#fff}
.footer p,.footer li,.footer a{color:#dce7f7}
.footer a:hover{color:#fff}
.footer .social-links a{border-color:rgba(255,255,255,.25)!important}
.footer .social-links a:hover{background:var(--cic-blue)!important;border-color:var(--cic-blue)!important}
.float{right:20px!important;bottom:20px!important;width:52px!important;height:52px!important;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(0,0,0,.2)!important}
.my-float{margin-top:0!important}
.scroll-top{background:var(--cic-blue)!important}
/* Cards/tables/forms used across journal pages */
.card,.journal-card,.services .service-item{border-radius:16px!important;border:1px solid var(--cic-border)!important;box-shadow:0 8px 25px rgba(11,31,58,.06)}
.btn-primary{background:var(--cic-blue)!important;border-color:var(--cic-blue)!important;border-radius:9px!important}
.btn-primary:hover{background:var(--cic-navy)!important;border-color:var(--cic-navy)!important}
input,select,textarea{border-radius:9px!important;border-color:#d8e0ec!important}
input:focus,select:focus,textarea:focus{border-color:var(--cic-blue)!important;box-shadow:0 0 0 .2rem rgba(21,94,239,.1)!important}
table{border-color:var(--cic-border)!important}
/* Android/mobile */
@media(max-width:1199px){
  .header .branding{min-height:70px}
  .header .logo img{max-height:45px;max-width:220px}
  .hero{padding-top:125px!important}
}
@media(max-width:991px){
  .hero{padding-top:115px!important}
  .hero .icon-boxes{margin-top:25px}
  .hero .img-icon{height:95px}
  .about .container>.row>div{padding:22px}
}
@media(max-width:767px){
  .header .branding{min-height:64px}
  .header .logo img{max-height:40px;max-width:185px}
  .hero{padding:105px 0 55px!important}
  .hero h2{font-size:34px;letter-spacing:-.5px}
  .hero p{font-size:15px}
  .hero .row{gap:20px}
  .hero .icon-boxes{margin-top:18px}
  .hero .icon-boxes .row{gap:12px}
  .hero .icon-boxes .col-md-6{width:50%}
  .hero .icon-boxes .col-xl-2>div{padding:8px}
  .hero .img-icon{height:88px}
  .section-title{padding-bottom:18px}
  .section-title h2{font-size:30px}
  .about .container>.row>div{padding:18px;border-radius:13px}
  .about h3{font-size:19px}
  .about p,.about li{font-size:14px}
  .footer .footer-logo{max-width:190px}
  .float{right:14px!important;bottom:14px!important;width:48px!important;height:48px!important}
}
@media(max-width:420px){
  .header .logo img{max-width:160px}
  .hero h2{font-size:29px}
  .hero .icon-boxes .col-md-6{width:50%;padding-left:5px;padding-right:5px}
  .hero .img-icon{height:78px}
}