/* ========================================================
   Smazané Domény — Admin Light Blue Theme
   Přepis tmavého motivu na světle modrou paletu
   shodnou s přihlašovacím formulářem (prihlaseni.php)
   ======================================================== */

/* === Proměnné palety === */
:root {
  --sd-navy:          #0b3f67;
  --sd-mid:           #075284;
  --sd-blue:          #0090e7;
  --sd-blue-hover:    #0078c1;
  --sd-bg-page:       #f0f7ff;
  --sd-bg-card:       #ffffff;
  --sd-text-main:     #0f172a;
  --sd-text-body:     #1e293b;
  --sd-text-muted:    #475569;
  --sd-text-label:    #334155;
  --sd-border:        #cbd5e1;
  --sd-border-light:  #e2ecf5;
  --sd-sidebar-fg:    rgba(220, 240, 255, 0.88);
  --sd-sidebar-hover: rgba(255, 255, 255, 0.13);
}

/* ======================================================
   TĚLO STRÁNKY
   ====================================================== */

body {
  background-color: var(--sd-bg-page);
  color: var(--sd-text-body);
}

/* ======================================================
   CONTENT WRAPPER (hlavní plocha pod navbarem)
   ====================================================== */

.content-wrapper {
  background: var(--sd-bg-page) !important;
  color: var(--sd-text-body);
}

/* ======================================================
   NAVBAR (horní lišta)
   ====================================================== */

.navbar {
  background: #ffffff !important;
  border-bottom: 1px solid var(--sd-border) !important;
  box-shadow: 0 2px 12px rgba(0, 144, 231, 0.07) !important;
}

/* Levý blok s logem — viditelný na mobilu */
.navbar .navbar-brand-wrapper {
  background: linear-gradient(145deg, var(--sd-navy) 0%, var(--sd-mid) 50%, var(--sd-blue) 100%) !important;
}

.navbar .navbar-brand-wrapper .navbar-brand,
.navbar .navbar-brand-wrapper .navbar-brand:hover,
.navbar .navbar-brand-wrapper .navbar-brand:focus {
  color: #ffffff !important;
}

/* Menu wrapper — pravá část navbaru */
.navbar .navbar-menu-wrapper {
  background: #ffffff;
  color: var(--sd-text-main);
  box-shadow: none !important;
}

.navbar .navbar-menu-wrapper .navbar-toggler {
  color: var(--sd-text-label) !important;
}

.navbar .navbar-menu-wrapper .nav-item .nav-link {
  color: var(--sd-text-main) !important;
}

/* Profil jméno v navbaru */
.navbar .navbar-menu-wrapper .navbar-profile .navbar-profile-name {
  color: var(--sd-text-main) !important;
}

.navbar .navbar-menu-wrapper .navbar-profile i {
  color: var(--sd-text-muted) !important;
}

/* Vyhledávací pole v navbaru */
.navbar .navbar-menu-wrapper .search input,
.navbar .navbar-menu-wrapper .search-field input {
  background: var(--sd-bg-page) !important;
  border: 1px solid var(--sd-border) !important;
  color: var(--sd-text-main) !important;
}

.navbar .navbar-menu-wrapper .search input::placeholder {
  color: var(--sd-text-muted) !important;
}

/* Dropdown badge counter */
.navbar .navbar-menu-wrapper .count-indicator .count {
  border-color: #ffffff !important;
}

/* ======================================================
   NAVBAR DROPDOWN (rozbalovací nabídka)
   ====================================================== */

.dropdown-menu {
  background-color: #ffffff !important;
  border: 1px solid var(--sd-border) !important;
  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.12) !important;
  color: var(--sd-text-main) !important;
}

.dropdown-item {
  color: var(--sd-text-main) !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: #f0f7ff !important;
  color: var(--sd-text-main) !important;
}

.dropdown-divider {
  border-top-color: var(--sd-border-light) !important;
}

.dropdown-menu h6 {
  color: var(--sd-text-label) !important;
}

/* Navbar dropdown specificky */
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown {
  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.12) !important;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item:hover {
  color: var(--sd-blue) !important;
  background-color: #f0f7ff !important;
}

/* Preview item v dropdownu profilu */
.preview-item-content .preview-subject {
  color: var(--sd-text-main) !important;
}

.preview-item-content p {
  color: var(--sd-text-muted) !important;
}

/* ======================================================
   SIDEBAR
   ====================================================== */

.sidebar {
  background: linear-gradient(160deg, var(--sd-navy) 0%, var(--sd-mid) 44%, var(--sd-blue) 100%) !important;
}

