/*
Theme Name: CustomTheme
Theme URI: 
Author: 
Author URI: 
Description: test theme
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: test
Tags: 
*/


/* Begræns tema-knappers bredde og start fra venstre */
.materialer-filters .tema-filter-buttons {
    max-width: 1100px;
    margin-left: 0 !important;
    margin-right: auto;
    justify-content: flex-start;
}
.materialer-filters .type-filter-buttons {
    margin-left: 0 !important;
    justify-content: flex-start;
}

.materialer-filters .type-filter-buttons {
    display: inline-flex !important;
    flex-wrap: wrap;
    gap: 8px !important;
    vertical-align: middle;
}

/* === NAU: Materialer & guides filter-knapper (tema + type) === */
.materialer-filters .filter-label {
    font-size: 14px;
    margin-bottom: 8px;
    margin-top: 0;
}
.materialer-filters .tema-filter-buttons,
.materialer-filters .type-filter-buttons {
    gap: 8px !important;
    margin-
    margin-bottom: 24px;
    justify-content: flex-start;
    margin-left: 0 !important;
}
.materialer-filters .tema-filter-buttons {
    max-width: 1100px;
}
.materialer-filters .tema-filter-button .wp-block-button__link,
.materialer-filters .type-filter-button .wp-block-button__link {
    border-radius: 0 !important;
    padding: 10px 22px !important;
    font-size: 15px !important;
    background-color: var(--wp--preset--color--text-primary) !important;
    color: var(--wp--preset--color--text-inverted) !important;
    transition: background-color 0.2s;
}
.materialer-filters .tema-filter-button .wp-block-button__link:hover,
.materialer-filters .type-filter-button .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--primary-e-5006-d) !important;
}
.materialer-filters .tema-filter-button.is-active .wp-block-button__link,
.materialer-filters .type-filter-button.is-active .wp-block-button__link {
    background-color: var(--wp--preset--color--primary-e-5006-d) !important;
}


/* === Faktaboks farve-varianter === */
.colored-container--pink {
    background-color: var(--wp--preset--color--primary-e-5006-d) !important;
}
.colored-container--gul {
    background-color: var(--wp--preset--color--primary-f-9-c-246) !important;
}
.colored-container--gul h5,
.colored-container--gul ul,
.colored-container--gul ul li,
.colored-container--gul p {
    color: var(--wp--preset--color--text-primary) !important;
}
.colored-container--mint {
    background-color: var(--wp--preset--color--secondary-60-ded-b-new) !important;
}
.colored-container--mint h5,
.colored-container--mint ul,
.colored-container--mint ul li,
.colored-container--mint p {
    color: var(--wp--preset--color--text-primary) !important;
}
.colored-container--lys-lilla {
    background-color: var(--wp--preset--color--original-to-dark-dacfe-5) !important;
}
.colored-container--lys-lilla h5,
.colored-container--lys-lilla ul,
.colored-container--lys-lilla ul li,
.colored-container--lys-lilla p {
    color: var(--wp--preset--color--text-primary) !important;
}

/* === Accordion farve-varianter === */
.accordions-container--lilla {
    background-color: var(--wp--preset--color--secondary-40174-e) !important;
}
.accordions-container--gul {
    background-color: var(--wp--preset--color--primary-f-9-c-246) !important;
}
.accordions-container--gul .accordions-list,
.accordions-container--gul .accordions-list .wp-block-list li,
.accordions-container--gul .accordions-list .wp-block-list li::marker,
.accordions-container--gul details summary {
    color: var(--wp--preset--color--text-primary) !important;
}
.accordions-container--mint {
    background-color: var(--wp--preset--color--secondary-60-ded-b-new) !important;
}
.accordions-container--mint .accordions-list,
.accordions-container--mint .accordions-list .wp-block-list li,
.accordions-container--mint .accordions-list .wp-block-list li::marker,
.accordions-container--mint details summary {
    color: var(--wp--preset--color--text-primary) !important;
}
.accordions-container--lys-lilla {
    background-color: var(--wp--preset--color--original-to-dark-dacfe-5) !important;
}
.accordions-container--lys-lilla .accordions-list,
.accordions-container--lys-lilla .accordions-list .wp-block-list li,
.accordions-container--lys-lilla .accordions-list .wp-block-list li::marker,
.accordions-container--lys-lilla details summary {
    color: var(--wp--preset--color--text-primary) !important;
}

/* NAU: filter/tema-knapper fix (spacing + aktiv state + skjul filtered posts) */
.materialer-filters .tema-filter-buttons,
.materialer-filters .type-filter-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px !important;
  margin-bottom: 20px;
}
.materialer-filters .filter-label {
  font-size: 14px;
  margin: 20px 0 10px 0;
}
.materialer-filters .tema-filter-button.is-active .wp-block-button__link,
.materialer-filters .type-filter-button.is-active .wp-block-button__link {
  background-color: var(--wp--preset--color--primary-e-5006-d) !important;
  color: #fff !important;
}
.wp-block-post-template > li.wp-block-post.is-filtered-out {
  display: none !important;
}

/* NAU: fjern staircase offset på 2. post så alle grid-items flugter fra top */
.wp-block-post-template > li.wp-block-post:nth-child(2) {
  margin-
}
.wp-block-post-template > li.wp-block-post {
  margin-
}

/* NAU: hard-override staircase på alle grid-posts (høj specificity) */
body .wp-block-post-template > li.wp-block-post,
body .wp-block-post-template > li.wp-block-post:nth-child(2),
body .wp-block-post-template > li.wp-block-post:nth-child(n) {
  margin-
  
}

/* NAU: menu-layout med 2 kolonner + TEMA-overskrift + Materialer & guides nederst */
.header-menu-groups .wp-block-navigation__container.header-navigation {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(240px, 1fr)) !important;
  column-gap: 80px;
  row-gap: 12px;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  padding-top: 90px;
}
.header-menu-groups .wp-block-navigation__container.header-navigation::before {
  content: "TEMA";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: left;
  font-family: var(--wp--preset--font-family--roboto-mono), monospace;
  font-size: 22px;
  letter-spacing: 6px;
  color: #fff;
  font-weight: 600;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255,255,255,0.15);
}
.header-menu-groups .wp-block-navigation__container.header-navigation > li {
  text-align: left;
  justify-content: flex-start;
}
.header-menu-groups .wp-block-navigation__container.header-navigation > li a {
  text-align: left !important;
  justify-content: flex-start !important;
}
.header-menu-groups .wp-block-navigation__container.header-navigation > li.nau-nav-materialer {
  grid-column: 1 / -1;
  border-top: 1px solid rgba(255,255,255,0.15);
  padding-top: 20px;
  margin-top: 16px;
  text-align: center;
}
.header-menu-groups .wp-block-navigation__container.header-navigation > li.nau-nav-materialer a {
  text-align: center !important;
  justify-content: center !important;
  font-weight: 700;
}

/* NAU: responsive menu - 1 kolonne på mobil/tablet */
@media (max-width: 900px) {
  .header-menu-groups .wp-block-navigation__container.header-navigation {
    grid-template-columns: 1fr !important;
    max-width: 500px;
    row-gap: 14px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .header-menu-groups .wp-block-navigation__container.header-navigation::before {
    font-size: 18px !important;
    letter-spacing: 5px !important;
  }
}