/* ===================================================
   ULTIMASOFT.EU - USER.CSS (Joomla 6)
   =================================================== */

/* 1. Pozadí celého webu (Obrázek stolu / mapy) */
body {
  background-image: url('/images/bg-page.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  color: #333333;
}

/* 2. Záhlaví s glóbusem */
.container-header,
.ultima-header {
  background-image: url('/images/header_2.jpg') !important;
  background-size: cover !important;
  background-position: center right !important;
  background-repeat: no-repeat !important;
  border-radius: 8px 8px 0 0;
  min-height: 150px;
}

/* Skrytí výchozího textu/loga Cassiopeia v hlavičce */
.container-header .navbar-brand {
  display: none !important;
}

/* ===================================================
   3. HORNÍ MENU - TYRKYSOVÁ TLAČÍTKA (Topbar / Main-Top)
   =================================================== */

.container-main-top .mod-menu,
.container-top-bar .mod-menu {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  list-style: none !important;
  padding: 0 !important;
  margin: 6px 0 !important;
  gap: 6px !important;
  background: transparent !important;
}

.container-main-top .mod-menu li,
.container-top-bar .mod-menu li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
}

.container-main-top .mod-menu li::before,
.container-top-bar .mod-menu li::before {
  content: none !important;
}

/* Vzhled jednotlivých tlačítek pouze pro horní menu */
.container-main-top .mod-menu a,
.container-top-bar .mod-menu a {
  display: inline-block !important;
  background-color: #2b9bb3 !important; /* Tyrkysová barva ULTIMA */
  color: #ffffff !important;
  padding: 6px 14px !important;
  font-size: 0.95rem !important;
  border-radius: 5px !important;
  text-decoration: none !important;
  font-weight: bold;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

/* Efekt při najetí myší (Hover) */
.container-main-top .mod-menu a:hover,
.container-top-bar .mod-menu a:hover {
  background-color: #1f7285 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Aktivní tlačítko */
.container-main-top .mod-menu .active a,
.container-top-bar .mod-menu .active a {
  background-color: #185867 !important;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);
}

/* ===================================================
   4. HLAVNÍ OBSAHOVÉ BLOKY (Zaoblené karty pro články)
   =================================================== */

main, 
.container-main,
.sidebar-right .card:not(:has(.mod-menu)) {
  background: rgba(245, 245, 245, 0.95) !important;
  border: 1px solid #dcdcdc !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  padding: 15px;
  margin-bottom: 20px;
}

/* ===================================================
   5. HLAVNÍ / POSTRANNÍ MENU (Klasické řádky v panelu)
   =================================================== */

.sidebar-left .mod-menu,
.sidebar-right .mod-menu,
.container-sidebar-left .mod-menu,
.container-sidebar-right .mod-menu {
  display: flex !important;
  flex-direction: column !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background-color: #f0f0f0 !important;
  border-radius: 6px;
  border: 1px solid #cccccc;
  overflow: hidden;
}

.sidebar-left .mod-menu li,
.sidebar-right .mod-menu li,
.container-sidebar-left .mod-menu li,
.container-sidebar-right .mod-menu li {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #e0e0e0;
}

.sidebar-left .mod-menu li:last-child,
.sidebar-right .mod-menu li:last-child {
  border-bottom: none;
}

/* Vzhled jednotlivých řádků */
.sidebar-left .mod-menu a,
.sidebar-right .mod-menu a,
.container-sidebar-left .mod-menu a,
.container-sidebar-right .mod-menu a {
  display: block !important;
  background-color: transparent !important;
  color: #333333 !important;
  padding: 10px 15px !important;
  font-size: 0.95rem !important;
  font-weight: normal !important;
  border-radius: 0 !important;
  text-decoration: none !important;
  transition: background-color 0.15s ease;
}

/* Efekt při najetí na řádek v postranním menu */
.sidebar-left .mod-menu a:hover,
.sidebar-right .mod-menu a:hover,
.container-sidebar-left .mod-menu a:hover,
.container-sidebar-right .mod-menu a:hover {
  background-color: #2b9bb3 !important;
  color: #ffffff !important;
}

/* ===================================================
   6. ODSTRANĚNÍ BÍLÝCH PLACÍEK A POZADÍ SEKCE HORNÍHO MENU
   =================================================== */

:root {
  --cassiopeia-color-link: #2b9bb3;
}

.site-grid,
.header,
.site-header,
.container-header,
.container-top-bar,
.container-below-top,
.container-main-top,
.container-nav,
.container-banner,
.mod-menu-container,
.grid-child:has(.mod-menu) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* Rušení bílých karet pod menu */
.container-main-top .card,
.container-top-bar .card,
.container-nav .card,
.sidebar-left .card:has(.mod-menu),
.sidebar-right .card:has(.mod-menu),
div[class*="mod-menu"] {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-bottom: 10px !important;
}

.header *,
.container-main-top * {
  box-shadow: none !important;
}

.site-grid {
  padding-top: 10px;
  padding-bottom: 20px;
}
/* ===================================================
   OPRAVA POUZE PRO HORNÍ MENU (TOP)
   =================================================== */

/* 1. Vynucení vodorovného řádku pro VŠECHNY horní kontejnery */
header ul,
.container-header ul,
.container-top-bar ul,
.container-below-top ul,
.container-main-top ul,
.container-nav ul,
.container-banner ul,
.nav-client ul {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 8px 0 !important;
  gap: 6px !important;
  background: transparent !important;
}

header li,
.container-header li,
.container-top-bar li,
.container-below-top li,
.container-main-top li,
.container-nav li,
.container-banner li,
.nav-client li {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  width: auto !important;
}

/* 2. Vzhled tyrkysových tlačítek v horním menu */
header a,
.container-header a,
.container-top-bar a,
.container-below-top a,
.container-main-top a,
.container-nav a,
.container-banner a,
.nav-client a {
  display: inline-block !important;
  background-color: #2b9bb3 !important; /* Tyrkysová ULTIMA */
  color: #ffffff !important;
  padding: 6px 14px !important;
  font-size: 0.95rem !important;
  border-radius: 5px !important;
  text-decoration: none !important;
  font-weight: bold !important;
  white-space: nowrap !important;
  transition: background-color 0.2s ease !important;
}

/* Hover efekt pro horní tlačítka */
header a:hover,
.container-header a:hover,
.container-top-bar a:hover,
.container-below-top a:hover,
.container-main-top a:hover,
.container-nav a:hover,
.container-banner a:hover,
.nav-client a:hover {
  background-color: #1f7285 !important;
  color: #ffffff !important;
}
/* ===================================================
   OPRAVA POUZE PRO HORNÍ MENU (TOP)
   =================================================== */

/* 1. Vynucení vodorovného řádku pro VŠECHNY horní kontejnery */
header ul,
.container-header ul,
.container-top-bar ul,
.container-below-top ul,
.container-main-top ul,
.container-nav ul,
.container-banner ul,
.nav-client ul {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 8px 0 !important;
  gap: 6px !important;
  background: transparent !important;
}

header li,
.container-header li,
.container-top-bar li,
.container-below-top li,
.container-main-top li,
.container-nav li,
.container-banner li,
.nav-client li {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  width: auto !important;
}

/* 2. Vzhled tyrkysových tlačítek v horním menu */
header a,
.container-header a,
.container-top-bar a,
.container-below-top a,
.container-main-top a,
.container-nav a,
.container-banner a,
.nav-client a {
  display: inline-block !important;
  background-color: #2b9bb3 !important; /* Tyrkysová ULTIMA */
  color: #ffffff !important;
  padding: 6px 14px !important;
  font-size: 0.95rem !important;
  border-radius: 5px !important;
  text-decoration: none !important;
  font-weight: bold !important;
  white-space: nowrap !important;
  transition: background-color 0.2s ease !important;
}

/* Hover efekt pro horní tlačítka */
header a:hover,
.container-header a:hover,
.container-top-bar a:hover,
.container-below-top a:hover,
.container-main-top a:hover,
.container-nav a:hover,
.container-banner a:hover,
.nav-client a:hover {
  background-color: #1f7285 !important;
  color: #ffffff !important;
}
/* ===================================================
   PŘESNÉ ZACÍLENÍ PRO POZICI BREADCRUMBS / BELOW-TOP
   =================================================== */

/* Zprůhlednění kontejneru breadcrumbs a okolí */
.container-breadcrumbs,
.container-below-top,
.container-breadcrumbs .card,
.container-below-top .card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Vynucení VODOROVNÉ ŘADY tlačítek */
.container-breadcrumbs ul,
.container-below-top ul,
.container-breadcrumbs .mod-menu,
.container-below-top .mod-menu {
  display: flex !important;
  flex-direction: row !important; /* Vodorovně vedle sebe */
  flex-wrap: wrap !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 6px 0 !important;
  gap: 6px !important;
  background: transparent !important;
}

.container-breadcrumbs li,
.container-below-top li {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  background: transparent !important;
}

.container-breadcrumbs li::before,
.container-below-top li::before {
  content: none !important;
}

/* Tyrkysová tlačítka ULTIMA pro horní menu */
.container-breadcrumbs a,
.container-below-top a {
  display: inline-block !important;
  background-color: #2b9bb3 !important; /* Tyrkysová ULTIMA */
  color: #ffffff !important;
  padding: 6px 14px !important;
  font-size: 0.95rem !important;
  border-radius: 5px !important;
  text-decoration: none !important;
  font-weight: bold !important;
  white-space: nowrap !important;
  transition: background-color 0.2s ease !important;
}

/* Hover efekt */
.container-breadcrumbs a:hover,
.container-below-top a:hover {
  background-color: #1f7285 !important;
  color: #ffffff !important;
}

/* Aktivní tlačítko */
.container-breadcrumbs .active a,
.container-below-top .active a {
  background-color: #185867 !important;
}
/* ===================================================
   PŘÍMÝ ZÁSAH PŘES VLASTNÍ TŘÍDU MODULU
   =================================================== */

/* Zprůhlednění modulu a zrušení bílých krabic */
.horni-tlacitka,
.horni-tlacitka .card,
.horni-tlacitka .card-body {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Vynucení vodorovného Flexboxu pro jakýkoliv seznam uvnitř modulu */
.horni-tlacitka ul,
.horni-tlacitka .mod-menu,
.horni-tlacitka .nav {
  display: flex !important;
  flex-direction: row !important; /* Vodorovně vedle sebe */
  flex-wrap: wrap !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 6px 0 !important;
  gap: 6px !important;
  background: transparent !important;
}

.horni-tlacitka li {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  background: transparent !important;
}

.horni-tlacitka li::before {
  content: none !important;
}

/* Tyrkysová tlačítka ULTIMA pro VŠECHNY odkazy uvnitř tohoto modulu */
.horni-tlacitka a {
  display: inline-block !important;
  background-color: #2b9bb3 !important; /* Tyrkysová ULTIMA */
  color: #ffffff !important;
  padding: 6px 14px !important;
  font-size: 0.95rem !important;
  border-radius: 5px !important;
  text-decoration: none !important;
  font-weight: bold !important;
  white-space: nowrap !important;
  transition: background-color 0.2s ease !important;
}

/* Hover efekt */
.horni-tlacitka a:hover {
  background-color: #1f7285 !important;
  color: #ffffff !important;
}

/* Aktivní tlačítko */
.horni-tlacitka .active a,
.horni-tlacitka a.active {
  background-color: #185867 !important;
}
/* ===================================================
   VYNUCENÍ VODOROVNÉHO ŘÁDKU PRO VOLNÉ ODKAZY <a>
   =================================================== */

/* Obalový modul přinutíme fungovat jako vodorovný flexbox */
.horni-tlacitka {
  display: flex !important;
  flex-direction: row !important; /* Natvrdo vodorovně vedle sebe */
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;            /* Mezera mezi tlačítky */
  width: 100% !important;
  background: transparent !important;
}

/* Samotné odkazy přinutíme nechovat se jako blok pod sebou */
.horni-tlacitka a {
  display: inline-flex !important; /* Vodorovné proudění */
  float: left !important;          /* Pojistka proti zalomení do bloku */
  margin: 0 !important;
  width: auto !important;          /* Šířka jen podle textu tlačítka */
}