/*
Theme Name: StatumTheme
Description: Statum Skateboardsin itsenäinen, lohkoeditorilla muokattava teema.
Version: 0.1.8
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: statumtheme
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:focus-visible { outline: 3px solid var(--wp--preset--color--accent); outline-offset: 3px; }
.wp-site-blocks { min-height: 100vh; display: flex; flex-direction: column; }
.wp-site-blocks > main { margin-block-start: 0; }
.wp-site-blocks > footer { margin-top: auto; }
main { overflow-wrap: anywhere; }
main h1 { text-wrap: balance; }
.statum-header { border-bottom: 1px solid #e8e8e8; }
.statum-header .custom-logo-link img { width: auto; max-height: 68px; }
.statum-header .wp-block-social-links { gap: .25rem; }
.statum-header .wp-block-social-link a {
  display: inline-grid;
  place-items: center;
  min-inline-size: 36px;
  min-block-size: 44px;
}
.statum-header .wp-block-navigation-item__content {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  text-decoration-line: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 2px;
  text-underline-offset: .35em;
  transition: color .15s ease, text-decoration-color .15s ease;
}
.statum-header .wp-block-navigation-item__content:hover,
.statum-header .wp-block-navigation-item__content:focus-visible,
.statum-header .wp-block-navigation-item__content[aria-current="page"] {
  color: var(--wp--preset--color--accent);
  text-decoration-color: currentColor;
}
.statum-header .wp-block-navigation__responsive-container-open,
.statum-header .wp-block-navigation__responsive-container-close { min-width: 44px; min-height: 44px; }
.statum-header .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) {
  --navigation-layout-justification-setting: flex-start;
  padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
  overscroll-behavior: contain;
}
.statum-header .is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-close {
  position: sticky;
  inset-block-start: max(.5rem, env(safe-area-inset-top));
  display: grid;
  place-items: center;
  margin-inline-start: auto;
  background: var(--wp--preset--color--paper);
}
.statum-header .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content {
  padding-block-start: .75rem;
  gap: .25rem;
  align-items: stretch;
}
.statum-header .is-menu-open:not(.disable-default-overlay) :is(.wp-block-navigation__container, .wp-block-navigation-item) {
  align-items: stretch;
  min-inline-size: 0;
}
.statum-header .is-menu-open:not(.disable-default-overlay) .wp-block-navigation-item__content {
  max-inline-size: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
}
.statum-header .wp-block-navigation__responsive-container-open:hover,
.statum-header .wp-block-navigation__responsive-container-close:hover { color: var(--wp--preset--color--accent); }
.statum-header .wp-block-social-link a:hover,
.statum-header .wp-block-social-link a:focus-visible,
.statum-footer a:hover,
.statum-content a:not(.wp-block-button__link):hover { color: var(--wp--preset--color--accent); }
.statum-title-band + .statum-content { margin-block-start: 0; }
.statum-content a:not(.wp-block-button__link) { text-decoration: underline; text-underline-offset: .15em; }
.statum-content img { max-width: 100%; height: auto; }
.statum-content .wp-caption { max-inline-size: 100%; }
.statum-content .alignleft { float: left; margin: 0 1.5rem 1rem 0; }
.statum-content .alignright { float: right; margin: 0 0 1rem 1.5rem; }
.statum-content::after { content: ''; display: block; clear: both; }
.statum-footer { border-top: 1px solid #e8e8e8; }
.statum-listing .wp-block-post + .wp-block-post {
  border-top: 1px solid #e8e8e8;
  padding-block-start: var(--wp--style--block-gap, 1.5rem);
}
.statum-listing .wp-block-post-title a,
.statum-related-posts a { text-decoration: underline; text-decoration-thickness: .06em; text-underline-offset: .15em; }
.statum-listing .wp-block-post-title a:hover,
.statum-related-posts a:hover { color: var(--wp--preset--color--accent); }
.statum-related-posts { border-top: 1px solid #e8e8e8; padding-block-start: 1.5rem; }
.statum-related-posts .wp-block-post-date { margin-block-start: .5rem; }
.statum-listing .wp-block-query-pagination {
  border-top: 1px solid #e8e8e8;
  padding-block-start: 1rem;
  gap: .25rem .75rem;
}
.statum-listing .wp-block-query-pagination-numbers {
  display: flex;
  flex-wrap: wrap;
  gap: .25rem;
}
.statum-listing .wp-block-query-pagination a,
.statum-listing .wp-block-query-pagination .page-numbers {
  display: inline-grid;
  place-items: center;
  min-inline-size: 44px;
  min-block-size: 44px;
}
.statum-listing .wp-block-query-pagination .current {
  background: var(--wp--preset--color--quiet);
  font-weight: 700;
}
.statum-listing .wp-block-query-pagination a:hover { color: var(--wp--preset--color--accent); }
.wp-block-search .wp-block-search__input { min-width: 0; }
.wp-block-search .wp-block-search__button {
  background: var(--wp--preset--color--ink);
  color: var(--wp--preset--color--paper);
  min-height: 44px;
}
.wp-block-search .wp-block-search__button:hover { background: var(--wp--preset--color--accent); }
.wp-block-jetpack-slideshow_pagination button.swiper-pagination-bullet {
  position: relative; box-sizing: border-box; width: 44px !important; height: 44px !important;
  min-width: 44px; min-height: 44px; padding: 0; margin: 0 !important; border: 0; background: transparent !important; opacity: 1;
}
.wp-block-jetpack-slideshow_pagination button.swiper-pagination-bullet::before {
  content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px;
  border-radius: 50%; background: #767676; transform: translate(-50%, -50%);
}
.wp-block-jetpack-slideshow_pagination button.swiper-pagination-bullet-active::before { background: #282828; }
@media (prefers-reduced-motion: reduce) {
  .statum-header .wp-block-navigation-item__content { transition: none; }
}
@media (min-width: 601px) and (max-width: 900px) {
  .statum-header > .alignwide {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .75rem;
  }
  .statum-header .wp-block-navigation__container {
    flex-wrap: wrap;
    gap: 0 .75rem;
  }
}
@media (max-width: 600px) {
  .statum-content .alignleft, .statum-content .alignright { float: none; display: block; margin: 1rem auto; }
  .statum-header .custom-logo-link img { max-height: 54px; }
  .statum-header > .alignwide { gap: .75rem; }
  .statum-content .wp-block-group.is-nowrap { flex-wrap: wrap !important; }
  .statum-content .wp-block-group.is-nowrap > .wp-block-image { flex: 1 1 29%; min-width: 0; text-align: center; }
  .statum-content .wp-block-group.is-nowrap > .wp-block-image img { width: auto !important; height: auto !important; max-height: 260px; object-fit: contain; }
}