/* MUJ DIAR / SPOLECNE STYLY - v1 (2026-10-14)
 * Zdroj: dosavadni kody HEAD a BODY. Zachovan stavajici vzhled.
 * Nahrat do /user/documents/muj-diar-styly.css
 */

/* 1. Hlavni navigace na desktopu */
@media (min-width: 992px) {
  .navigation-wrapper {border-radius:12px!important;box-shadow:none!important}
  #navigation {
    border-radius:12px!important;
    box-shadow:0 5px 15px rgba(37,54,83,.16)!important;
    margin-bottom:0!important;
    overflow:visible!important;
  }
  #navigation .navigation-in,
  #navigation .navigation-in > ul.menu-level-1 {overflow:visible!important}
  #navigation .navigation-in {border-radius:12px!important}
  #navigation .menu-level-1 > li > a {
    --md-color:#e87500;
    color:#fff!important;
    font-size:15px!important;
    font-weight:500!important;
    padding-left:14px!important;
    padding-right:14px!important;
    transition:background .2s,color .2s!important;
  }
  #navigation .menu-level-1 > li > a > b {
    color:inherit!important;
    background:transparent!important;
    font-size:15px!important;
    line-height:18px!important;
    padding-top:13px!important;
    padding-bottom:13px!important;
  }
  #navigation .menu-level-1 > li > a[href*="/diare-2027/"] {
    --md-color:#253653;
    background:#253653!important;
    color:#fff!important;
    font-weight:700!important;
    border-radius:8px!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important;
  }
  #navigation .menu-level-1 > li:is(:hover,.active,.md-current) > a,
  #navigation .menu-level-1 > li > a:is(:focus-visible,[aria-current="page"]) {
    background:#fff!important;
    color:var(--md-color)!important;
    border-radius:8px!important;
  }
  #navigation .menu-level-1 > li:is(:hover,.active,.md-current) > a[href*="/diare-2027/"] {
    box-shadow:inset 0 0 0 1px rgba(37,54,83,.18)!important;
  }
  /* Most mezi polozkou a velkym podmenu. Nezasahuje do mobilu. */
  #navigation .navigation-in > ul.menu-level-1 > li > a {position:relative}
  #navigation .navigation-in > ul.menu-level-1 > li.ext > a::after,
  #navigation .navigation-in > ul.menu-level-1 > li.exp > a::after,
  #navigation .navigation-in > ul.menu-level-1 > li:has(> ul.menu-level-2) > a::after {
    content:"";
    position:absolute;
    left:0;right:0;top:100%;height:20px;
    background:transparent;
  }
}

/* 2. Nadpisy kategorií a vybranych stranek */
html.md-heading-pending body.type-category #content h1:not(.md-global-title),
html.md-heading-pending.md-heading-special #content h1:not(.md-global-title) {
  visibility:hidden!important;
}
#content h1.md-global-title {
  visibility:visible!important;
  margin:13px 0 15px!important;
  padding:3px 12px 3px 17px!important;
  border:0!important;
  border-left:3px solid #ed700b!important;
  border-radius:0!important;
  background:none!important;
  color:#253653!important;
  -webkit-text-fill-color:#253653!important;
  font:800 clamp(22px,2.35vw,28px)/1.14 "Source Sans 3",Arial,sans-serif!important;
  letter-spacing:-.045em!important;
  text-align:left!important;
  text-transform:none!important;
}
#content h1.md-global-title .md-orange {
  color:#ed700b!important;
  -webkit-text-fill-color:#ed700b!important;
}
@media(max-width:767px) {
  #content h1.md-global-title {
    font-size:23px!important;
    margin:12px 0 7px!important;
    padding:1px 0 1px 10px!important;
  }
}

/* 3. Horni cerveny informacni prouzek */
#md-info-bar {
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0 12px!important;
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  z-index:5;
  overflow:hidden!important;
  background:#e12636!important;
  color:#fff!important;
  font-family:"Source Sans 3",Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
}
#md-info-bar .md-info-text {
  color:inherit!important;
  display:inline!important;
  font:inherit!important;
  white-space:nowrap!important;
}
#md-info-bar .md-info-mobile {display:none!important}
#md-info-bar svg {
  box-sizing:border-box;
  display:block;
  width:17px;
  height:17px;
  flex:0 0 17px;
  stroke:#fff;
  fill:none;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media(max-width:767px) {
  #md-info-bar {
    height:32px!important;
    min-height:32px!important;
    padding:0 6px!important;
    gap:5px!important;
    font-size:11px!important;
  }
  #md-info-bar .md-info-desktop {display:none!important}
  #md-info-bar .md-info-mobile {display:inline!important}
  #md-info-bar svg {width:13px;height:13px;flex-basis:13px}
}
@media(max-width:359px) {
  #md-info-bar {font-size:10px!important;gap:4px!important}
  #md-info-bar svg {width:12px;height:12px;flex-basis:12px}
}

/* 4. Graficky nadpis clanku na uvodni strance */
.homepage-group-title.md-blog-2027 {
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  margin:50px auto 30px!important;
  padding:0 15px!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  font-family:"Source Sans 3",Arial,sans-serif!important;
  font-weight:400!important;
  line-height:1.4!important;
  text-align:center!important;
}
.homepage-group-title.md-blog-2027::before,
.homepage-group-title.md-blog-2027::after {content:none!important;display:none!important}
.md-blog-2027 .md-blog-kicker {
  display:block;margin-bottom:9px;
  font-size:12px!important;font-weight:700!important;
  letter-spacing:2px;line-height:1.4;
  color:#e96812!important;text-transform:uppercase;
}
.md-blog-2027 .md-blog-main {
  display:block;margin:0!important;padding:0!important;
  font-size:clamp(29px,3vw,43px)!important;
  font-weight:700!important;line-height:1.2!important;
  letter-spacing:-.5px;color:#273341!important;
}
.md-blog-2027 .md-blog-line {
  display:block;width:85px;height:3px;
  margin:17px auto 16px;background:#ef6b12;border-radius:6px;
}
.md-blog-2027 .md-blog-desc {
  display:block;max-width:650px;
  font-size:17px!important;font-weight:400!important;
  line-height:1.55!important;color:#626b74!important;
}
@media(max-width:640px) {
  .homepage-group-title.md-blog-2027 {margin:35px auto 23px!important;padding:0 12px!important}
  .md-blog-2027 .md-blog-kicker {font-size:10px!important;letter-spacing:1.4px;margin-bottom:8px}
  .md-blog-2027 .md-blog-main {font-size:28px!important;line-height:1.2!important}
  .md-blog-2027 .md-blog-line {width:65px;margin:14px auto 13px}
  .md-blog-2027 .md-blog-desc {font-size:15px!important;line-height:1.5!important}
}

/* 5. NOVINKA pouze v mobilnim menu. Na desktopu skryto. */
.md-menu-badge {
  display:none!important;
  flex:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:3px 9px!important;
  border-radius:999px!important;
  background:#d94b45!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font:700 10px/1 "Trebuchet MS",Arial,sans-serif!important;
  letter-spacing:.06em!important;
  white-space:nowrap!important;
  vertical-align:middle;
}
@media (max-width:991px) {
  :is(.sidebar,#categories,#navigation,.navigation-wrapper,.mobile-menu,.mobile-navigation,.responsive-menu)
  a.md-menu-badge-link {
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    color:#253653!important;
    font-weight:700!important;
  }
  :is(.sidebar,#categories,#navigation,.navigation-wrapper,.mobile-menu,.mobile-navigation,.responsive-menu)
  a.md-menu-badge-link .md-menu-badge {
    display:inline-flex!important;
  }
}