/* METE Yalıtım - Profesyonel Görsel Yönetimi */
/* Yalıtım sektörüne uygun kaliteli görseller */

/* ANA SAYFA SLIDER GÖRSELLERİ */
.rev_slider li:nth-child(1) {
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5)), 
                url('../img/slider/bg1.jpg') center center/cover !important;
}

.rev_slider li:nth-child(2) {
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5)), 
                url('https://images.unsplash.com/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center center/cover !important;
}

.rev_slider li:nth-child(3) {
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5)), 
                url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center center/cover !important;
}

/* PROJE GÖRSELLERİ */
.projects .project:nth-child(1) figure {
    background: url('https://images.unsplash.com/photo-1558618047-3c8c6d8e29ae?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover;
}

.projects .project:nth-child(1) figure img {
    opacity: 0;
}

.projects .project:nth-child(2) figure {
    background: url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover;
}

.projects .project:nth-child(2) figure img {
    opacity: 0;
}

.projects .project:nth-child(3) figure {
    background: url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover;
}

.projects .project:nth-child(3) figure img {
    opacity: 0;
}

.projects .project:nth-child(4) figure {
    background: url('https://images.unsplash.com/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover;
}

.projects .project:nth-child(4) figure img {
    opacity: 0;
}

.projects .project:nth-child(5) figure {
    background: url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover;
}

.projects .project:nth-child(5) figure img {
    opacity: 0;
}

.projects .project:nth-child(6) figure {
    background: url('https://images.unsplash.com/photo-1582268611958-ebfd161ef9cf?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover;
}

.projects .project:nth-child(6) figure img {
    opacity: 0;
}

.projects .project:nth-child(7) figure {
    background: url('https://images.unsplash.com/photo-1505843513577-22bb7d21e455?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover;
}

.projects .project:nth-child(7) figure img {
    opacity: 0;
}

.projects .project:nth-child(8) figure {
    background: url('https://images.unsplash.com/photo-1560472354-b33ff0c44a43?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover;
}

.projects .project:nth-child(8) figure img {
    opacity: 0;
}

/* ABOUT BÖLÜMÜ GÖRSELİ */
.col-about-img {
    background: url('https://images.unsplash.com/photo-1581578731548-c64695cc6952?ixlib=rb-4.0.3&auto=format&fit=crop&w=380&q=80') center center/cover;
    border-radius: 4px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.2);
}

.col-about-img img {
    opacity: 0;
}

/* DENEYİM BÖLÜMÜ */
.text-parallax {
    background: url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80') center center/cover !important;
}

/* BLOG GÖRSELLERİ */
.blog:nth-child(1) .blog-thumbnail-bg,
.blog:nth-child(1) .blog-thumbnail-img {
    background: url('https://images.unsplash.com/photo-1558618047-3c8c6d8e29ae?ixlib=rb-4.0.3&auto=format&fit=crop&w=760&q=80') center center/cover;
}

.blog:nth-child(1) .blog-thumbnail-bg img,
.blog:nth-child(1) .blog-thumbnail-img img {
    opacity: 0;
}

.blog:nth-child(2) .blog-thumbnail-bg,
.blog:nth-child(2) .blog-thumbnail-img {
    background: url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?ixlib=rb-4.0.3&auto=format&fit=crop&w=760&q=80') center center/cover;
}

.blog:nth-child(2) .blog-thumbnail-bg img,
.blog:nth-child(2) .blog-thumbnail-img img {
    opacity: 0;
}

.blog:nth-child(3) .blog-thumbnail-bg,
.blog:nth-child(3) .blog-thumbnail-img {
    background: url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?ixlib=rb-4.0.3&auto=format&fit=crop&w=760&q=80') center center/cover;
}

.blog:nth-child(3) .blog-thumbnail-bg img,
.blog:nth-child(3) .blog-thumbnail-img img {
    opacity: 0;
}

/* MOBİLE RESPONSİVE */
@media (max-width: 768px) {
    .projects .project figure {
        min-height: 250px;
    }
    
    .col-about-img {
        min-height: 300px;
    }
}

/* HOVER EFEKTLERİ */
.projects .project:hover figure {
    transform: scale(1.05);
    transition: all 0.3s ease;
}

.projects .project figure {
    transition: all 0.3s ease;
}

/* YALITIM TEMALARI İÇİN EK GÖRSELLER */
.projects .project[title*="Teras"] figure {
    background: url('https://images.unsplash.com/photo-1558618047-3c8c6d8e29ae?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover !important;
}

.projects .project[title*="Asansör"] figure {
    background: url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover !important;
}

.projects .project[title*="Otopark"] figure {
    background: url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover !important;
}

.projects .project[title*="Çatı"] figure {
    background: url('https://images.unsplash.com/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover !important;
}

.projects .project[title*="Sığınak"] figure {
    background: url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover !important;
}

.projects .project[title*="Dış Cephe"] figure {
    background: url('https://images.unsplash.com/photo-1582268611958-ebfd161ef9cf?ixlib=rb-4.0.3&auto=format&fit=crop&w=480&q=80') center center/cover !important;
}

/* SAYFA BAŞLIKLARI İÇİN ARKAPLAN GÖRSELLERİ */

/* Projeler Sayfası Başlık Arkaplanı */
.main-projects.bg-projects {
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.6)), 
                url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center center/cover !important;
    background-attachment: fixed;
}

.main-projects .main-header {
    position: relative;
    z-index: 2;
}

.main-projects .main-header h1 {
    color: #fff !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
}

/* Hakkımızda Sayfası Başlık Arkaplanı */
.main-about.bg-about {
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.6)), 
                url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center center/cover !important;
    background-attachment: fixed;
}

.main-about .main-header {
    position: relative;
    z-index: 2;
}

.main-about .main-header h1 {
    color: #fff !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
}

/* Blog Sayfası Başlık Arkaplanı */
.main-blog.bg-blog {
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.6)), 
                url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center center/cover !important;
    background-attachment: fixed;
}

