/*
Theme Name: VSR
Theme URI: 
Author: GI
Author URI: 
Description: VSR Schoonmaak
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 8.2
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vsr
Tags: 
*/

.wp-block-template-part:has(.is-position-sticky) {
  position: sticky;
  top: var(--wp-admin--admin-bar--height, 0px);
  z-index: 900;
}

.header-navigation-wrapper::before {
  content: '';
  height: 100%;
  width: 50px;
  background-color: #fefefe;
  transform: skewX(-18deg);
  position: absolute;
  left: -16px;
  top: 0;
  z-index: 10;
}

.wp-block-navigation__submenu-container li {
  background-color: color-mix(
    var(--wp--preset--color--custom-secondary),
    #ffffff 10%
  ) !important;
}

@media (max-width: 1200px) {
  .wp-block-site-logo,
  .wp-block-site-logo + figure {
    max-width: 110px;
  }

  .header-navigation-wrapper {
    --wp--preset--spacing--60: 1.5rem;
  }
}

/*
 * Content grids!
 */

.content-grid-sidebar {
  @media (max-width: 919px) {
    grid-template-columns: 1fr;

    & > * {
      grid-column: 1 / -1 !important;
    }
  }

  @media (max-width: 1199px) {
    & > .wp-block-spacer {
      display: none;
    }
  }
}

/*
 * Navigation breakpoint aanpassen
 */
body .wp-block-navigation__responsive-container-open:not(.always-shown) {
  display: block !important;
}
body
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
    .is-menu-open
  ) {
  display: none !important;
}

@media (min-width: 1200px) {
  body .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none !important;
  }
  body
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
      .is-menu-open
    ) {
    display: block !important;
  }
}

.tile-grid li {
  display: flex;
}

.flex {
  display: flex;
}

.flex-1 {
  flex: 1;
}

.mt-auto {
  margin-block-start: auto !important;
}

.text-shadow {
  text-shadow: var(--wp--preset--shadow--text-shadow);
}

.wp-block-list.is-style-checkmarks {
  & li {
    list-style: none;
    padding-left: 1.25em;
    line-height: 1.625em;
    position: relative;

    &::before {
      content: '\2713';
      color: #16b396;
      font-size: 1.125rem;
      position: absolute;
      top: 0;
      left: 0;
    }
  }
}

.archief-terug-link {
  display: none !important;
}
.is-archive-mode {
  & .archief-link {
    display: none;
  }
  & .archief-terug-link {
    display: block !important;
  }
}

.crp_related_block.crp-text-only {
  & h2 {
    color: var(--wp--preset--color--custom-primary);
    margin-block-end: 0;
    font-size: 1.4rem;
  }
  & ul {
    list-style: none;
    padding-inline-start: 0;
    margin-block-start: 0;

    font-size: 1.15rem;
    font-weight: 600;

    & li {
      margin-block: 0.5rem;
      padding-block: 0.5rem;
      border-block-end: 1px solid var(--wp--preset--color--custom-text);

      & a {
        text-decoration: none;
      }
    }
  }
}