/* custom-style.css */

/* Renk Paleti (Logonun Mavi ve Turkuaz Tonlarına Göre) */
:root {
    --primary-color: #0d47a1; /* Koyu Mavi */
    --info-color: #00bcd4; /* Turkuaz (Bootstrap'teki info rengini overwrite eder) */
    --warning-color: #ff9800; /* Vurgu Rengi (Bootstrap'teki warning rengini overwrite eder) */
}

/* Genel Sınıf Overwrite'ları */
.bg-primary { background-color: var(--primary-color) !important; }
.text-primary { color: var(--primary-color) !important; }
.btn-primary { 
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.btn-primary:hover {
    background-color: #0c3b88;
    border-color: #0c3b88;
}

.bg-info { background-color: var(--info-color) !important; }
.text-info { color: var(--info-color) !important; }
.btn-info {
    background-color: var(--info-color);
    border-color: var(--info-color);
}
.btn-info:hover {
    background-color: #008ba3;
    border-color: #008ba3;
}

.bg-warning { background-color: var(--warning-color) !important; }
.btn-warning {
    background-color: var(--warning-color);
    border-color: var(--warning-color);
}
.btn-warning:hover {
    background-color: #fb8c00;
    border-color: #fb8c00;
}

/* Hero Section Arka Plan Görseli */
.hero-bg-image {
    /* Arka plan görseli yolunu kendi görselinizin adıyla güncelleyin */
    background: linear-gradient(rgba(13, 71, 161, 0.7), rgba(13, 71, 161, 0.7)), url('koltuk-yikama-hero.webp') no-repeat center center;
    background-size: cover; /* Görselin tüm alanı kaplamasını sağlar */
    background-position: center; /* Görselin merkezden hizalanmasını sağlar */
    background-attachment: fixed; /* (Opsiyonel) Görselin sabit kalmasını sağlar, parallax efekti verir */
    position: relative; /* İçerik için pozisyon referansı */
    min-height: 550px; /* Hero bölümünün minimum yüksekliği */
    display: flex; /* İçeriğin dikeyde ortalanması için */
    align-items: center; /* İçeriğin dikeyde ortalanması için */
    justify-content: center; /* İçeriğin yatayda ortalanması için */
}

/* Hero Section İçeriği */
.hero-bg-image .container {
    z-index: 10; /* İçeriğin arka planın üzerinde olmasını sağlar */
    position: relative;
}

/* Servis Kartları İçin Hafif Etki */
.service-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}