/*
 * Ujume Koos Design Kit – globaalne päis, peamenüü ja jalus.
 * Säilitab Blocksy struktuuri, menüü sisu, lingid ja logo; Design Kit määrab visuaali.
 */

/* Ühine lai konteiner kõigil lehtedel. */
#header .ct-container,
#footer .ct-container {
  box-sizing: border-box;
  max-width: var(--uk-container-wide-max) !important;
  padding-left: var(--uk-container-padding-wide) !important;
  padding-right: var(--uk-container-padding-wide) !important;
  width: 100% !important;
}

/* Päis ja töölaua peamenüü. */
#header {
  background: var(--uk-color-white) !important;
  color: var(--uk-color-text) !important;
  font-family: var(--uk-font-main) !important;
}

#header [data-id="menu"] > ul > li > a {
  color: var(--uk-color-text) !important;
  font-family: var(--uk-font-main) !important;
  font-weight: 700 !important;
}

#header [data-id="menu"] > ul > li > a:hover,
#header [data-id="menu"] > ul > li.current-menu-item > a,
#header [data-id="menu"] > ul > li.current-menu-ancestor > a {
  color: var(--uk-color-action) !important;
}

#header .ct-header-trigger,
#header .ct-toggle {
  color: var(--uk-color-text) !important;
}

/* Mobiilimenüü kasutab sama tüpograafilist hierarhiat kõigil lehtedel. */
#offcanvas {
  color: var(--uk-color-text) !important;
  font-family: var(--uk-font-main) !important;
}

#offcanvas .mobile-menu > ul > li > .ct-menu-link,
#offcanvas .mobile-menu > ul > li > .ct-sub-menu-parent > .ct-menu-link {
  color: var(--uk-color-text) !important;
  font-family: var(--uk-font-main) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

#offcanvas .mobile-menu .sub-menu a,
#offcanvas .ct-contact-info a {
  color: var(--uk-color-text) !important;
  font-family: var(--uk-font-main) !important;
}

/* Jaluse põhiosa ja alumine õiguste riba. */

#footer,
#footer [data-row="middle"],
body.home.page-id-2 #footer.ct-footer,
body.home.page-id-2 #footer.ct-footer [data-row="middle"] {
  background: var(--uk-footer-background) !important;
  color: var(--uk-color-text) !important;
  font-family: var(--uk-font-main) !important;
}

#footer .ct-widget,
#footer nav,
#footer p {
  color: var(--uk-color-text) !important;
  font-family: var(--uk-font-main) !important;
}

#footer #menu-footer-1 > li:first-child > a {
  color: var(--uk-footer-link-color) !important;
  display: inline-block;
  font-family: var(--uk-font-heading) !important;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: var(--uk-space-1);
}

#footer #menu-footer-1 > li:last-child > a {
  color: var(--uk-footer-registration-color) !important;
  font-family: var(--uk-font-main) !important;
}

#footer #nav_menu-3 .widget-title {
  display: none !important;
}

#footer #nav_menu-5 .widget-title {
  color: var(--uk-footer-heading-color) !important;
  font-family: var(--uk-font-heading) !important;
}

#footer #menu-footer-3 a {
  color: var(--uk-footer-link-color) !important;
  font-family: var(--uk-font-main) !important;
}

#footer [data-row="bottom"] {
  background: var(--uk-color-action) !important;
  color: var(--uk-color-white) !important;
}

@media (max-width: 767px) {
  #header .ct-container,
  #footer .ct-container {
    padding-left: var(--uk-container-padding-mobile) !important;
    padding-right: var(--uk-container-padding-mobile) !important;
  }
}

/*
 * Productioni peamenüü ja jaluse täpsustused.
 * Alammenüü kirjaraskus, jaluse joondused ja copyright.
 */
.menu-item-19 .sub-menu a {
  font-weight: 700 !important;
}

#footer #nav_menu-5 .widget-title {
  display: block;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 var(--uk-space-1);
}

#footer [data-row="bottom"] .ct-footer-copyright,
#footer [data-row="bottom"] .ct-footer-copyright p {
  color: var(--uk-color-white) !important;
}

@media (min-width: 768px) {
  #footer [data-row="middle"] .ct-container {
    align-items: flex-start !important;
    column-gap: 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    max-width: var(--uk-container-wide-max) !important;
    width: calc(100% - 80px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #footer [data-row="middle"] .ct-container > div:nth-child(-n + 3) {
    align-self: flex-start !important;
    flex: 0 0 auto !important;
    width: auto !important;
  }

  #footer [data-row="middle"] .ct-container > div:nth-child(-n + 3) {
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  #footer [data-row="middle"] .ct-container > div:nth-child(4) {
    display: none !important;
  }
}

#header.ct-header {
  border-bottom: none !important;
}

@media (min-width: 1000px) {
  #header .site-branding {
    transform: translateX(-4vw);
  }
}

@media (max-width: 999px) {
  #offcanvas ul,
  #offcanvas li,
  .ct-panel ul,
  .ct-panel li,
  .ct-mobile-menu ul,
  .ct-mobile-menu li {
    list-style: none !important;
  }
}
@media (max-width: 999px) {

  #offcanvas li::marker,
  .ct-panel li::marker,
  .ct-mobile-menu li::marker {
    content: "" !important;
    font-size: 0 !important;
  }
}
@media (max-width: 999px) {

  #offcanvas ul,
  .ct-panel ul,
  .ct-mobile-menu ul {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
}
@media (min-width: 1000px) {
  #header [data-row="middle"] .ct-header-cta {
    margin-left: 0;
  }
}

/* Shared swimming submenu (content block 718). Blocksy owns opening/focus;
 * this component owns the content layout in both desktop and mobile copies.
 */
.uk-swimming-menu,
.uk-swimming-menu__column { position: relative; box-sizing: border-box; }
.uk-swimming-menu { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); column-gap: var(--uk-menu-column-gap); }
.uk-swimming-menu > .uk-swimming-menu__column { margin: 0; }
.uk-swimming-menu .uk-swimming-menu__heading { margin: 0 0 calc(10px + .3em); }
.uk-swimming-menu .uk-swimming-menu__link { margin: 0 0 var(--uk-menu-link-gap); }
.uk-swimming-menu__link--adult { font-size: 15px; }
.uk-swimming-menu__link a { color: var(--uk-menu-link-desktop); }
.uk-swimming-menu__link a:hover { color: var(--uk-color-primary); }
@media (max-width:999.98px) {
  [data-header] #offcanvas { background-color: var(--uk-menu-panel-background); }
  #offcanvas .ct-toggle-close { --theme-icon-color: var(--uk-menu-link-desktop); }
  .uk-swimming-menu { grid-template-columns: minmax(0,1fr); }
  .uk-swimming-menu > .uk-swimming-menu__column { margin-bottom: var(--uk-menu-column-gap-mobile); }
  .uk-swimming-menu > .uk-swimming-menu__column:last-child { margin-bottom: 20px; }
  .uk-swimming-menu .uk-swimming-menu__heading { font-size: var(--uk-menu-heading-mobile); }
  .uk-swimming-menu .uk-swimming-menu__link { margin-left: 10px; }
  .uk-swimming-menu__heading + .uk-swimming-menu__link { margin-top: -5px; }
}