/* Záhlaví sidebaru (nadpis Administrace) */
.sidebar .sidebar-brand-wrapper {
  background: rgba(0, 0, 0, 0.15) !important;
  color: #ffffff !important;
  font-weight: 700;
  font-size: 0.85rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.sidebar .sidebar-brand-wrapper .sidebar-brand,
.sidebar .sidebar-brand-wrapper .sidebar-brand:hover,
.sidebar .sidebar-brand-wrapper .sidebar-brand:focus {
  color: #ffffff !important;
}

/* Nav-item obecně */
.sidebar .nav .nav-item .nav-link {
  color: var(--sd-sidebar-fg) !important;
  border-radius: 0 100px 100px 0;
}

.sidebar .nav .nav-item .nav-link .menu-title {
  color: var(--sd-sidebar-fg) !important;
}

/* Ikony v menu */
.sidebar .nav .nav-item .nav-link i.menu-icon {
  color: rgba(255, 255, 255, 0.7) !important;
}

.sidebar .nav .nav-item .nav-link i.menu-arrow {
  color: rgba(255, 255, 255, 0.35) !important;
}

/* Barevné ikony — přepíšeme na bílou (tmavý sidebar) */
.sidebar .nav .menu-items:nth-child(5n+1) .nav-link .menu-icon i,
.sidebar .nav .menu-items:nth-child(5n+2) .nav-link .menu-icon i,
.sidebar .nav .menu-items:nth-child(5n+3) .nav-link .menu-icon i,
.sidebar .nav .menu-items:nth-child(5n+4) .nav-link .menu-icon i,
.sidebar .nav .menu-items:nth-child(5n+5) .nav-link .menu-icon i {
  color: rgba(255, 255, 255, 0.80) !important;
}

/* Aktivní položka */
.sidebar .nav .nav-item.active > .nav-link {
  background: rgba(255, 255, 255, 0.16) !important;
}

.sidebar .nav .nav-item.active > .nav-link::before {
  background: #ffffff !important;
}

.sidebar .nav .nav-item.active > .nav-link .menu-title {
  color: #ffffff !important;
}

.sidebar .nav .nav-item.active > .nav-link i {
  color: #ffffff !important;
}

/* Hover */
.sidebar .nav:not(.sub-menu) > .nav-item:hover:not(.nav-category):not(.account-dropdown) > .nav-link {
  background: var(--sd-sidebar-hover) !important;
  color: #ffffff !important;
}

/* Sub-menu */
.sidebar .nav.sub-menu .nav-item .nav-link {
  color: rgba(210, 235, 255, 0.80) !important;
}

.sidebar .nav.sub-menu .nav-item .nav-link.active,
.sidebar .nav.sub-menu .nav-item .nav-link:hover {
  color: #ffffff !important;
}

/* Nav category label */
.sidebar .nav .nav-item.nav-category .nav-link {
  color: rgba(200, 225, 255, 0.55) !important;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Profil v sidebaru */
.sidebar .nav .nav-item.profile .profile-desc .profile-name h5 {
  color: #ffffff !important;
}

.sidebar .nav .nav-item.profile .profile-desc .profile-name span {
  color: rgba(210, 235, 255, 0.75) !important;
}

.sidebar .nav .nav-item.profile .profile-desc .profile-name a {
  color: rgba(180, 220, 255, 0.9) !important;
}

/* Rámeček u stavu indikátoru */
.sidebar .nav .nav-item.profile .profile-desc .profile-pic .count-indicator .count-symbol,
.sidebar .nav .nav-item.profile .profile-desc .profile-pic .count-indicator .count-number {
  border-color: var(--sd-mid) !important;
}

/* Sidebar-tinted override — zachováme gradient */
.sidebar-tinted .navbar .navbar-brand-wrapper {
  background: linear-gradient(145deg, var(--sd-navy) 0%, var(--sd-mid) 100%) !important;
}

.sidebar-tinted .sidebar {
  background: linear-gradient(160deg, var(--sd-navy) 0%, var(--sd-mid) 44%, var(--sd-blue) 100%) !important;
}

.sidebar-tinted .sidebar .sidebar-brand-wrapper {
  background: rgba(0, 0, 0, 0.15) !important;
}

/* ======================================================
   CARDS
   ====================================================== */

.card {
  background: var(--sd-bg-card) !important;
  border: 1px solid var(--sd-border-light) !important;
  box-shadow: 0 2px 14px rgba(0, 144, 231, 0.06) !important;
}

.card .card-title {
  color: var(--sd-text-main) !important;
}

.card .card-subtitle {
  color: var(--sd-text-muted) !important;
}

.card .card-description {
  color: var(--sd-text-muted) !important;
}

.card .card-body {
  color: var(--sd-text-body);
}

.card-header {
  background-color: #f8fbff !important;
  border-bottom: 1px solid var(--sd-border-light) !important;
  color: var(--sd-text-main) !important;
}

.card-footer {
  background-color: #f8fbff !important;
  border-top: 1px solid var(--sd-border-light) !important;
}

/* ======================================================
   PAGE TITLE
   ====================================================== */

.page-title {
  color: var(--sd-text-main) !important;
}

.page-title .page-title-icon {
  box-shadow: 0 3px 8px rgba(0, 144, 231, 0.22) !important;
}

/* ======================================================
   FOOTER
   ====================================================== */

.footer {
  background: #e8f3fb !important;
  color: var(--sd-text-muted) !important;
  border-top: 1px solid var(--sd-border) !important;
}

.footer a {
  color: var(--sd-blue) !important;
}

.footer .text-muted {
  color: var(--sd-text-muted) !important;
}

/* ======================================================
   TABULKY
   ====================================================== */

.table {
  color: var(--sd-text-body) !important;
}

.table thead th {
  background-color: #f0f7ff !important;
  color: var(--sd-text-label) !important;
  border-bottom: 2px solid var(--sd-border) !important;
  border-top: 0 !important;
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.table td,
.table th {
  border-color: var(--sd-border-light) !important;
  color: var(--sd-text-body);
}

.table-hover tbody tr:hover {
  background-color: #f5f9ff !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f8fbff !important;
}

.table-dark {
  background-color: var(--sd-navy) !important;
}

/* DataTables */
.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: var(--sd-text-main) !important;
}

.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
  background: #ffffff !important;
  border: 1px solid var(--sd-border) !important;
  color: var(--sd-text-main) !important;
  border-radius: 8px;
  padding: 4px 10px;
}

.dataTables_wrapper .dataTables_info {
  color: var(--sd-text-muted) !important;
}

/* ======================================================
   FORMULÁŘE
   ====================================================== */

.form-control {
  background-color: #f8fbff !important;
  border-color: var(--sd-border) !important;
  color: var(--sd-text-main) !important;
}

.form-control:focus {
  background-color: #ffffff !important;
  border-color: var(--sd-blue) !important;
  box-shadow: 0 0 0 3px rgba(0, 144, 231, 0.16) !important;
  color: var(--sd-text-main) !important;
}

.form-control::placeholder {
  color: #94a3b8 !important;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #edf2f7 !important;
}

label {
  color: var(--sd-text-label);
}

.form-check-label {
  color: var(--sd-text-body);
}

/* Input group */
.input-group-text {
  background-color: #f0f7ff !important;
  border-color: var(--sd-border) !important;
  color: var(--sd-text-muted) !important;
}

/* Select */
select.form-control {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpolyline points='1,1 6,7 11,1' fill='none' stroke='%23475569' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 12px 8px;
}

/* ======================================================
   TLAČÍTKA — primární zachovává brand modrou
   ====================================================== */

.btn-primary {
  background: linear-gradient(120deg, var(--sd-blue) 0%, var(--sd-blue-hover) 100%) !important;
  border: 0 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(0, 144, 231, 0.22) !important;
}

.btn-primary:hover,
.btn-primary:focus {
  opacity: 0.91;
  color: #ffffff !important;
}

.btn-secondary {
  background-color: #f0f7ff !important;
  border: 1px solid var(--sd-border) !important;
  color: var(--sd-text-main) !important;
}

.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #e2eef9 !important;
  color: var(--sd-text-main) !important;
}