.main-blog .main-header {
    position: relative;
    z-index: 2;
}

.main-blog .main-header h1 {
    color: #fff !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
}

/* İletişim Sayfası Başlık Arkaplanı */
.main-contacts.bg-contacts {
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.6)), 
                url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center center/cover !important;
    background-attachment: fixed;
}

.main-contacts .main-header {
    position: relative;
    z-index: 2;
}

.main-contacts .main-header h1 {
    color: #fff !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
}

/* TELEFON NUMARASI BOYUT ARTTIRMA */

/* Header telefon numarası boyutu */
.header-phone {
    font-size: 1.1em !important; /* 0.81em'den 1.1em'e */
}

/* İletişim sayfası telefon satırı boyutu */
.phone-row {
    font-size: 1.6em !important; /* 1.3em'den 1.6em'e */
}

/* Genel iletişim içerik boyutu (email, adres vb.) */
.contact-content {
    font-size: 1.5em !important; /* 1.3em'den 1.5em'e */
}

/* Footer ve diğer alanlardaki telefon numaraları için */
.footer p,
.footer .brand,
.text-parallax p,
.about-content p {
    font-size: 1.2em !important;
}

/* Mobil cihazlarda telefon numarası boyutları */
@media (max-width: 768px) {
    .header-phone {
        font-size: 1.0em !important;
    }
    
    .phone-row {
        font-size: 1.4em !important;
    }
    
    .contact-content {
        font-size: 1.3em !important;
    }
}

/* VIDEO GALERİ SAYFA STİLLERİ */

/* Galeri Sayfası Başlık Arkaplanı */
.main-gallery.bg-gallery {
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.6)), 
                url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center center/cover !important;
    background-attachment: fixed;
}

.main-gallery .main-header {
    position: relative;
    z-index: 2;
}

.main-gallery .main-header h1 {
    color: #fff !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
}

/* Video öğeleri için geliştirilmiş stiller */
.video-gallery {
    padding: 4em 0;
}

.video-item {
    margin-bottom: 2em;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    background: #fff;
    transition: all 0.3s ease;
}

.video-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.25);
}

.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    overflow: hidden;
}

.video-container iframe,
.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    background: #000; /* Siyah arkaplan */
}

/* Video elementleri için özel stiller */
.video-container video {
    object-fit: cover; /* Video'nun container'a uyum sağlaması */
}

.video-info {
    padding: 1.5em;
}

.video-title {
    font-family: 'Oswald', sans-serif;
    font-size: 1.4em;
    color: #333;
    margin-bottom: 0.5em;
    font-weight: 400;
}

.video-description {
    color: #666;
    font-size: 0.95em;
    line-height: 1.6;
    margin-bottom: 1em;
}

/* Cache busting için versiyon */
/* v2025073108 */

/* METE LOGO STİLLERİ */
.brand img,
.brand-name img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* Ana sayfa logo boyutu */
.header-home .brand img {
    height: 200px !important;
}

.header-home .brand-name img {
    height: 200px !important;
}

/* İç sayfalar logo boyutu - Ana sayfayla aynı */
.brand-name img {
    height: 200px !important;
}

.brand img {
    height: 200px !important;
}

/* Sticky header logo boyutu */
.header.fixed .brand img,
.navbar .brand img {
    height: 100px !important;
}

/* Navbar desktop affix logo boyutu */
.navbar-desctop.affix .brand img {
    height: 100px !important;
    width: auto !important;
}

/* Footer logo boyutu */
.footer .brand img {
    height: 60px !important;
    width: auto !important;
}

/* Mobil cihazlarda logo boyutları */
@media (max-width: 768px) {
    .header-home .brand img {
        height: 140px !important;
    }
    
    .header-home .brand-name img {
        height: 140px !important;
    }
    
    .brand-name img {
        height: 140px !important;
    }
    
    .brand img {
        height: 140px !important;
    }
    
    .header.fixed .brand img,
    .navbar .brand img {
        height: 80px !important;
    }
    
    .footer .brand img {
        height: 50px !important;
    }
}