/*
 * FixKaro Theme Override
 * Karachi Edition — TekFrameworks Inc. 2026
 * Colors: Navy #0F1B2D + Orange #FF6B2C
 */

:root {
  --theme-color: 255, 107, 44;
  --title-color: 15, 27, 45;
  --theme-hex: #FF6B2C;
  --navy-hex: #0F1B2D;
  --navy-light: #1A2E4A;
  --orange-pale: #FFF0EA;
}

/* ── Core color overrides ── */
.theme-btn  { background-color: #FF6B2C !important; border-color: #FF6B2C !important; }
.theme-btn:hover { background-color: #E55A1C !important; }
.theme-color { color: #FF6B2C !important; }
.theme-bg    { background-color: #FF6B2C !important; }
.light-theme-bg { background-color: #FFF0EA !important; }

/* ── Header / sidebar navy ── */
header.header { background-color: #0F1B2D !important; }
.sidebar-offcanvas, .header-sidebar { background-color: #0F1B2D !important; }
.bottom-panel { background-color: #0F1B2D !important; }
.bottom-panel .panel-icon i { color: rgba(255,255,255,0.5) !important; }
.bottom-panel .panel-icon.active i { color: #FF6B2C !important; }

/* ── Wallet box ── */
.wallet-balance-box { background: linear-gradient(135deg, #FF6B2C, #E55A1C) !important; }

/* ── Provider counter boxes ── */
.provider-counter-box { border-color: rgba(255,107,44,0.2) !important; }
.provider-counter-box .counter-icon { color: #FF6B2C !important; }

/* ── Booking badges ── */
.status-badge.pending   { background: rgba(255,193,7,0.15); color: #d68910; }
.status-badge.accepted  { background: rgba(13,110,253,0.15); color: #0d6efd; }
.status-badge.completed { background: rgba(25,135,84,0.15); color: #198754; }
.status-badge.cancelled { background: rgba(220,53,69,0.15); color: #dc3545; }

/* ── FixKaro logo replacement ── */
.logo-img { display: none !important; }
.fixkaro-logo-inline {
  font-family: 'DM Sans', sans-serif;
  font-weight: 900;
  font-size: 20px;
  letter-spacing: -0.5px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.fixkaro-logo-inline .fk-icon {
  width: 32px; height: 32px;
  background: #FF6B2C;
  border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 16px;
}
.fixkaro-logo-inline .fix  { color: #0F1B2D; }
.fixkaro-logo-inline .karo { color: #FF6B2C; }

/* ── Karachi specific ── */
.location-content h5 { font-size: 13px !important; color: rgba(255,255,255,0.8) !important; }
.location-content h6 { color: #FF6B2C !important; }

/* ── Urdu text ── */
.urdu-text {
  font-family: 'Noto Nastaliq Urdu', serif;
  direction: rtl;
  color: rgba(255,107,44,0.8);
  font-size: 13px;
}

/* ── Service categories ── */
.category-box .category-icon { border-color: rgba(255,107,44,0.3) !important; }
.category-box.active .category-icon { background: #FF6B2C !important; }

/* ── Input focus ── */
.form-control:focus, input:focus {
  border-color: #FF6B2C !important;
  box-shadow: 0 0 0 3px rgba(255,107,44,0.15) !important;
}

/* ── Slider / range ── */
.noUi-connect { background: #FF6B2C !important; }
.noUi-handle { border-color: #FF6B2C !important; }

/* ── Loader ── */
.loader { border-top-color: #FF6B2C !important; }

/* ── Tab active ── */
.nav-link.active, .tab-link.active { color: #FF6B2C !important; border-bottom-color: #FF6B2C !important; }

/* ── Star rating ── */
.rating-star i { color: #FF6B2C !important; }

/* ── Charts ── */
.apexcharts-series path { fill: #FF6B2C !important; }

/* ── Earning chart ── */
.earning-chart .chart-bar.active { background: #FF6B2C !important; }

/* ── Animation ── */
@keyframes slideUp { from { transform: translateX(-50%) translateY(20px); opacity:0; } to { transform: translateX(-50%) translateY(0); opacity:1; } }

/* ── Currency display fix ── */
.currency-symbol::before { content: "PKR "; }

/* ── Sidebar text visibility fix ── */
.sidebar-offcanvas h3,
.sidebar-offcanvas h4,
.sidebar-offcanvas h5,
.sidebar-offcanvas h6,
.sidebar-offcanvas p,
.sidebar-offcanvas .setting-content h5,
.sidebar-offcanvas .profile-list li a,
.sidebar-offcanvas .profile-list li h5,
.sidebar-offcanvas .bottom-sidebar h3,
.sidebar-offcanvas .bottom-sidebar a {
    color: #ffffff !important;
}
.sidebar-offcanvas .setting-box {
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}
.sidebar-offcanvas .profile-background h3,
.sidebar-offcanvas .profile-background h4 {
    color: #ffffff !important;
}

/* ── Sidebar fix: profile section dark text, nav white text ── */
.sidebar-offcanvas .profile-background {
    background: #ffffff !important;
    padding: 16px !important;
    border-radius: 0 !important;
}
.sidebar-offcanvas .profile-background h3,
.sidebar-offcanvas .profile-background h4 {
    color: #0F1B2D !important;
}
.sidebar-offcanvas .offcanvas-body > ul h5,
.sidebar-offcanvas .offcanvas-body > ul a,
.sidebar-offcanvas .profile-list h5,
.sidebar-offcanvas .profile-list a,
.sidebar-offcanvas .setting-content h5,
.sidebar-offcanvas .bottom-sidebar h3,
.sidebar-offcanvas .bottom-sidebar a {
    color: #ffffff !important;
}
.sidebar-offcanvas .setting-box {
    border-bottom: 1px solid rgba(255,255,255,0.12) !important;
    padding: 12px 0 !important;
}