/* TURAÇLAR OTO KURTARMA TEMASI */
:root {
  --theme-primary: #ed343a;    /* Corporate Towing Red */
  --theme-secondary: #c92a30;  /* Deep Red */
  --theme-dark: #0f172a;       /* Rich Dark Blue/Black */
  --theme-surface: #fffafa;    /* Pure Soft Red Tint */
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Inter', system-ui, -apple-system, sans-serif; line-height: 1.6; color: #374151; overflow-x: hidden; background-color: #fff; }
html { scroll-behavior: smooth; }

/* Navbar */
.navbar-custom { background: rgba(255,255,255,0.98) !important; backdrop-filter: blur(10px); box-shadow: 0 4px 25px rgba(0,0,0,0.05); padding: 0.75rem 0; transition: all 0.3s ease; }
.navbar-brand { font-weight: 800; color: var(--theme-dark) !important; letter-spacing: -0.5px; }
.nav-link { font-weight: 600; color: #4b5563 !important; margin: 0 0.75rem; position: relative; transition: color 0.3s ease; font-size: 0.95rem; }
.nav-link:hover { color: var(--theme-primary) !important; }
.nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: var(--theme-primary); transition: width 0.3s ease; }
.nav-link:hover::after { width: 100%; }

/* Buttons */
.btn-primary { background: var(--theme-primary) !important; border-color: var(--theme-primary) !important; padding: 0.8rem 2rem; font-weight: 700; border-radius: 12px; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); color: var(--theme-dark) !important; }
.btn-primary:hover { background: var(--theme-secondary) !important; border-color: var(--theme-secondary) !important; transform: translateY(-3px); box-shadow: 0 10px 20px rgba(237, 52, 58, 0.3); }
.btn-outline-light { border-width: 2px; border-radius: 12px; padding: 0.8rem 2rem; font-weight: 700; transition: all 0.3s ease; }
.btn-outline-light:hover { background: white; color: var(--theme-dark) !important; transform: translateY(-3px); }

/* Hero Section */
.hero-section { min-height: 100vh; background-size: cover; background-position: center; display: flex; align-items: center; position: relative; padding: 80px 0; }
.hero-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to right, rgba(17, 24, 39, 0.9), rgba(17, 24, 39, 0.4)); }
.hero-content { position: relative; z-index: 2; color: white; }
.hero-title { font-size: 4rem; font-weight: 900; line-height: 1.1; margin-bottom: 1.5rem; letter-spacing: -1px; }
.hero-title span { color: var(--theme-primary); }

/* Section Styles */
.section-padding { padding: 4rem 0; }
.bg-light { background: var(--theme-surface) !important; }
.custom-card { background: white; padding: 3rem 2rem; border-radius: 24px; box-shadow: 0 10px 30px rgba(0,0,0,0.04); height: 100%; transition: all 0.4s ease; border: 1px solid rgba(0,0,0,0.03); }
.custom-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(237, 52, 58, 0.1); border-color: var(--theme-primary); }
.icon-box { width: 80px; height: 80px; background: var(--theme-surface); border-radius: 20px; display: flex; align-items: center; justify-content: center; margin-bottom: 2rem; font-size: 2.5rem; color: var(--theme-primary); transition: all 0.4s ease; }
.custom-card:hover .icon-box { background: var(--theme-primary); color: var(--theme-dark); transform: rotate(10deg); }

/* Gallery */
.gallery-item { position: relative; overflow: hidden; border-radius: 24px; cursor: pointer; box-shadow: 0 10px 25px rgba(0,0,0,0.1); aspect-ratio: 4/3; }
.gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
.gallery-item:hover img { transform: scale(1.15); }
.gallery-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(17, 24, 39, 0.7); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.4s ease; }
.gallery-item:hover .gallery-overlay { opacity: 1; }
.gallery-icon { font-size: 3rem; color: var(--theme-primary); transform: translateY(20px); transition: transform 0.4s ease; }
.gallery-item:hover .gallery-icon { transform: translateY(0); }

