/*
Theme Name: Ankara Data Dilat
Theme URI: https://www.ankaradatadilatdekorasyon.com/
Author: AI Assistant
Description: Bootstrap 5.3.3 ile oluşturulmuş, tüm dinamik bileşenleri, görsel düzeltmeleri ve mobil tasarım fix'lerini içeren nihai tema stil dosyası.
Version: 1.0.0
*/

/* ====================================
   1. GENEL YAPI VE ALT BİLGİ
   ==================================== */

.footer-bg {
    background-color: #0b1a37; 
    color: white;
    padding: 40px 0;
}
.footer-bg a {
    color: white;
    opacity: 0.8;
    transition: opacity 0.2s;
}
.footer-bg a:hover {
    opacity: 1;
}

/* ====================================
   2. NAVBAR DÜZENLEMESİ (KALINLIK VE BOYUT)
   ==================================== */

/* Menü yazı tipini kalınlık ve boyutu */
.navbar-nav .nav-link {
    font-size: 1.05rem; 
    padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
}

/* Logo Yüksekliği */
.navbar-brand img {
    max-height: 50px; 
    width: auto;
}


/* ====================================
   3. HERO ALANI VE KARTLAR (INDEX.PHP)
   ==================================== */

/* Kartların slider/hero alanının altına sarkması için gereklidir (Overlap Fix) */
.hero-cards-wrapper {
    position: relative;
    z-index: 10;
    /* Mobil Varsayılan: Başlığı örtmemesi için daha az negatif marjin */
    margin-top: -40px !important; 
    margin-bottom: 20px;
}

/* TABLET VE MASAÜSTÜ İÇİN DÜZELTME (Bootstrap MD breakpoint'i: 768px) */
@media (min-width: 768px) {
    .hero-cards-wrapper {
        /* Masaüstünde daha büyük overlap değeri */
        margin-top: -80px !important; 
    }
}

/* Slider Metnini Dikey ve Yatay Ortalama */
.carousel-caption {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

/* SLIDER BAŞLIĞI RESPONSIVE (YENİ EKLEME) */
.slider_baslik {
    font-size: 1.8rem; /* Mobil Cihazlar için küçük font */
    line-height: 1.2;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); 
}
@media (min-width: 768px) {
    .slider_baslik {
        font-size: 3rem; /* Tablet Cihazlar için orta boy */
    }
}
@media (min-width: 1200px) {
    .slider_baslik {
        font-size: 4rem; /* Büyük Masaüstü için büyük font */
    }
}


/* ====================================
   4. GÖRSEL DÜZELTMELER (TUTARLILIK)
   ==================================== */

/* Haber Kartları (index.php ve archive.php) */
.card-img-top {
    height: 250px;
    object-fit: cover; 
    width: 100%;
}
/* Faaliyet Kartları */
.activity-img, .card-img-top-placeholder.activity-img-placeholder {
    height: 250px; 
    object-fit: cover; 
    width: 100%;
}

/* Galeri Kareleri (6. Bölüm) */
.galeri-kare {
    aspect-ratio: 1 / 1; 
    overflow: hidden;
    height: 100%;
}
.galeri-kare img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}


/* ====================================
   5. İSTATİSTİK ALANI (Dotted Border)
   ==================================== */

.stat-card {
    border-style: dotted !important; 
    border-color: var(--bs-primary) !important; 
    transition: all 0.3s;
}
.stat-card:hover {
    background-color: #f8f9fa;
}
.stat-card i {
    color: var(--bs-primary) !important; 
}


/* ====================================
   6. SAYFA BAŞLIĞI BANNERI (page, single, archive, 404)
   ==================================== */

.page-header-banner {
    background-image: url('https://ankaradatadilatdekorasyon.com/wp-content/uploads/2025/12/page_arka.jpeg'); 
    background-size: cover;
    background-position: center center;
    min-height: 250px; 
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

/* Koyu katman (overlay) ekleme */
.page-header-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); 
    z-index: 2;
}

.page-header-banner .container {
    z-index: 3;
}
.page-header-banner h1 {
    margin-bottom: 0;
    font-size: 3rem; 
}
.breadcrumb-nav {
    font-size: 0.9rem;
    opacity: 0.8;
}
.breadcrumb-nav a {
    color: white; 
}