/* =====================================================
   SAINIK SUVIDHA – MASTER CSS (FINAL CLEAN VERSION)
===================================================== */

/* ================= GLOBAL RESET ================= */
img{max-width:100%;height:auto}
body{margin:0;font-family:Roboto,Arial,sans-serif}
.site-header{min-height:64px}

/* ================= WORDPRESS SMILEY FIX ================= */
img.wp-smiley,
img.emoji{
display:inline!important;
border:none!important;
box-shadow:none!important;
height:1em!important;
width:1em!important;
margin:0 .07em!important;
vertical-align:-0.1em!important;
background:none!important;
padding:0!important;
}

/* ================= MOBILE PLAYSTORE ================= */
@media (max-width:768px){
.mobile-playstore-btn{
display:block!important;
position:fixed!important;
bottom:20px!important;
right:10px!important;
z-index:9999999!important;
}
.mobile-playstore-btn img{
width:120px;
border-radius:8px;
}
.mobile-playstore-btn.hidden{
opacity:0;
transform:translateX(80px);
pointer-events:none!important;
}
}

#qlwapp{z-index:99999!important}

/* ================= MOBILE FIXED HEADER ================= */
@media(max-width:768px){

#masthead.site-header{
position:fixed!important;
top:0;
left:0;
width:100%;
height:64px;
z-index:999999!important;
background:#eef5fb;
box-shadow:0 2px 8px rgba(0,0,0,.15);
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
padding:0 8px!important;
}

main,#page,.site,.site-content{
margin-top:64px;
}
}

/* ================= LOGO SYSTEM ================= */
.ssk-main-logo{
display:flex;
align-items:center;
gap:8px;
text-decoration:none;
}

.ssk-logo-img{
width:42px!important;
height:42px!important;
object-fit:contain;
}

.ssk-logo-words{
display:flex;
flex-direction:column;
line-height:1.25;
}

.ssk-title{
font-size:20px;
font-weight:900;
text-transform:uppercase;
background:linear-gradient(270deg,#ff9933,#ffffff,#138808,#ff9933);
background-size:400% 400%;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
animation:sskTextFlow 6s ease infinite;
}

.ssk-tagline{
font-size:11px;
font-weight:700;
color:#1d3a7c;
}

@media(min-width:769px){
.ssk-logo-img{width:58px!important;height:58px!important;}
.ssk-title{font-size:26px}
.ssk-tagline{font-size:13px}
}

/* ================= SLIDER SAFE HEIGHT ================= */
.home-slider,
.main-home-slider,
.main-carousel{
position:relative;
overflow:hidden;
min-height:320px;
}

@media(max-width:768px){
.home-slider,
.main-home-slider,
.main-carousel{
min-height:220px;
}
}

/* ================= FLOAT FAB ================= */
#sskFab{
position:fixed;
right:18px;
bottom:95px;
z-index:999999;
}

#fabMain{
width:60px;height:60px;
background:#1d3a7c;
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:26px;
cursor:pointer;
box-shadow:0 12px 28px rgba(0,0,0,.35);
}

.fabItem{
position:absolute;
right:0;
width:190px;
padding:12px 14px;
border-radius:30px;
color:#fff;
font-weight:700;
display:flex;
align-items:center;
gap:10px;
opacity:0;
pointer-events:none;
transition:.35s ease;
box-shadow:0 10px 24px rgba(0,0,0,.35);
}

#sskFab.open .fabItem{
opacity:1;
pointer-events:auto;
}

.resume{bottom:70px;background:linear-gradient(135deg,#ff512f,#f09819);}
.echs{bottom:130px;background:linear-gradient(135deg,#11998e,#38ef7d);}
.help{bottom:190px;background:linear-gradient(135deg,#1d3a7c,#6a11cb);}
.join{bottom:250px;background:linear-gradient(135deg,#ff0066,#ffcc00);}
.wa{bottom:310px;background:#25D366}

/* ================= WHATSAPP POPUP ================= */
#waBox{
position:fixed;
right:20px;
bottom:170px;
width:260px;
background:#fff;
border-radius:16px;
box-shadow:0 18px 45px rgba(0,0,0,.3);
display:none;
overflow:hidden;
z-index:999999;
}

/* ================= MOBILE BANNER ================= */
#sskMobileBanner{
position:fixed;
bottom:14px;
left:50%;
transform:translateX(-50%);
width:92%;
max-width:420px;
background:linear-gradient(135deg,#1e3c72,#2a5298);
color:#fff;
border-radius:18px;
padding:14px 16px;
display:none;
align-items:center;
justify-content:space-between;
box-shadow:0 10px 30px rgba(0,0,0,.45);
z-index:10000;
}

/* ================= POPUP ================= */
#sskOfferPopup .ssk-popup{
border-radius:18px;
overflow:hidden;
box-shadow:0 18px 45px rgba(0,0,0,.45);
}

#sskOfferPopup .ssk-slider{
position:relative;
height:240px;
overflow:hidden;
}

#sskOfferPopup .ssk-slide{
position:absolute;
inset:0;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
padding:90px 24px 24px;
color:#fff;
opacity:0;
transition:.8s ease;
}

#sskOfferPopup .ssk-slide.active{
opacity:1;
z-index:2;
}

#sskOfferPopup h2{
color:#fff!important;
text-shadow:0 2px 6px rgba(0,0,0,.45);
}

#sskOfferPopup p{
color:#f1f5ff!important;
text-shadow:0 1px 4px rgba(0,0,0,.35);
}

#sskOfferPopup .ssk-footer{
display:flex;
gap:12px;
padding:16px;
background:#fff;
}

#sskOfferPopup .ssk-footer .btn{
flex:1;
height:48px;
border-radius:14px;
font-weight:700;
display:flex;
align-items:center;
justify-content:center;
color:#fff!important;
text-decoration:none;
box-shadow:0 6px 16px rgba(0,0,0,.25);
transition:.25s ease;
}

