/*

 Theme Name:   Expertsender v3
 Description:  2024/25 Edition
 Author:       Base & GnS Team
 Version:      3.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
@font-face {
  font-family: "Uni Neue";
  src: url("https://expertsender.com/wp-content/themes/expertsender/resources/fonts/UniNeueBlack.eot");
  src: url("https://expertsender.com/wp-content/themes/expertsender/resources/fonts/UniNeueBlack.eot?#iefix")
      format("embedded-opentype"),
    url("https://expertsender.com/wp-content/themes/expertsender/resources/fonts/UniNeueBlack.woff2")
      format("woff2"),
    url("https://expertsender.com/wp-content/themes/expertsender/resources/fonts/UniNeueBlack.woff")
      format("woff"),
    url("https://expertsender.com/wp-content/themes/expertsender/resources/fonts/UniNeueBlack.ttf")
      format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Uni Neue";
  src: url("https://expertsender.com/wp-content/themes/expertsender/resources/fonts/UniNeueBold.eot");
  src: url("https://expertsender.com/wp-content/themes/expertsender/resources/fonts/UniNeueBold.eot?#iefix")
      format("embedded-opentype"),
    url("https://expertsender.com/wp-content/themes/expertsender/resources/fonts/UniNeueBold.woff2")
      format("woff2"),
    url("https://expertsender.com/wp-content/themes/expertsender/resources/fonts/UniNeueBold.woff")
      format("woff"),
    url("https://expertsender.com/wp-content/themes/expertsender/resources/fonts/UniNeueBold.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Uni Neue";
  src: url("https://expertsender.com/wp-content/themes/expertsender/resources/fonts/UniNeueRegular.eot");
  src: url("https://expertsender.com/wp-content/themes/expertsender/resources/fonts/UniNeueRegular.eot?#iefix")
      format("embedded-opentype"),
    url("https://expertsender.com/wp-content/themes/expertsender/resources/fonts/UniNeueRegular.woff2")
      format("woff2"),
    url("https://expertsender.com/wp-content/themes/expertsender/resources/fonts/UniNeueRegular.woff")
      format("woff"),
    url("https://expertsender.com/wp-content/themes/expertsender/resources/fonts/UniNeueRegular.ttf")
      format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Uni Neue";
  src: url("https://expertsender.com/wp-content/themes/expertsender/resources/fonts/UniNeueLight.eot");
  src: url("https://expertsender.com/wp-content/themes/expertsender/resources/fonts/UniNeueLight.eot?#iefix")
      format("embedded-opentype"),
    url("https://expertsender.com/wp-content/themes/expertsender/resources/fonts/UniNeueLight.woff2")
      format("woff2"),
    url("https://expertsender.com/wp-content/themes/expertsender/resources/fonts/UniNeueLight.woff")
      format("woff"),
    url("https://expertsender.com/wp-content/themes/expertsender/resources/fonts/UniNeueLight.ttf")
      format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@media (min-width: 960px) {
  /* Chevron on top-level nav items with submenus */
  .header-nav__item--has-submenu > a {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
  }

  .header-nav__item--has-submenu > a::after {
    content: "";
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    border-right: 0.125rem solid currentColor;
    border-bottom: 0.125rem solid currentColor;
    transform: rotate(45deg);
    margin-bottom: 0.125rem;
    flex-shrink: 0;
  }
}

@media (min-width: 960px) {
  html .numbers__row {
    align-items: flex-start;
    justify-content: center;
  }
  html .numbers__col-des {
    text-align: center;
  }

  .header__ct .uk-dropdown {
    width: auto;
  }

  .uk-dropdown .menu-wrapper {
    gap: 1rem;
    padding: 0 1rem;
  }
}

@media (min-width: 960px) and (max-width: 1200px) {
  .header__ct .uk-dropdown {
    width: 100vw;
    width: calc(100vw - 4rem);
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw;
    margin-right: -50vw;
    transform: unset;
    position: fixed;
  }
}

