/* RadyoHizmeti.Com — VDO / Everest Panel complete theme */

:root {
  --rh-orange: #f37021;
  --rh-orange-dark: #d95e15;
  --rh-sidebar: #1e2836;
  --rh-sidebar-hover: #263244;
  --rh-bg: #eef1f6;
  --rh-card: #ffffff;
  --rh-text: #2d3748;
  --rh-muted: #718096;
  --rh-border: #e2e8f0;
  --rh-cyan: #17c0ce;
}

/* ===== RESET dark theme leftovers ===== */
html, body, body.rh-theme, body.rh-theme #__nuxt, body.rh-theme .wrapper,
#wrapper, #page-wrapper, .wrapper, .wrapper-content, .gray-bg, .white-bg,
.wrapper .section-container, .content-wrapper, .section-container,
.modal-open .section-container {
  background: var(--rh-bg) !important;
  background-color: var(--rh-bg) !important;
  color: var(--rh-text) !important;
}

body::before { display: none !important; }

/* ===== TOP BAR — orange ===== */
.topnavbar-wrapper {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1050 !important;
}

.topnavbar, .topnavbar-wrapper, .topnavbar-wrapper .topnavbar {
  background: var(--rh-orange) !important;
  background-image: none !important;
  box-shadow: 0 2px 8px rgba(243, 112, 33, 0.35) !important;
  border: none !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 55px !important;
  min-height: 55px !important;
  max-height: 55px !important;
  padding: 0 12px !important;
  overflow: hidden !important;
}

.topnavbar .navbar-header {
  width: auto !important;
  flex: 0 0 auto !important;
  height: 55px !important;
  display: flex !important;
  align-items: center !important;
  background: transparent !important;
}

.topnavbar .brand-logo,
.topnavbar .brand-logo-collapsed {
  width: auto !important;
  height: 55px !important;
  padding: 8px 0 !important;
}

.topnavbar .brand-logo img,
.topnavbar .brand-logo-collapsed img {
  max-height: 36px !important;
  width: auto !important;
}

.topnavbar .navbar-nav {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  height: 55px !important;
}

.wrapper .section-container {
  padding-top: 55px !important;
}

.topnavbar .navbar-nav > .nav-item > .nav-link,
.topnavbar .navbar-nav > .nav-item > .navbar-text,
.topnavbar .navbar-nav > .nav-item.show > .nav-link {
  color: #fff !important;
  height: 55px !important;
  line-height: 55px !important;
  padding: 0 14px !important;
}

.topnavbar .navbar-nav > .nav-item > .nav-link:hover {
  color: #fff !important;
  background: rgba(255,255,255,0.12) !important;
}

/* ===== SIDEBAR — dark navy ===== */
.wrapper .aside-container, .aside-container, .aside-inner,
.sidebar, .sidebar-nav, .sidebar-subnav {
  background: var(--rh-sidebar) !important;
  background-color: var(--rh-sidebar) !important;
}

.sidebar .nav-heading {
  color: rgba(255,255,255,0.45) !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
}

.sidebar-nav > li > a, .sidebar-nav > li > .nav-item,
.nav.metismenu > li > a {
  color: #b8c4d4 !important;
  border-radius: 8px !important;
  margin: 2px 8px !important;
}

.sidebar-nav > li > a:hover, .sidebar-nav > li > .nav-item:hover {
  color: #fff !important;
  background: var(--rh-sidebar-hover) !important;
}

.sidebar-nav > li.active > a, .sidebar-nav > li.active > .nav-item,
.sidebar-nav > li.active, .sidebar-nav > li.open > a,
.nav > li.active > a {
  background: var(--rh-orange) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(243,112,33,0.35) !important;
}

