/* ================================
   COACH YULIYA - MAIN STYLES
   ================================ */

/* ===== ANIMATIONS ===== */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes scaleIn {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

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

/* ===== REVEAL ANIMATIONS ===== */
.reveal {
    opacity: 0;
    transform: translateY(30px);
}

.reveal.active {
    animation: fade-in 0.8s ease-out forwards;
}

/* ===== GLASSMORPHISM EFFECTS ===== */
.glass-card {
    background: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
}

.glass-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.3s ease !important;
}

/* ===== REVIEW CARDS - NO DOUBLE GLASS EFFECT ===== */
#reviewContainer .glass-card {
    background: rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

#reviewContainer .glass-card:hover {
    transform: none !important;
}

/* ===== TEXT EFFECTS ===== */
.text-gold-glow {
    text-shadow: 0 0 20px rgba(212, 175, 55, 0.3);
}

/* ===== SCROLLBAR STYLING ===== */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #0b0b0c;
}

::-webkit-scrollbar-thumb {
    background: #d4af37;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #b8941f;
}

/* ===== FOCUS STATES ===== */
.btn-primary:focus,
.btn-secondary:focus {
    outline: 2px solid #d4af37;
    outline-offset: 2px;
}

/* ===== RESPONSIVE BACKGROUND ===== */
.responsive-bg {
    background-image: url('../../assets/img/bgs/bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Ab Tablet-Größe (768px) Desktop-Hintergrund verwenden */
@media (min-width: 768px) {
    .responsive-bg {
        background-image: url('../../assets/img/bgs/bg.jpg');
    }
}

/* ===== ABOUT PAGE SPECIFIC STYLES ===== */

/* Ensure all sections are visible above background */
section {
    position: relative;
    z-index: 10;
}

/* Fix any potential overlay issues */
.glass-card {
    position: relative;
    z-index: 20;
}

/* Timeline Step Animation */
.timeline-step {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.timeline-step:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.6) !important;
}

/* Portfolio/Case Studies Hover Effect */
.case-study {
    transition: all 0.3s ease;
}

.case-study:hover {
    transform: scale(1.02);
}

/* Qualification Badge Effects */
.qualification-badge {
    transition: all 0.3s ease;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.1), rgba(244, 231, 151, 0.1));
    border: 1px solid rgba(212, 175, 55, 0.2);
}

.qualification-badge:hover {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.2), rgba(244, 231, 151, 0.2));
    border-color: rgba(212, 175, 55, 0.4);
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.1);
}

/* Philosophy Cards Hover Enhancement */
.philosophy-card .icon-wrapper {
    transition: all 0.4s ease;
}

.philosophy-card:hover .icon-wrapper {
    transform: rotate(10deg) scale(1.1);
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);
}

/* Success Story Cards */
.success-before {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(220, 38, 38, 0.1));
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.success-after {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1), rgba(22, 163, 74, 0.1));
    border: 1px solid rgba(34, 197, 94, 0.2);
}

/* Mobile Responsive Adjustments */
@media (max-width: 768px) {
    .timeline-step .arrow {
        display: none;
    }
    
    .philosophy-card {
        text-align: center;
    }
    
    .qualification-badge {
        margin-bottom: 1rem;
    }
}