body { background-color: #f8f9fa; }
    /*.card { transition: transform 0.2s; border: none; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
    .card:hover { transform: translateY(-5px); }*/
	/* style.css içindeki mevcut .card kısımlarını silip bunu ekleyebilirsin */

	.card { 
		border: none; 
		box-shadow: 0 4px 6px rgba(0,0,0,0.1); 
		transition: all 0.3s ease; /* Hem transform hem shadow için ortak geçiş süresi */
		display: flex;
		flex-direction: column;
	}

	.card:hover { 
		transform: translateY(-5px); /* Yukarı kayma efekti */
		box-shadow: 0 10px 20px rgba(0,0,0,0.12) !important; /* Daha derin gölge efekti */
	}
	
    .category-header { border-left: 5px solid #1b8bb4; padding-left: 15px; margin: 30px 0 20px 0; font-weight: bold; }

    /* Navbar ve Footer arasındaki boşluğu korur */
    body { display: flex; flex-direction: column; min-height: 100vh; }
    
	/* İçerik alanının esnemesini sağlar */
    main { flex: 1; }

    /* Slider oklarını daha belirgin yapalım */
    .carousel-control-prev-icon, 
    .carousel-control-next-icon { 
		background-color: rgba(0,0,0,0.5); /* Okların arkasına hafif bir gölge */
        border-radius: 50%;
        padding: 20px;
    }
    
    /* İndikatörlerin (noktaların) aktif görünümü */
    .carousel-indicators button {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        margin: 0 5px;
    }
	
	/* Slider görselleri küçükse geniş ekranlarda daha az bozulması için genişletme yerine arka plan yapma */
	.carousel-item img {
    width: 100%;
    height: 400px;
    object-fit: cover; /* Resmi kutuya zorla sığdırır ama keser */
    background-color: #2c3e50; /* Resim yüklenemezse veya çok küçükse koyu bir arka plan görünür */
	}

    /* Logo Stilleri */
    .brand-box {
        background-color: white;
        padding: 5px 15px;
        border-radius: 5px;
        display: inline-block;
    }
    .text-rehber { color: #003366; font-weight: bold; } /* Lacivert/Koyu Mavi */
	/* "Burada" kutusu */
    .orange-box {
        background-color: #ff7f24; /* Turuncu arka plan */
        color: #ffffff; /* Yazı rengi beyaz */
        padding: 2px 10px; /* Kutunun iç boşluğu */
        border-radius: 5px; /* Köşeleri hafif yuvarlatılmış */
        font-size: 0.9em; /* Biraz daha küçük veya aynı boyutta */
    }

    /* Menü Stilleri */
    .nav-link {
        color: rgba(255, 255, 255, 0.9) !important; /* Canlı Beyaz */
        font-weight: 500;
        transition: all 0.3s ease;
        padding: 10px 15px !important;
    }
    .nav-link:hover {
        color: #ff9900 !important; /* Üzerine gelince turuncu */
        background-color: rgba(255, 255, 255, 0.1);
        border-radius: 5px;
    }

    /* Bölüm ayırıcı çizgi */
    .section-divider {
        border-top: 1px solid #e9ecef;
        margin: 40px 0;
    }
	

/* Sayfalama renkleri site geneline uyum sağlasın */
.page-item.active .page-link {
    background-color: #1b8bb4; /* Header renginizle uyumlu */
    border-color: #1b8bb4;
}
.page-link {
    color: #1b8bb4;
}

/* --- PDROMODUL LOGIN PAGE --- */
.login-page-body { 
    background: linear-gradient(135deg, #003366 0%, #1b8bb4 100%) !important; 
    min-height: 100vh; 
    display: flex; 
    align-items: center; 
    justify-content: center;
}

.login-card { 
    border: none; 
    border-radius: 20px; 
    box-shadow: 0 15px 35px rgba(0,0,0,0.4); 
    overflow: hidden; 
    background: #fff;
    width: 100%;
    max-width: 400px;
}

.login-header { 
    background: #fff; 
    padding: 40px 30px 20px 30px; 
    text-align: center; 
}

.login-body { 
    padding: 20px 40px 40px 40px; 
}

.login-btn { 
    background: #003366; 
    border: none; 
    padding: 14px; 
    border-radius: 10px; 
    transition: 0.3s; 
    font-weight: 600; 
    color: #fff;
    width: 100%;
}

.login-btn:hover { 
    background: #ff7f24; 
    transform: translateY(-2px); 
    color: #fff; 
}

.login-input {
    padding: 12px; 
    border-radius: 10px !important; 
    border: 1px solid #ddd; 
    background: #f9f9f9;
}