#sskOfferPopup .btn.itr{background:linear-gradient(135deg,#ff7a18,#ff3d00);}
#sskOfferPopup .btn.echs{background:linear-gradient(135deg,#00c9a7,#009688);}
#sskOfferPopup .btn.resume{background:linear-gradient(135deg,#244a8d,#1b2f5b);}

/* ================= PRELOADER ================= */
#preloader{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:999999;
background:#fff;
}

#loader{
position:absolute;
top:50%;
left:50%;
width:80px;
height:80px;
margin:-40px 0 0 -40px;
border-radius:50%;
border:3px solid transparent;
border-top-color:#FB792B;
animation:spin 2s linear infinite;
}

@keyframes spin{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}

/* ================= LOGO GRADIENT ANIMATION ================= */
@keyframes sskTextFlow{
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}

/* ================= OUR SERVICES MENU ================= */
#primary-menu > li.menu-item-117 > ul.sub-menu{
background:#ffffff;
padding:12px;
border-radius:12px;
min-width:320px;
box-shadow:0 15px 35px rgba(0,0,0,.15);
}

#primary-menu > li.menu-item-117 > ul.sub-menu > li{
background:#f8f9fc;
border-radius:10px;
padding:10px;
margin-bottom:10px;
border-left:4px solid #1d3a7c;
}

#primary-menu > li.menu-item-117 .category-link{
font-weight:700;
display:flex;
justify-content:space-between;
align-items:center;
text-decoration:none;
color:#1d3a7c;
}

#primary-menu > li.menu-item-117 .toggle-icon{
font-size:18px;
font-weight:bold;
cursor:pointer;
}

#primary-menu > li.menu-item-117 ul.sub-menu ul.sub-menu{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:6px;
margin-top:8px;
}

#primary-menu > li.menu-item-117 ul.sub-menu ul.sub-menu li a{
background:#ffffff;
padding:6px 8px;
border-radius:6px;
font-size:13px;
text-decoration:none;
color:#333;
transition:.2s ease;
}

#primary-menu > li.menu-item-117 ul.sub-menu ul.sub-menu li a:hover{
background:#1d3a7c;
color:#fff;
}

@media(max-width:768px){
#primary-menu > li.menu-item-117 ul.sub-menu ul.sub-menu{
display:none;
grid-template-columns:1fr;
}
#primary-menu > li.menu-item-117 li.active > ul.sub-menu{
display:grid;
}
/* =================================================
   PREMIUM MOBILE SLIDING MENU SYSTEM
================================================= */

/* ================= HAMBURGER BUTTON ================= */
.menu-toggle{
display:none;
width:42px;
height:42px;
border-radius:8px;
background:#1d3a7c;
position:relative;
cursor:pointer;
align-items:center;
justify-content:center;
}

.menu-toggle span,
.menu-toggle span:before,
.menu-toggle span:after{
content:"";
display:block;
width:22px;
height:2px;
background:#fff;
position:absolute;
transition:.35s ease;
}

.menu-toggle span:before{transform:translateY(-6px);}
.menu-toggle span:after{transform:translateY(6px);}

/* animate to X */
body.menu-open .menu-toggle span{
background:transparent;
}
body.menu-open .menu-toggle span:before{
transform:rotate(45deg);
}
body.menu-open .menu-toggle span:after{
transform:rotate(-45deg);
}

/* ================= MOBILE MENU PANEL ================= */
@media(max-width:768px){

.menu-toggle{
display:flex;
}

#site-navigation{
position:fixed;
top:0;
left:-100%;
width:85%;
height:100vh;
background:#ffffff;
z-index:999998;
transition:.4s cubic-bezier(.77,0,.18,1);
overflow-y:auto;
box-shadow:0 0 35px rgba(0,0,0,.25);
padding-top:80px;
}

/* slide in */
#site-navigation.active{
left:0;
}

/* overlay */
.menu-overlay{
position:fixed;
inset:0;
background:rgba(0,0,0,.45);
backdrop-filter:blur(4px);
z-index:999997;
opacity:0;
pointer-events:none;
transition:.3s ease;
}

body.menu-open .menu-overlay{
opacity:1;
pointer-events:auto;
}

/* prevent scroll */
body.menu-open{
overflow:hidden;
}

/* ================= MENU STYLE ================= */

#primary-menu{
padding:0 20px;
}

#primary-menu li{
list-style:none;
margin-bottom:6px;
}

#primary-menu li > a{
display:flex;
justify-content:space-between;
align-items:center;
padding:12px 14px;
border-radius:10px;
background:#f4f6fb;
font-weight:600;
text-decoration:none;
color:#1d3a7c;
transition:.25s ease;
}

#primary-menu li > a:hover{
background:#1d3a7c;
color:#fff;
}

/* accordion arrow */
#primary-menu li.menu-item-has-children > a:after{
content:"+";
font-weight:bold;
}

#primary-menu li.active > a:after{
content:"−";
}

/* hide sub */
#primary-menu ul.sub-menu{
display:none;
padding-left:10px;
margin-top:6px;
}

/* show sub */
#primary-menu li.active > ul.sub-menu{
display:block;
animation:fadeSlide .3s ease;
}

/* smooth fade */
@keyframes fadeSlide{
from{opacity:0;transform:translateY(-5px);}
to{opacity:1;transform:translateY(0);}
}

}
}