/*
 Theme Name:   DC-Indinet 2.0
 Description:  Custom Child Theme for Astra with Indinet Assets - FIXED build (bug fixes + Customizer). Install alongside v1.0 to compare.
 Author:       Debojyoti Chakraborty
 Template:     astra
 Version:      2.0.0
*/

/* CARD HOVER EFFECTS */
.service-card { transition: transform 0.3s, box-shadow 0.3s; }
.service-card:hover { transform: translateY(-10px); box-shadow: 0 30px 50px rgba(0,123,255,0.2) !important; border-color: #007bff !important; }
.service-card:hover .service-icon { background: #007bff !important; }
.service-card:hover .service-icon svg path, .service-card:hover .service-icon svg rect { stroke: white !important; }
.service-card:hover .service-icon svg path:last-child { fill: white !important; }
.service-card:hover a { color: #0056b3; border-bottom-color: #0056b3; }
.plan-card:hover { transform: translateY(-10px); box-shadow: 0 30px 50px rgba(0,123,255,0.2) !important; border-color: #007bff !important; }
.plan-card:hover .city-tag { background: #007bff !important; color: white !important; }
.tp-about__box-feature-card { transition: all 0.3s ease; }
.tp-about__box-feature-card:hover { transform: translateX(5px); box-shadow: 0px 15px 35px rgba(0,0,0,0.1) !important; border-color: #ffb400 !important; }
.tp-feature__item { transition: all 0.3s ease; }
.tp-feature__item:hover { transform: scale(1.02); }
.tp-blog-3__item { transition: all 0.3s ease; }
.tp-blog-3__item:hover { transform: translateY(-5px); box-shadow: 0 20px 30px rgba(0,0,0,0.1); }
.tp-cta-3__btn a:hover { background: #FFB302 !important; color: #000 !important; transform: translateY(-2px); }
.tp-footer__text-email input:focus { border-color: #FFB302 !important; box-shadow: 0 0 0 3px rgba(255,180,0,0.2); }
.wow { visibility: hidden; }

/* SPLASH LOADER */
#loading { position: fixed; width: 100%; height: 100%; background: #ffffff; display: flex; justify-content: center; align-items: center; z-index: 9999; opacity: 1; animation: overlayFadeOut 0.5s ease-in-out 1s forwards; }
.loader-wrapper { text-align: center; opacity: 0; transform: scale(0.7); animation: logoFadeZoomIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.1s forwards; }
.loader-logo { width: 120px; display: block; margin: 0 auto 16px auto; }
.loader-welcome { font-size: 16px; font-weight: 600; color: #336EF9; letter-spacing: 3px; text-transform: uppercase; opacity: 0; animation: welcomeFadeIn 0.4s ease 0.5s forwards; }
@keyframes welcomeFadeIn { 0% { opacity: 0; transform: translateY(6px); } 100% { opacity: 1; transform: translateY(0); } }
@keyframes logoFadeZoomIn { 0% { opacity: 0; transform: scale(0.7); } 60% { opacity: 1; transform: scale(1.05); } 100% { opacity: 1; transform: scale(1); } }
@keyframes overlayFadeOut { 0% { opacity: 1; pointer-events: all; } 100% { opacity: 0; pointer-events: none; visibility: hidden; } }