/* ==============================================
   MENESA DRESS - HAKKIMIZDA V2 STİLLERİ
   ============================================== */


/* Giriş Bölümü */
.about-hero {
    background-color: #f8f9fa; /* Hafif gri arka plan */
}
.about-hero .breadcrumb a {
    color: #6c757d;
}
.about-hero .breadcrumb a:hover {
    color: var(--gold);
}
.about-hero .breadcrumb-item.active {
    color: #333;
}

/* Bölüm Başlıkları */
.section-title {
    color: #333;
    position: relative;
    padding-bottom: 0.5rem;
    margin-bottom: 1.5rem; /* Başlık altı boşluk */
}
.section-title::after { /* Başlık altına ince çizgi */
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 3px;
    background-color: var(--gold, #d6a04c);
}
.text-center .section-title::after { /* Ortalanmış başlık için çizgiyi ortaya al */
    left: 50%;
    transform: translateX(-50%);
}

/* Metin Renkleri */
.text-secondary {
    color: #555 !important; /* Biraz daha koyu gri */
    line-height: 1.7;
}

/* Vizyon/Misyon Ayrımı */
.vision-mission h5 {
    color: #333; /* Koyu başlık */
    margin-top: 1.5rem;
}
.vision-mission h5:first-of-type {
    margin-top: 0;
}

/* Değer Kartları */
.value-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.value-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08) !important;
}

/* İkon Çemberi */
.icon-circle {
    width: 60px;
    height: 60px;
    background-color: #fff8e7; /* Altın renginin açığı */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}
.value-card:hover .icon-circle {
    background-color: var(--gold, #d6a04c);
}
.value-card:hover .icon-circle i {
    color: #fff !important; /* Hover'da ikonu beyaz yap */
}
.value-card .text-gold {
     transition: color 0.3s ease;
}

/* Responsive */
@media (max-width: 991px) {
    .section-title::after {
        left: 50%;
        transform: translateX(-50%); /* Mobilde tüm başlık çizgileri ortada */
    }
}

@media (max-width: 767px) {
    .about-hero h1 {
        font-size: 2.5rem;
    }
    .section-title {
        font-size: 1.8rem;
    }
}