/* ======================================================
   BADGES & ALERTS
   ====================================================== */

.badge-primary {
  background-color: var(--sd-blue) !important;
}

/* ======================================================
   BREADCRUMBS
   ====================================================== */

.breadcrumb {
  background: transparent !important;
}

.breadcrumb-item a {
  color: var(--sd-blue) !important;
}

.breadcrumb-item.active {
  color: var(--sd-text-muted) !important;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: var(--sd-text-muted) !important;
}

/* ======================================================
   LISTGROUPS / LISTS
   ====================================================== */

.list-group-item {
  background-color: #ffffff !important;
  border-color: var(--sd-border-light) !important;
  color: var(--sd-text-body) !important;
}

.list-group-item:hover {
  background-color: #f5f9ff !important;
}

/* ======================================================
   MODALS
   ====================================================== */

.modal-content {
  background-color: #ffffff !important;
  border: 1px solid var(--sd-border) !important;
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.18) !important;
}

.modal-header {
  background-color: #f8fbff !important;
  border-bottom: 1px solid var(--sd-border) !important;
}

.modal-header .modal-title {
  color: var(--sd-text-main) !important;
}

.modal-footer {
  border-top: 1px solid var(--sd-border-light) !important;
  background-color: #f8fbff !important;
}

.modal-body {
  color: var(--sd-text-body) !important;
}

.close {
  color: var(--sd-text-muted) !important;
}

/* ======================================================
   TABS & NAVS
   ====================================================== */

.nav-tabs {
  border-bottom: 2px solid var(--sd-border) !important;
}

