/**
 * Kozlowski theme overrides — header, 404, and other site-specific CSS.
 * Loaded last (see functions.php) so it wins over modules.min.css and dynamic styles.
 */

/* Menu bar: avoid a future inner grid color splitting the blue band */
.mkdf-header-standard-extended .mkdf-page-header .mkdf-menu-area .mkdf-grid .mkdf-vertical-align-containers {
  background-color: transparent;
}

/* Fluid header grids (all viewports): never exceed viewport; keep theme centering */
.mkdf-header-standard-extended .mkdf-page-header .mkdf-logo-area .mkdf-grid,
.mkdf-header-standard-extended .mkdf-page-header .mkdf-menu-area .mkdf-grid,
.mkdf-header-standard-extended .mkdf-page-header .mkdf-sticky-header .mkdf-grid {
  box-sizing: border-box;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.mkdf-vertical-align-containers .mkdf-position-left {
  text-align: center;
}

/* Desktop (≥1025): compact logo; sticky uses smaller heights in ≤1200 / ≤1024 rules below */
@media only screen and (min-width: 1025px) {
  .mkdf-page-header .mkdf-logo-wrapper a {
    height: 48px !important;
    max-height: 48px !important;
  }

  .mkdf-page-header .mkdf-logo-wrapper a img {
    max-height: 48px;
    width: auto;
    height: auto;
    object-fit: contain;
  }
}

@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .mkdf-header-standard-extended .mkdf-page-header .mkdf-logo-area .mkdf-grid,
  .mkdf-header-standard-extended .mkdf-page-header .mkdf-menu-area .mkdf-grid,
  .mkdf-header-standard-extended .mkdf-page-header .mkdf-sticky-header .mkdf-grid {
    width: min(1100px, calc(100vw - 32px));
    margin-left: auto;
    margin-right: auto;
  }
  .mkdf-header-standard-extended .mkdf-page-header .mkdf-sticky-header .mkdf-main-menu.mkdf-sticky-nav > ul > li > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 10px !important;
    letter-spacing: 0.1em !important;
  }
}

@media only screen and (max-width: 1200px) {
  .mkdf-header-standard-extended .mkdf-page-header .mkdf-logo-area .mkdf-grid,
  .mkdf-header-standard-extended .mkdf-page-header .mkdf-menu-area .mkdf-grid {
    width: min(950px, calc(100vw - 32px));
    margin-left: auto;
    margin-right: auto;
  }

  /* Sticky grid: same width as logo/menu row so content lines up and stays centered */
  .mkdf-page-header .mkdf-sticky-header .mkdf-grid {
    width: min(950px, calc(100vw - 32px));
    margin-left: auto;
    margin-right: auto;
  }

  .mkdf-sticky-header .mkdf-sticky-holder .mkdf-logo-wrapper a {
    height: 40px !important;
    max-height: 40px !important;
  }

  .mkdf-sticky-header .mkdf-sticky-holder .mkdf-logo-wrapper a img {
    max-height: 40px;
    width: auto;
    height: auto;
    object-fit: contain;
  }

  .mkdf-header-standard-extended .mkdf-page-header .mkdf-sticky-header .mkdf-main-menu.mkdf-sticky-nav > ul > li > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 10px !important;
    letter-spacing: 0.1em !important;
  }

  .mkdf-header-standard-extended .mkdf-page-header .mkdf-sticky-header .mkdf-sticky-holder.mkdf-menu-left .mkdf-main-menu {
    padding-left: 8px !important;
  }
}

@media only screen and (max-width: 1024px) {
  .mkdf-header-standard-extended .mkdf-page-header .mkdf-logo-area .mkdf-grid,
  .mkdf-header-standard-extended .mkdf-page-header .mkdf-menu-area .mkdf-grid {
    width: min(768px, calc(100vw - 32px));
    margin-left: auto;
    margin-right: auto;
  }

  .mkdf-page-header .mkdf-sticky-header .mkdf-grid {
    width: min(768px, calc(100vw - 32px));
    margin-left: auto;
    margin-right: auto;
  }

  .mkdf-sticky-header .mkdf-sticky-holder .mkdf-logo-wrapper a {
    height: 35px !important;
    max-height: 35px !important;
  }

  .mkdf-sticky-header .mkdf-sticky-holder .mkdf-logo-wrapper a img {
    max-height: 35px;
  }

  .mkdf-header-standard-extended .mkdf-page-header .mkdf-sticky-header .mkdf-main-menu.mkdf-sticky-nav > ul > li > a {
    padding-left: 6px !important;
    padding-right: 6px !important;
    font-size: 9px !important;
    letter-spacing: 0.08em !important;
  }
}

/* Narrow desktop / tablet landscape: less horizontal pressure */
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
  .mkdf-header-standard-extended .mkdf-page-header .mkdf-logo-area .mkdf-vertical-align-containers .mkdf-position-right-inner .mkdf-icon-widget-holder,
  .mkdf-header-standard-extended .mkdf-page-header .mkdf-logo-area .mkdf-vertical-align-containers .mkdf-position-right-inner .mkdf-search-opener,
  .mkdf-header-standard-extended .mkdf-page-header .mkdf-logo-area .mkdf-vertical-align-containers .mkdf-position-right-inner .mkdf-side-menu-button-opener {
    min-width: 0;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .mkdf-header-standard-extended .mkdf-page-header .mkdf-logo-area .mkdf-vertical-align-containers .mkdf-position-right-inner .mkdf-icon-text {
    display: none !important;
  }

  .mkdf-header-standard-extended .mkdf-page-header .mkdf-logo-area .mkdf-vertical-align-containers .mkdf-position-right-inner .mkdf-icon-text-inline {
    font-size: 15px !important;
    margin-left: 6px !important;
  }

  .mkdf-header-standard-extended .mkdf-page-header .mkdf-menu-area .mkdf-main-menu.mkdf-default-nav > ul > li > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 11px !important;
    letter-spacing: 0.12em !important;
  }

  .mkdf-header-standard-extended .mkdf-page-header .mkdf-sticky-header .mkdf-social-icons-group-widget .mkdf-social-icon-widget-holder {
    margin-left: 12px !important;
  }

  .mkdf-header-standard-extended .mkdf-page-header .mkdf-sticky-header .mkdf-search-opener {
    margin-left: 12px !important;
  }
}

/* 404 page layout (moved from modules.css — keep theme core unpatched) */
.error404 .mkdf-page-not-found .mkdf-404-title-image {
  margin-bottom: 28px;
}

.error404 .mkdf-page-not-found .mkdf-404-title-image img {
  display: inline-block;
  max-width: 100%;
  max-height: 160px;
  width: auto;
  height: auto;
  vertical-align: middle;
}

.error404 .mkdf-page-not-found .mkdf-404-title {
  line-height: 1.05;
}

.error404 .mkdf-page-not-found .mkdf-404-subtitle {
  margin: 28px 0 16px;
}

.error404 .mkdf-page-not-found .mkdf-404-text {
  margin: 10px auto 0;
  max-width: 28em;
  line-height: 1.65;
}


.mkdf-content .mkdf-content-inner>.mkdf-container>.mkdf-container-inner,
.mkdf-content .mkdf-content-inner>.mkdf-full-width>.mkdf-full-width-inner {
  padding-top: 0px;
  padding-bottom: 0px;
}