/* === EKSİK VE YARDIMCI SINIFLAR === */

/* Ana Renk Uyumu (HTML'deki text-primary vb. için) */
.text-primary { color: var(--primary-blue) !important; }
.text-warning { color: var(--gold) !important; }
.w-100 { width: 100% !important; }
.mt-3 { margin-top: 1rem !important; }
.me-2 { margin-right: 0.5rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }

/* 
   TEKNOLOJİK DOKUNUŞ: 
   Premium Kartlar için Shimmer (Parlama) Efekti 
*/
.badge-premium {
    position: relative;
    overflow: hidden;
}
.badge-premium::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(255,255,255,0.3), transparent);
    transform: rotate(45deg);
    animation: shimmer 3s infinite;
}

@keyframes shimmer {
    0% { transform: translateX(-100%) rotate(45deg); }
    100% { transform: translateX(100%) rotate(45deg); }
}

/* 
   VİDEO CONTAINER REVİZE:
   Iframe'in köşelerini kapsayıcıya uydurma
*/
.video-container iframe {
    border: none;
    border-radius: 16px;
    box-shadow: var(--shadow-lg);
}

/* 
   CONTENT CARD HOVER:
   Teknolojik bir derinlik hissi 
*/
.content-card {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    z-index: 1;
}
.content-card:hover {
    transform: translateY(-5px);
    border-color: var(--primary-blue);
    box-shadow: 0 20px 40px rgba(0, 82, 255, 0.08);
}

/* 
   SIDEBAR HIGHLIGHT CARD (Fiyat Kartı):
   Daha 'Future Tech' bir görünüm
*/
.highlight-card {
    background: linear-gradient(135deg, #001A4D 0%, var(--primary-blue) 100%);
    border: none;
}

.price-val {
    text-shadow: 0 4px 12px rgba(0,0,0,0.2);
    letter-spacing: -1px;
}

/* 
   SERVICE ITEM: 
   İkonların arkasına hafif bir derinlik
*/
.service-icon {
    box-shadow: 0 4px 10px rgba(0, 82, 255, 0.2);
    border: 2px solid rgba(255,255,255,0.2);
}

/* 
   GALLERY MASONRY-LIKE: 
   Görsellerin üzerine gelince zoom ve overlay
*/
.gallery-img {
    filter: brightness(0.95);
    border: 1px solid var(--border-light);
}
.gallery-img:hover {
    filter: brightness(1.1);
    outline: 3px solid var(--primary-blue);
    outline-offset: 4px;
}

/* 
   SCROLLBAR TASARIMI (Modern Browserlar için) 
*/
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--primary-blue);
}