/* İzmir Havalimanı Araç Kiralama - Optimize CSS */
* { box-sizing: border-box; }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.5; color: #212529; background-color: #fff; }

/* Bootstrap Core */
.container { width: 100%; padding: 0 15px; margin: 0 auto; }
@media (min-width: 576px) { .container { max-width: 540px; } }
@media (min-width: 768px) { .container { max-width: 720px; } }
@media (min-width: 992px) { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1140px; } }

.row { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.col-md-3, .col-md-4, .col-md-6, .col-lg-4, .col-lg-6 { position: relative; width: 100%; padding: 0 15px; }

/* Navbar */
.navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; }
.navbar-brand { padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; text-decoration: none; white-space: nowrap; }
.navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; }
.navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.navbar-dark { background-color: #343a40 !important; }
.navbar-dark .navbar-brand, .navbar-dark .navbar-text { color: rgba(255,255,255,.9); }

/* Hero Section */
.hero-section { position: relative; }
.carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; background-color: transparent; }
.carousel-item.active { display: block; }
.carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; }
.carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: 0 0; border: 0; }
.carousel-control-prev { left: 0; }
.carousel-control-next { right: 0; }

/* Cards */
.card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: 0.375rem; }
.card-body { flex: 1 1 auto; padding: 1rem; }
.card-title { margin-bottom: 0.5rem; }
.card-text:last-child { margin-bottom: 0; }
.card-img-top { width: 100%; border-top-left-radius: calc(0.375rem - 1px); border-top-right-radius: calc(0.375rem - 1px); }
.service-card { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.service-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); }

/* Buttons */
.btn { display: inline-block; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; border-radius: 0.375rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.btn-success { color: #fff; background-color: #198754; border-color: #198754; }
.btn-success:hover { color: #fff; background-color: #157347; border-color: #146c43; }
.btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; }
.btn-outline-light:hover { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; }
.btn-lg { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.5rem; }

/* Badges */
.badge { display: inline-block; padding: 0.35em 0.65em; font-size: 0.75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.375rem; }
.bg-success { background-color: #198754 !important; }
.bg-info { background-color: #0dcaf0 !important; }
.bg-warning { background-color: #ffc107 !important; color: #000 !important; }
.bg-secondary { background-color: #6c757d !important; }
.bg-dark { background-color: #212529 !important; }
.bg-danger { background-color: #dc3545 !important; }
.bg-primary { background-color: #0d6efd !important; }

/* Typography */
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; }
.display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2; }
.lead { font-size: 1.25rem; font-weight: 300; }
.text-center { text-align: center !important; }
.text-white { color: #fff !important; }
.text-muted { color: #6c757d !important; }
.text-primary { color: #0d6efd !important; }
.text-success { color: #198754 !important; }
.text-info { color: #0dcaf0 !important; }
.text-warning { color: #ffc107 !important; }
.text-danger { color: #dc3545 !important; }
.text-light { color: #f8f9fa !important; }

/* Spacing */
.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.me-3 { margin-right: 1rem !important; }
.me-2 { margin-right: 0.5rem !important; }

/* Background */
.bg-light { background-color: #f8f9fa !important; }
.bg-dark { background-color: #212529 !important; }

/* Flexbox */
.d-flex { display: flex !important; }
.flex-column { flex-direction: column !important; }
.justify-content-center { justify-content: center !important; }
.align-items-center { align-items: center !important; }
.h-100 { height: 100% !important; }

/* Grid */
.g-4 > * { padding: 1.5rem; }

/* WhatsApp Float Button */
.whatsapp-btn { position: fixed; bottom: 20px; right: 20px; background-color: #25d366; color: white; border-radius: 50%; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; font-size: 24px; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,0.3); z-index: 1000; transition: transform 0.3s ease; }
.whatsapp-btn:hover { transform: scale(1.1); color: white; }

/* Price Box */
.price-box { margin-top: 15px; }
.price-text { font-size: 14px; }

/* Service Icons */
.service-icon { margin-bottom: 1rem; }

/* Responsive */
@media (min-width: 768px) {
    .col-md-3 { flex: 0 0 auto; width: 25%; }
    .col-md-4 { flex: 0 0 auto; width: 33.333333%; }
    .col-md-6 { flex: 0 0 auto; width: 50%; }
    .navbar-nav { flex-direction: row; }
    .ms-auto { margin-left: auto !important; }
}

@media (min-width: 992px) {
    .col-lg-4 { flex: 0 0 auto; width: 33.333333%; }
    .col-lg-6 { flex: 0 0 auto; width: 50%; }
}

@media (max-width: 767px) {
    .display-4 { font-size: 2rem; }
    .hero-buttons .btn { margin-bottom: 10px; width: 100%; }
    .carousel-caption { right: 5%; left: 5%; }
    .whatsapp-btn { width: 50px; height: 50px; font-size: 20px; }
}

/* Font Awesome Icons */
.fas, .fab { font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands"; }
.fa-3x { font-size: 3em; }
.fa-2x { font-size: 2em; }

/* List Styles */
.list-unstyled { padding-left: 0; list-style: none; }

/* Utilities */
.fs-6 { font-size: 1rem !important; }
.small { font-size: 0.875em; }