/* css/style.css */
body { font-family: 'Inter', sans-serif; background-color: #ffffff; color: #3c4043; }
.google-blue { color: #1a73e8; }
.bg-google-blue { background-color: #1a73e8; }
html { scroll-behavior: smooth; }

/* Navigation Highlighting - REMOVED BOLD */
.nav-link-active { 
    color: #1a73e8 !important; 
    font-weight: 500; 
}

/* Exercise Tab Navigation */
.active-tab { 
    color: #1a73e8; 
    border-bottom: 3px solid #1a73e8;
    font-weight: 600;
}

/* Video Preview Logic */
.video-preview {
    display: none;
    pointer-events: none;
    position: absolute;
    z-index: 50;
    width: 240px;
    bottom: 110%;
    right: 0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    border: 4px solid white;
}

@media (min-width: 768px) {
    .ex-card-wrapper:hover .video-preview {
        display: block;
        animation: slideUp 0.2s ease-out;
    }
}

@keyframes slideUp { 
    from { opacity: 0; transform: translateY(10px); } 
    to { opacity: 1; transform: translateY(0); } 
}

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Active state for the interactive buttons */
.active-tip {
    border-color: #1a73e8 !important; /* google-blue from your style.css */
    background-color: white !important;
    color: #1a73e8 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* Ensure horizontal scroll on mobile is smooth and hidden */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { 
    -ms-overflow-style: none; 
    scrollbar-width: none; 
}

/* Smooth fade for content switching */
#tip-display {
    transition: opacity 0.3s ease-in-out;
}