/* ===== HORNÍ LIŠTA - bílá pozadí, větší logo ===== */
.navbar-top,
header .top-bar,
.top-header,
nav.navbar-light,
.header-top {
  background-color: #ffffff !important;
  border-bottom: 1px solid #e0e0e0;
}

/* Větší logo Vilgain v horní části */
.navbar-brand img,
.logo img,
.top-header img,
header img[alt*="vilgain"],
header img[alt*="Vilgain"] {
  max-height: 60px !important;
  width: auto !important;
}

/* ===== SPODNÍ (HLAVNÍ) NAVIGAČNÍ LIŠTA - 3D tlačítka ===== */
.navbar-dark .nav-link,
.navbar-black .nav-link,
nav.bg-dark .nav-link,
.main-nav a,
.bottom-nav .nav-item a {
  border-radius: 4px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.4), 0 1px 3px rgba(0,0,0,0.3);
  background: linear-gradient(145deg, #2a2a2a, #111111);
  margin: 4px 2px;
  padding: 6px 12px !important;
  transition: box-shadow 0.15s ease, transform 0.1s ease;
}

.navbar-dark .nav-link:hover,
.navbar-black .nav-link:hover,
nav.bg-dark .nav-link:hover {
  box-shadow: 0 6px 10px rgba(0,0,0,0.5), 0 2px 4px rgba(0,0,0,0.4);
  transform: translateY(-1px);
}

.navbar-dark .nav-link:active,
.navbar-black .nav-link:active {
  box-shadow: 0 1px 3px rgba(0,0,0,0.4) inset;
  transform: translateY(1px);
}

/* ===== TLAČÍTKO "+ Přidat požadavek" - oranžové, 3D ===== */
a[href*="request"],
a[href*="pozadavek"],
.btn-add-request,
.add-request-btn,
/* pokud má třídu btn */
.navbar .btn.btn-primary:last-child {
  background: linear-gradient(145deg, #ff8c00, #e07000) !important;
  border-color: #cc6600 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 8px rgba(224, 112, 0, 0.5), 0 2px 4px rgba(0,0,0,0.3) !important;
  border-radius: 5px !important;
  font-weight: 600 !important;
  transition: all 0.15s ease !important;
}

a[href*="request"]:hover,
.btn-add-request:hover {
  background: linear-gradient(145deg, #ffaa00, #ff8c00) !important;
  box-shadow: 0 6px 12px rgba(224, 112, 0, 0.6), 0 3px 6px rgba(0,0,0,0.3) !important;
  transform: translateY(-1px);
}

a[href*="request"]:active,
.btn-add-request:active {
  box-shadow: 0 1px 4px rgba(0,0,0,0.4) inset !important;
  transform: translateY(1px);
}

/* ===== ROZŠÍŘENÍ NA CELOU ŠÍŘI S OKRAJEM 1 cm ===== */
body {
  padding: 0 !important;
  margin: 0 !important;
}

.container,
.container-fluid,
.wrapper,
.page-wrapper,
.main-wrapper,
#main-content,
.content-wrapper {
  max-width: 100% !important;
  width: calc(100% - 2cm) !important;
  margin-left: 1cm !important;
  margin-right: 1cm !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Navigační lišty přes celou šíři */
header,
.navbar,
nav,
.top-header,
.main-nav {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  left: 0 !important;
  right: 0 !important;

/* 3D karty na profilu pracovníka */
.employee-profile .card,
.profile-card,
[class*="profile"] .card,
[class*="module-card"],
[class*="tile"],
.dashboard-tile,
.panel,
a[href*="profile"] .card,
.modules .card,
.modules a,
.home-modules a,
.home-modules .card,
[class*="home"] .card,
[class*="module"] a,
[class*="widget"] {
  background: linear-gradient(145deg, #ffffff, #f0f0f0) !important;
  border: none !important;
  border-radius: 16px !important;
  box-shadow: 
    6px 6px 12px rgba(0,0,0,0.15),
    -3px -3px 8px rgba(255,255,255,0.9) !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  padding: 24px !important;
}

[class*="module"] a:hover,
[class*="home"] .card:hover,
.modules a:hover,
.panel:hover,
[class*="tile"]:hover {
  box-shadow: 
    8px 8px 16px rgba(0,0,0,0.2),
    -4px -4px 10px rgba(255,255,255,1) !important;
  transform: translateY(-3px) !important;
}

[class*="module"] a:active,
[class*="home"] .card:active,
.panel:active {
  box-shadow: 
    2px 2px 6px rgba(0,0,0,0.2) inset !important;
  transform: translateY(1px) !important;
}

/* Ikony - trochu barevnější */
[class*="module"] svg,
[class*="module"] i,
[class*="tile"] svg,
[class*="tile"] i,
.panel svg,
.panel i {
  color: #1a1a1a !important;
  opacity: 0.85 !important;
}

/* Nadpisy karet tučnější */
[class*="module"] h3,
[class*="module"] h4,
[class*="module"] strong,
[class*="tile"] h3,
[class*="tile"] h4,
.panel h3, .panel h4 {
  font-weight: 700 !important;
  color: #111111 !important;
}

/* Popis světlejší */
[class*="module"] p,
[class*="tile"] p,
.panel p {
  color: #666666 !important;
  font-size: 0.88em !important;
}