/* Custom CSS for TagSecret Website */

/* Prevent flash of unstyled content */
html{visibility:visible;opacity:1}
body{visibility:visible;opacity:1}

/* Language selector improvements */
#select-language{background-color:transparent;border:1px solid #dee2e6;border-radius:4px;padding:8px 12px;font-size:14px;cursor:pointer;transition:all .3s ease}
#select-language:hover{border-color:#007bff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
#select-language:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}

/* Enhanced counter animations */
.count{display:inline-block;font-weight:bold;color:#007bff}

/* Navigation improvements */
.navbar-brand{display:flex;align-items:center}
.navbar-brand img{max-height:40px;width:auto}

/* Mobile responsive improvements */
@media (max-width:768px){
#select-language{margin:10px 0;width:100%}
.navbar-nav{text-align:center}
.navbar-nav>li{margin:5px 0}
}

/* Smooth scrolling */
html{scroll-behavior:smooth}

/* Custom animations */
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.fade-in-up{animation:fadeInUp .6s ease-out}

/* Button hover effects */
.btn{transition:all .3s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}

/* Card hover effects */
.card{transition:all .3s ease}
.card:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.1)}

/* Loading spinner improvements - for future use */
.preloader{background-color:rgba(255,255,255,.95);position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(2px)}

/* Lightweight loading indicator - alternative to full preloader */
.loading-indicator{position:fixed;top:20px;right:20px;z-index:1000;background:rgba(0,123,255,.9);color:white;padding:8px 16px;border-radius:20px;font-size:12px;animation:pulse 1.5s infinite}

@keyframes pulse{0%,100%{opacity:.8}50%{opacity:1}}

/* Custom scrollbar */
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#f1f1f1}
::-webkit-scrollbar-thumb{background:#888;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#555}

/* Focus improvements for accessibility */
.btn:focus,.nav-link:focus,.form-control:focus{outline:2px solid #007bff;outline-offset:2px}

/* Print styles */
@media print{.navbar,.footer,#select-language{display:none!important}body{font-size:12pt;line-height:1.4}}