/* Urfamız ULTRA - Global Styles */
:root {
    --ana-renk: #007bff; /* Bu kısım PHP ile dinamik değişecek */
    --koyu-bg: #121212;
    --koyu-kart: #1e1e1e;
    --isik-bg: #f8f9fa;
}

body { font-family: 'Inter', sans-serif; transition: background 0.3s, color 0.3s; }
body.dark-mode { background-color: var(--koyu-bg); color: #ffffff; }

.navbar { box-shadow: 0 2px 10px rgba(0,0,0,0.1); transition: 0.3s; }
.dark-mode .navbar { background-color: var(--koyu-kart) !important; }
.dark-mode .card { background-color: var(--koyu-kart); color: #fff; border: 1px solid #333; }

.slider-item { height: 70vh; min-height: 400px; background-size: cover; background-position: center; display: flex; align-items: center; color: #fff; }
.btn-ultra { background-color: var(--ana-renk); color: #fff; border-radius: 50px; padding: 10px 25px; border: none; transition: 0.3s; }
.btn-ultra:hover { opacity: 0.9; transform: translateY(-2px); }

/* Mobil Uyumluluk */
@media (max-width: 768px) {
    .slider-item { height: 50vh; }
    .top-bar { display: none; }
}