/* Footer */
.footer-custom { background: var(--theme-dark); color: white; padding: 4rem 0 2rem; }
.footer-link { display: block; color: #9ca3af; text-decoration: none; margin-bottom: 1rem; transition: all 0.3s ease; font-weight: 500; }
.footer-link:hover { color: var(--theme-primary); padding-left: 8px; }
.social-icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: rgba(255,255,255,0.05); border-radius: 14px; color: white; text-decoration: none; margin-right: 1rem; transition: all 0.3s ease; font-size: 1.25rem; }
.social-icon:hover { background: var(--theme-primary); color: var(--theme-dark); transform: translateY(-5px); }

/* Utils */
.whatsapp-float { position: fixed; bottom: 30px; right: 30px; width: 75px; height: 75px; background: #22c55e; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; box-shadow: 0 10px 25px rgba(34, 197, 94, 0.4); z-index: 1000; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); text-decoration: none; animation: shake 3s infinite; }
.whatsapp-float:hover { transform: scale(1.15) rotate(10deg); color: white; }
@keyframes shake {
  0%, 100% { transform: rotate(0deg); }
  10%, 30%, 50%, 70%, 90% { transform: rotate(-10deg); }
  20%, 40%, 60%, 80% { transform: rotate(10deg); }
}
.navbar-subtitle { font-size: 0.75rem; color: var(--theme-primary); font-weight: 700; margin-top: -5px; padding-left: 58px; }
.hero-btns .btn { min-width: 140px; }

/* Hakkımızda Image Adjustment */
.about-img { max-height: 500px; width: 100%; object-fit: cover; border-radius: 24px; }

/* Dynamic Text for Hero */
#dynamic-district { color: #fff; transition: opacity 0.5s ease-in-out; display: inline-block; min-width: 150px; }

/* Remove default blue focus/links */
a { color: var(--theme-primary); transition: all 0.3s ease; }
a:hover { color: var(--theme-secondary); }
.btn-check:focus+.btn-primary, .btn-primary:focus { box-shadow: 0 0 0 0.25rem rgba(237, 52, 58, 0.25); }
.form-control:focus { border-color: var(--theme-primary); box-shadow: 0 0 0 0.25rem rgba(237, 52, 58, 0.25); }
.accordion-button:not(.collapsed) { background-color: var(--theme-surface); color: var(--theme-dark); }
.accordion-button:focus { border-color: var(--theme-primary); box-shadow: 0 0 0 0.25rem rgba(237, 52, 58, 0.25); }
.accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ed343a'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }

/* Responsive */
@media (max-width: 991px) {
  .hero-title { font-size: 3rem; }
  .section-padding { padding: 5rem 0; }
  .navbar-collapse { background: white; padding: 1.5rem; border-radius: 20px; box-shadow: 0 15px 40px rgba(0,0,0,0.1); margin-top: 1rem; }
  .about-img { max-height: 400px; }
}

@media (max-width: 768px) {
  .navbar-brand { flex-grow: 1; min-width: 0; }
  .navbar-brand span { font-size: 0.95rem; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 180px; }
  .navbar-subtitle { padding-left: 58px; white-space: nowrap; }
  .hero-section { min-height: auto; padding: 130px 0 60px; }
  .hero-overlay { background: rgba(17, 24, 39, 0.8); }
  .hero-title { font-size: 2.5rem; line-height: 1.1; font-weight: 900; }
  .hero-subtitle-text { font-size: 2.5rem; display: block; margin-top: 5px; opacity: 1; font-weight: 900; }
  .section-padding { padding: 2.5rem 0; }
  .btn-lg { margin-bottom: 1rem; margin-right: 0.5rem !important; width: auto; }
}

@media (max-width: 480px) {
  .navbar-brand span { max-width: 140px; font-size: 0.85rem; }
  .hero-title { font-size: 1.8rem; }
  .hero-subtitle-text { font-size: 1.3rem; }
  .section-padding { padding: 2rem 0; }
  .whatsapp-float { width: 55px; height: 55px; font-size: 1.5rem; bottom: 20px; right: 20px; }
}