body.admin-bar .header--toast {
  top: 32px !important;
}

@media (min-width: 960px) {
  .header__ct .uk-dropdown .sub-menu-col {
    min-width: 11rem;
    width: auto;
  }
  .header__ct .uk-dropdown .sub-menu-col > h3 {
    white-space: nowrap;
  }

  .header__ct .uk-dropdown .sub-menu-col--smaller:not(.sub-menu-col--widget) {
    border-left: 0.0625rem solid #3333331a;
    padding-left: 3rem !important;
    margin-left: 3rem;
    margin-top: 0;
    padding-top: 1.5rem;
    margin-bottom: 0;
    padding-bottom: 1.5rem;
  }

  .header__ct .uk-dropdown .sub-menu-col--smaller:not(.sub-menu-col--widget) ~ .sub-menu-col--smaller:not(.sub-menu-col--widget) {
    border-left: 0;
    margin-left: 0;
    padding-left: 1.5rem !important;
  }

  .uk-dropdown .sub-menu-col--smaller ul .nav__link {
    color: #333333;
    font-weight: 500;
  }
  .uk-dropdown .sub-menu-col--smaller li:not(:last-child) {
    margin-bottom: 1rem;
  }

  /* Mega menu (Products, Resources) – wyśrodkowane pudełko */
  .header__ct .uk-dropdown.uk-dropdown-bottom-center,
  .header__ct .uk-dropdown.uk-dropdown-bottom-left,
  .header__ct .sub-menu.uk-dropdown {
    box-sizing: border-box;
    padding: 0;
    border-radius: 0.75rem;
    background: #ffffff;
    border: 0.0625rem solid rgba(51, 51, 51, 0.1);
    box-shadow: 0 7.125rem 2.8125rem rgba(51, 51, 51, 0.01),
      0 4rem 2.375rem rgba(51, 51, 51, 0.05),
      0 1.75rem 1.75rem rgba(51, 51, 51, 0.09),
      0 0.4375rem 1rem rgba(51, 51, 51, 0.1);
  }

  /* Let submenu size to its content */
  .header__ct .sub-menu.uk-dropdown {
    width: auto !important;
  }

  .header__ct .uk-dropdown .sub-menu > .menu-wrapper,
  .header__ct .sub-menu.uk-dropdown .menu-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 1.5rem;
    gap: 0;
    width: -webkit-max-content;
    width: max-content;
    max-width: none;
    margin: 0 auto;
  }

  /* Wspólne nagłówki kolumn */
  .header__ct .uk-dropdown .sub-menu-col > h3 {
    font-family: "Uni Neue", system-ui, -apple-system, BlinkMacSystemFont,
      "Segoe UI", sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.6875rem;
    color: #111111;
    margin: 0 0 1rem;
  }

  /* Blog column */
  .header__ct .uk-dropdown .sub-menu-col--resources-blog {
    flex: 0 0 20rem;
    max-width: 20rem;
    padding: 1.5rem 0.75rem 1.5rem .5rem;
  }

  .resources-blog-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    width: 100%;
  }

  .resources-blog-card__thumb {
    display: block;
    width: 100%;
    border-radius: 0.5rem;
    overflow: hidden;
  }

  .resources-blog-card__thumb img {
    display: block;
    width: 100%;
    height: 8rem;
    object-fit: cover;
    border-radius: 0.5rem !important;
  }

  .resources-blog-card__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    width: 100%;
  }

  .resources-blog-card__title {
    margin: 0;
    font-family: "Uni Neue", system-ui, -apple-system, BlinkMacSystemFont,
      "Segoe UI", sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #111111;
  }

  .header__ct .uk-dropdown .resources-blog-card__title a {
    font-family: "Uni Neue", system-ui, -apple-system, BlinkMacSystemFont,
      "Segoe UI", sans-serif !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    line-height: 1.25rem !important;
    color: #111111 !important;
    text-decoration: none;
  }

  .header__ct .uk-dropdown .resources-blog-card__title a:hover {
    text-decoration: underline;
  }

  .resources-blog-card__date {
    margin: 0;
    font-family: "Roboto", system-ui, -apple-system, BlinkMacSystemFont,
      "Segoe UI", sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.375rem;
    color: rgba(51, 51, 51, 0.75);
    display: block;
  }

  .header__ct .uk-dropdown .resources-blog-card__all.link--fetch {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    margin-top: 0.75rem;
    font-family: "Uni Neue", system-ui, -apple-system, BlinkMacSystemFont,
      "Segoe UI", sans-serif !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    color: #000000 !important;
    text-decoration: none !important;
  }

  .header__ct .uk-dropdown .resources-blog-card__all.link--fetch::after {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    border-right: 0.09375rem solid #da1884;
    border-bottom: 0.09375rem solid #da1884;
    transform: rotate(-45deg);
    display: inline-block;
  }

  /* Success stories column */
  .header__ct .uk-dropdown .sub-menu-col--resources-cases {
    flex: 0 0 20rem;
    max-width: 20rem;
    padding: 1.5rem 1.5rem 1.5rem 0.75rem;
  }

  .resources-cases-list {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    width: 100%;
  }

  .resources-case-banner {
    display: block;
    width: 100%;
    border-radius: 0.5rem;
    overflow: hidden;
  }

  .resources-case-banner img {
    display: block;
    width: 100%;
    height: 3.875rem;
    object-fit: cover;
    border-radius: 0.5rem !important;
  }

  /* Read all stories link */
  .header__ct .uk-dropdown .resources-cases-all.link--fetch {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    margin-top: 0.75rem;
    font-family: "Uni Neue", system-ui, -apple-system, BlinkMacSystemFont,
      "Segoe UI", sans-serif !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    color: #000000 !important;
    text-decoration: none !important;
    padding: 0 !important;
  }

  .header__ct .uk-dropdown .resources-cases-all.link--fetch::after {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    border-right: 0.09375rem solid #da1884;
    border-bottom: 0.09375rem solid #da1884;
    transform: rotate(-45deg);
    display: inline-block;
  }

  /* Nadpisanie paddingu dziedziczonego z nawigacji dla linków w dropdownie Resources */
  .header__ct .uk-dropdown .resources-case-banner.link--fetch,
  .header__ct .uk-dropdown .resources-blog-card__thumb,
  .header__ct .uk-dropdown .resources-blog-card__all.link--fetch {
    padding: 0 !important;
  }

  /* Explore more column / Product non-smaller cols */
  .header__ct .uk-dropdown .sub-menu-col:not(.sub-menu-col--widget) {
    flex: 0 0 13rem;
    max-width: 13rem;
    padding: 1.5rem .5rem 1.5rem 0.5rem;
  }

  /* Resources – Links column wider */
  .header__ct .uk-dropdown.sub-menu--resources .sub-menu-col:not(.sub-menu-col--widget),
  .header__ct .uk-dropdown.sub-menu--zasoby .sub-menu-col:not(.sub-menu-col--widget) {
    flex: 0 0 14rem;
    max-width: 14rem;
  }

  /* Product – Komunikuj (col 1) */
  .header__ct .uk-dropdown .sub-menu-col:nth-child(1):not(.sub-menu-col--widget):not(.sub-menu-col--smaller) {
    padding: 1.5rem .5rem 1.5rem .5rem;
  }

  /* Product – Automatyzuj (col 2) */
  .header__ct .uk-dropdown .sub-menu-col:nth-child(2):not(.sub-menu-col--widget):not(.sub-menu-col--smaller) {
    padding: 1.5rem;
  }

  .header__ct .uk-dropdown .sub-menu-col:not(.sub-menu-col--widget) .nav__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .header__ct
    .uk-dropdown
    .sub-menu-col:not(.sub-menu-col--widget)
    .nav__item
    .nav__link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0;
    font-family: "Uni Neue", system-ui, -apple-system, BlinkMacSystemFont,
      "Segoe UI", sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1rem;
    color: #111111;
    text-decoration: none;
  }

  .header__ct
    .uk-dropdown
    .sub-menu-col:not(.sub-menu-col--widget)
    .nav__item
    .nav__link:hover {
    text-decoration: underline;
  }

  /* icon-wrapper must never shrink when link text is long */
  .header__ct .uk-dropdown .sub-menu-col ul .nav__link .icon-wrapper {
    flex-shrink: 0;
  }

  /* Resources "Explore more" – plain icon, no box background */
  .header__ct .uk-dropdown.sub-menu--resources .sub-menu-col:not(.sub-menu-col--widget) .nav__link .icon-wrapper,
  .header__ct .uk-dropdown.sub-menu--zasoby .sub-menu-col:not(.sub-menu-col--widget) .nav__link .icon-wrapper {
    background: transparent;
    border: none;
    border-radius: 0;
    width: 1.5rem;
    height: 1.5rem;
  }

  .header__ct .uk-dropdown.sub-menu--resources .sub-menu-col:not(.sub-menu-col--widget) .nav__link .icon-wrapper__img,
  .header__ct .uk-dropdown.sub-menu--zasoby .sub-menu-col:not(.sub-menu-col--widget) .nav__link .icon-wrapper__img {
    width: 1.5rem;
    height: 1.5rem;
  }

}