.sidebar-subnav > li > a { color: #b8c4d4 !important; }
.sidebar-subnav > li.active > a { color: #fff !important; background: rgba(243,112,33,0.25) !important; }

.nav-header, .profile-element, .logo-element {
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  color: #fff !important;
}

/* ===== CONTENT AREA ===== */
.content-heading, .content-heading h3, .content-heading .text-muted,
h1, h2, h3, h4, h5, .page-title {
  color: var(--rh-text) !important;
}

.text-muted, .small, small { color: var(--rh-muted) !important; }

/* ===== CARDS / PANELS ===== */
.card, .panel, .panel-default, .ibox, .ibox-content,
.widget, .card-body, .panel-body {
  background: var(--rh-card) !important;
  border: 1px solid var(--rh-border) !important;
  border-radius: 8px !important;
  color: var(--rh-text) !important;
  box-shadow: 0 2px 8px rgba(15,23,42,0.06) !important;
}

.card-header, .panel-heading, .ibox-title {
  background: #fff !important;
  border-bottom: 1px solid var(--rh-border) !important;
  color: var(--rh-text) !important;
  font-weight: 600 !important;
}

/* ===== TABLES ===== */
.table, .table-responsive { background: #fff !important; }

.table > thead > tr > th, .table th, thead th {
  background: #f8fafc !important;
  color: var(--rh-muted) !important;
  border-color: var(--rh-border) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
}

.table > tbody > tr > td, .table td {
  color: var(--rh-text) !important;
  border-color: var(--rh-border) !important;
  background: #fff !important;
}

.table-striped > tbody > tr:nth-of-type(odd) { background: #fafbfc !important; }
.table-hover > tbody > tr:hover { background: #f0f4f8 !important; }

/* ===== BUTTONS ===== */
.btn-primary, .btn-info, a.btn-primary {
  background: var(--rh-orange) !important;
  border-color: var(--rh-orange-dark) !important;
  color: #fff !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 6px rgba(243,112,33,0.3) !important;
}

.btn-primary:hover { background: var(--rh-orange-dark) !important; color: #fff !important; }

.btn-success, .btn.btn-success {
  background: var(--rh-cyan) !important;
  border-color: #13a8b4 !important;
  color: #fff !important;
  border-radius: 6px !important;
}

.btn-danger { background: #ef4444 !important; border-color: #dc2626 !important; color: #fff !important; }

.btn-default, .btn-white, .btn-secondary {
  background: #fff !important;
  border: 1px solid var(--rh-border) !important;
  color: var(--rh-text) !important;
}

/* ===== BADGES / LABELS ===== */
.bg-primary, .card.bg-primary, a.bg-primary, button.bg-primary,
.bg-primary-dark, .bg-primary-light, .panel-primary > .panel-heading {
  background: var(--rh-orange) !important;
  background-image: none !important;
  color: #fff !important;
}

.label-primary, .badge-primary { background: var(--rh-orange) !important; color: #fff !important; }
.label-success, .badge-success { background: #22c55e !important; color: #fff !important; }
.label-danger, .badge-danger { background: #ef4444 !important; color: #fff !important; }
.label-warning, .badge-warning { background: var(--rh-orange) !important; color: #fff !important; }

.bg-info { background: var(--rh-cyan) !important; color: #fff !important; }
.bg-success { background: #22c55e !important; color: #fff !important; }
.bg-danger { background: #ef4444 !important; color: #fff !important; }

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

/* ===== FORMS ===== */
.form-control, .custom-select, select.form-control {
  background: #fff !important;
  border: 1px solid var(--rh-border) !important;
  color: var(--rh-text) !important;
  border-radius: 6px !important;
}

.form-control:focus {
  border-color: var(--rh-orange) !important;
  box-shadow: 0 0 0 3px rgba(243,112,33,0.15) !important;
}

label, .control-label { color: var(--rh-muted) !important; font-weight: 600 !important; }

.input-group-addon {
  background: #f8fafc !important;
  border-color: var(--rh-border) !important;
  color: var(--rh-muted) !important;
}

/* ===== LOGIN ===== */
.loginColumns, .loginscreen, .middle-box {
  background: transparent !important;
  color: var(--rh-text) !important;
}

.middle-box, .login-panel {
  background: #fff !important;
  border: 1px solid var(--rh-border) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 24px rgba(15,23,42,0.12) !important;
  padding: 32px !important;
}

.loginColumns .col-md-6:first-child {
  background: var(--rh-sidebar) !important;
  border-radius: 12px 0 0 12px !important;
}

.middle-box .btn-primary, .btn-block.btn-primary {
  background: var(--rh-orange) !important;
  border-color: var(--rh-orange-dark) !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
}

.logo-login img, .company_logo {
  max-height: 100px !important;
  filter: none !important;
}

/* ===== FOOTER — no black ===== */
.footer, .footer.fixed, .landing-footer,
body.rh-theme .footer, .wrapper + .footer {
  background: var(--rh-bg) !important;
  background-color: var(--rh-bg) !important;
  border-top: 1px solid var(--rh-border) !important;
  color: var(--rh-muted) !important;
}

.footer a, .everest_copyright a, .sc_copyright a, .radyohizmeti_copyright a {
  color: var(--rh-orange) !important;
}

.everest_copyright, .sc_copyright, .radyohizmeti_copyright {
  color: var(--rh-muted) !important;
}

/* ===== PROGRESS / CHARTS ===== */
.progress { background: #e2e8f0 !important; border-radius: 999px !important; }
.progress-bar { background: var(--rh-orange) !important; }

/* ===== MODALS / DROPDOWNS ===== */
.modal-content, .dropdown-menu {
  background: #fff !important;
  border: 1px solid var(--rh-border) !important;
  color: var(--rh-text) !important;
  border-radius: 8px !important;
}

.dropdown-menu > li > a { color: var(--rh-text) !important; }
.dropdown-menu > li > a:hover { background: #f0f4f8 !important; color: var(--rh-orange) !important; }

/* ===== TABS / BREADCRUMB ===== */
.nav-tabs { border-bottom-color: var(--rh-border) !important; }
.nav-tabs > li.active > a { color: var(--rh-orange) !important; }
.breadcrumb { background: transparent !important; }
.breadcrumb > .active { color: var(--rh-orange) !important; }

/* ===== ALERTS ===== */
.alert-info { background: #e0f7fa !important; color: #006064 !important; border-color: #b2ebf2 !important; }
.alert-success { background: #dcfce7 !important; color: #166534 !important; }
.alert-danger { background: #fee2e2 !important; color: #991b1b !important; }

/* ===== MISC ===== */
a { color: var(--rh-orange); }
a:hover { color: var(--rh-orange-dark); }
.offsidebar { background: #fff !important; color: var(--rh-text) !important; }
.well, pre, code { background: #f8fafc !important; border-color: var(--rh-border) !important; color: var(--rh-text) !important; }
.pace .pace-progress { background: var(--rh-orange) !important; }

#nuxt-loading { background: var(--rh-bg) !important; }
#nuxt-loading > div { border-color: #e2e8f0 !important; border-left-color: var(--rh-orange) !important; }