/* /opt/costchief/static/css/costchief_brand.css
   CostChief brand overrides — load AFTER AdminLTE.
   Palette (from logo):
   --cc-primary         : #002442 (main navy)
   --cc-primary-400     : #f16d0a (accent / link / primary btn)
   --cc-primary-contrast: #ffffff (text on primary)
*/

:root{
  --cc-primary: #002442;
  --cc-primary-400: #f16d0a;
  --cc-primary-contrast: #ffffff;
}

/* =========================================================
   GLOBAL: Links / Buttons / Utilities
   ========================================================= */

/* Links */
a { color: var(--cc-primary-400); }
a:hover, a:focus { color: var(--cc-primary); }

/* Buttons */
.btn-primary{
  background-color: var(--cc-primary-400);
  border-color: var(--cc-primary-400);
  color: var(--cc-primary-contrast);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active{
  background-color: #001734;
  border-color: #00142d;
  color: var(--cc-primary-contrast);
}

.btn-outline-primary{
  color: var(--cc-primary);
  border-color: var(--cc-primary);
  background-color: transparent;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus{
  color: var(--cc-primary-contrast);
  background-color: var(--cc-primary);
  border-color: var(--cc-primary);
}

/* Utilities */
.text-primary{ color: var(--cc-primary) !important; }
.bg-primary,
.badge-primary{
  background-color: var(--cc-primary) !important;
  color: var(--cc-primary-contrast) !important;
}
.border-primary{ border-color: var(--cc-primary) !important; }

/* Form focus */
.form-control:focus,
.custom-select:focus{
  border-color: var(--cc-primary-400);
  box-shadow: 0 0 0 .2rem rgba(0,65,128,.25);
}

/* iCheck / custom controls (global) */
.icheck-primary > input:first-child:checked + label::before,
.custom-control-input:checked ~ .custom-control-label::before{
  background-color: var(--cc-primary);
  border-color: var(--cc-primary);
}

/* =========================================================
   DASHBOARD: Navbar / Sidebar
   ========================================================= */
.main-header.navbar{
  border-top: 3px solid var(--cc-primary-400);
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link{
  color: var(--cc-primary);
}

/* Sidebar brand text color (guarantee readable on dark sidebar)  dashboard logo kalınlık font size font büyüklük*/
.main-sidebar .brand-link .brand-text{
  color: #ffffff;

  /* ⬆️ Biraz daha büyük */
  font-size: 1.35rem;   /* önce 1.3 civarıydı → %10-12 artış */

  /* ⬆️ Kalınlık hissi */
  font-weight: 900;

  /* ⬆️ %10 kalınlık hissi (gerçek ağırlık bozulmadan) */
  text-shadow:
    0 1px 1px rgba(0,0,0,.35),
    0 0 1px rgba(0,0,0,.35);
}



/* Sidebar active state */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active:hover{
  background-color: var(--cc-primary);
  color: var(--cc-primary-contrast);
}

/* =========================================================
   COMPONENTS
   ========================================================= */
.page-item.active .page-link{
  background-color: var(--cc-primary);
  border-color: var(--cc-primary);
}
.custom-range::-webkit-slider-thumb{ background-color: var(--cc-primary); }
.custom-range::-moz-range-thumb{ background-color: var(--cc-primary); }

/* =========================================================
   TOASTR (CostChief semantic colors)
   ========================================================= */
#toast-container > .toast-error{
  background-color: #dc3545 !important;   /* error = kırmızı */
}
#toast-container > .toast-success{
  background-color: #28a745 !important;   /* success = yeşil */
}
#toast-container > .toast-warning{
  background-color: #e67e22 !important;   /* warning = turuncu */
}
#toast-container > .toast-info{
  background-color: var(--cc-primary) !important; /* info = lacivert */
}

/* Premium dokunuş */
#toast-container > div{
  opacity: .98;
  border-radius: 6px;
  box-shadow: 0 6px 18px rgba(0,0,0,.15);
}

/* =========================================================
   COMPONENTS: iCheck alignment fixes
   (Keep generic; auth-specific styles live in custom.css)
   ========================================================= */
.icheck-primary > input:first-child + label{
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding-left: 28px;
  line-height: 1.1;
  white-space: nowrap;
  font-size: 0.85rem;
  line-height: 1.3;
}

.icheck-primary > input:first-child + label a{ white-space: nowrap; }

.icheck-primary > input:first-child + label::before{
  width: 18px;
  height: 18px;
  margin-top: 0 !important;
  top: 50%;
  transform: translateY(-50%);
}

.icheck-primary > input:first-child:checked + label::after{
  left: 8px;
  top: 50%;
  transform: translateY(-60%) rotate(45deg);
  margin-top: 0 !important;
  width: 4px;
  height: 8px;
  border-width: 2px;
}


/* =========================================================
   BRAND TEXT: "CostChief" Standard (Dashboard Sidebar)
   ========================================================= */

/* Tek kaynak: tüm sayfalarda aynı font ve ağırlık */
.cc-brand-text{
  font-family: 'Montserrat';
  font-weight: 650;
  letter-spacing: .42px;
  line-height: 1;
  text-transform: none;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}