@media screen and (max-width: 959px) {
  body .header-nav {
    height: 100%;
    overflow: auto;
  }
}

/* Blog filters layout fixes */
.filters > label {
  display: inline-block;
}

.filters > label > span {
  display: block;
}

.filters [type="radio"]:checked + span,
.filters [type="radio"]:not(:checked) + span {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-left: 0.4rem !important;
  margin-bottom: 0.4rem !important;
}

/* Fix blog filters overlap: 70% + 40% = 110% */
@media (min-width: 960px) {
  .filters__wrapper {
    flex-wrap: wrap;
    gap: 1rem;
  }
  .filters__col {
    width: auto;
    flex: 1 1 0;
    min-width: 0;
  }
  .filters__col--search {
    width: auto;
    flex: 0 0 auto;
  }
}

.story__col.story__col--imageimg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.hero--pagekr {
  padding-top: 5rem;
}

.pagekr__content h2 {
  font-size: 1.75rem; /* 28px */
  font-weight: 600;
  color: #0f172a;
  margin-top: 2.5em;
  margin-bottom: 1em;
  line-height: 1.3;
  border-left: 0.25rem solid #00b2ff; /* 4px */
  padding-left: 0.75rem; /* 12px */
}

.pagekr__content h3 {
  font-size: 1.375rem; /* 22px */
  font-weight: 500;
  margin-top: 2em;
  margin-bottom: 0.75em;
  color: #0f172a;
}

.pagekr__content p {
  margin-bottom: 1.5em;
}

.pagekr__content ul,
.pagekr__content ol {
  margin-left: 1.5rem;
  margin-bottom: 1.5em;
}

.pagekr__content li {
  margin-bottom: 0.75em;
}

.pagekr__content strong {
  font-weight: 600;
  color: #1b1b1f;
}

.pagekr__content a {
  color: #0074cc;
  text-decoration: underline;
  transition: color 0.2s ease-in-out;
}

.pagekr__content a:hover {
  color: #005fa3;
  text-decoration: none;
}

.pagekr__content blockquote {
  border-left: 0.25rem solid #cbd5e1; /* 4px */
  padding-left: 1rem;
  color: #475569;
  margin: 1.5em 0;
  font-style: italic;
}

@media (min-width: 960px) {
  .page__content .team {
    justify-content: unset;
    gap: 0 1rem;
  }
}