/**
 * KULE LİFT MÜHENDİSLİK - ORTAK MARKA RENK PALETİ
 * Ön yüz ve OfoPanel Yönetim Paneli Ortak Stil Değişkenleri
 */

:root {
  /* Ana Marka Renkleri - Logo ile %100 Uyumlu */
  --brand: #E5A00D;
  --brand-50: #FFFBEB;
  --brand-100: #FEF3C7;
  --brand-200: #FDE68A;
  --brand-300: #FCD34D;
  --brand-400: #FBBF24;
  --brand-500: #E5A00D;
  --brand-600: #D97706;
  --brand-700: #B45309;
  --brand-800: #92400E;
  --brand-900: #78350F;

  /* Koyu Kurumsal Grafit / Antrasit */
  --navy: #1E242B;
  --navy-50: #F8FAFC;
  --navy-100: #F1F5F9;
  --navy-200: #E2E8F0;
  --navy-300: #CBD5E1;
  --navy-400: #94A3B8;
  --navy-500: #64748B;
  --navy-600: #475569;
  --navy-700: #334155;
  --navy-800: #1E242B;
  --navy-900: #0F172A;

  /* Yüzey & Arka Plan */
  --bg: #F8FAFC;
  --surface: #FFFFFF;
  --surface-2: #F1F5F9;
  --surface-card: #FFFFFF;

  /* Metin */
  --ink: #0F172A;
  --ink-2: #334155;
  --ink-3: #64748B;
  --ink-4: #94A3B8;

  /* Durum */
  --success: #10B981;
  --danger: #EF4444;
  --warning: #F59E0B;
  --info: #0284C7;
}

/* Bootstrap Renk Ezmeleri */
.bg-primary {
  background-color: var(--brand) !important;
}

.text-primary {
  color: var(--brand) !important;
}

.border-primary {
  border-color: var(--brand) !important;
}

.btn-primary:hover {
  background-color: var(--brand-600) !important;
  border-color: var(--brand-600) !important;
}

/* ==========================================================================
   MOBİL İKON GİZLEME & LOGO KURALLARI
   ========================================================================== */
.brand-logo img {
  height: 56px;
  max-height: 56px;
  width: auto;
  object-fit: contain;
}

@media (max-width: 991px) {
  .brand-logo img {
    height: 56px;
    max-height: 56px;
  }

  .header-container {
    height: 68px;
  }

  .detail-layout-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .fab-quick-call,
  .fab-btn,
  .whatsapp-fab,
  .emergency-fab {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

.detail-layout-grid {
  display: grid;
  grid-template-columns: 1.25fr 0.75fr;
  gap: 40px;
  align-items: start;
}

.badge.bg-primary {
  background-color: var(--brand) !important;
}