.nav-tabs .nav-link {
  color: var(--sd-text-muted) !important;
  border: 0 !important;
  padding-bottom: 0.75rem;
}

.nav-tabs .nav-link:hover {
  color: var(--sd-blue) !important;
  border-color: transparent !important;
}

.nav-tabs .nav-link.active {
  color: var(--sd-blue) !important;
  border-bottom: 2px solid var(--sd-blue) !important;
  background: transparent !important;
}

.nav-pills .nav-link {
  color: var(--sd-text-muted) !important;
}

.nav-pills .nav-link.active {
  background-color: var(--sd-blue) !important;
  color: #ffffff !important;
}

/* ======================================================
   ACCORDIONS
   ====================================================== */

.accordion .card {
  margin-bottom: 0.5rem;
}

.accordion .card .card-header {
  background-color: #f0f7ff !important;
  cursor: pointer;
}

.accordion .card .card-header a,
.accordion .card .card-header button {
  color: var(--sd-text-main) !important;
}

/* ======================================================
   PROGRESS BARS
   ====================================================== */

.progress {
  background-color: #dbeafe !important;
  border-radius: 100px;
}

/* ======================================================
   SELECT2
   ====================================================== */

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  background-color: #f8fbff !important;
  border: 1px solid var(--sd-border) !important;
  color: var(--sd-text-main) !important;
}

.select2-dropdown {
  background-color: #ffffff !important;
  border: 1px solid var(--sd-border) !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.10) !important;
}

.select2-container--default .select2-results__option {
  color: var(--sd-text-body) !important;
}

.select2-container--default .select2-results__option--highlighted {
  background-color: #f0f7ff !important;
  color: var(--sd-blue) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--sd-text-main) !important;
}

/* ======================================================
   STRÁNKA — PAGE HEADER, SEKCE
   ====================================================== */

h1, h2, h3, h4, h5, h6 {
  color: var(--sd-text-main);
}

p {
  color: var(--sd-text-body);
}

a {
  color: var(--sd-blue);
}

a:hover {
  color: var(--sd-blue-hover);
}

hr {
  border-color: var(--sd-border-light);
}

/* Přepsání tmavého textu třídy text-white na hlavní obsah */
.content-wrapper .text-white {
  color: var(--sd-text-main) !important;
}

/* ======================================================
   UTILITY OVERRIDES
   ====================================================== */

.bg-dark {
  background-color: var(--sd-navy) !important;
}

.text-dark {
  color: var(--sd-text-main) !important;
}

.text-muted {
  color: var(--sd-text-muted) !important;
}

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

/* Pre / Code bloky */
pre {
  background: #f0f7ff !important;
  border: 1px solid var(--sd-border);
  color: var(--sd-text-main) !important;
}

code {
  background: #dbeafe;
  color: #0b3f67 !important;
}

/* ======================================================
   STATS WIDGET (dashboard)
   ====================================================== */

.stretch-card > .card {
  background: #ffffff !important;
}

/* bg-gray-dark bloky (statistiky domén, transaction history, atp.) */
.bg-gray-dark {
  background-color: #edf4fb !important;
}

.bg-gray-dark h4,
.bg-gray-dark h5,
.bg-gray-dark h6 {
  color: var(--sd-text-main) !important;
}

.bg-gray-dark p,
.bg-gray-dark .text-muted {
  color: var(--sd-text-muted) !important;
}

/* ======================================================
   DATEPICKER
   ====================================================== */

.datepicker table tr td,
.datepicker table tr th {
  color: var(--sd-text-body) !important;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover {
  background: var(--sd-blue) !important;
  color: #ffffff !important;
}

/* ======================================================
   PAGINATION
   ====================================================== */

.pagination .page-link {
  background-color: #ffffff !important;
  border-color: var(--sd-border) !important;
  color: var(--sd-blue) !important;
}

.pagination .page-link:hover {
  background-color: #f0f7ff !important;
}

.pagination .page-item.active .page-link {
  background-color: var(--sd-blue) !important;
  border-color: var(--sd-blue) !important;
  color: #ffffff !important;
}

.pagination .page-item.disabled .page-link {
  background-color: #f8fbff !important;
  color: #94a3b8 !important;
}

/* ======================================================
   SCROLLBAR (volitelné)
   ====================================================== */

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #f0f7ff;
}

::-webkit-scrollbar-thumb {
  background: #bfdbf7;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--sd-blue);
}

/* ======================================================
   SIDEBAR offcanvas — zachování gradientu na mobilu
   ====================================================== */

@media screen and (max-width: 991px) {
  .sidebar-offcanvas {
    background: linear-gradient(160deg, var(--sd-navy) 0%, var(--sd-mid) 44%, var(--sd-blue) 100%) !important;
  }
}