/**
 * Plasticvrij – accordion overrides
 * Resets the dark-skin hardcoded colours so the accordion inherits the
 * active theme's fonts and colours, and adds the mobile collapsible toggle.
 */

/* ---- CSS custom properties ---- */
:root {
  --wpb-wmca-color-text:   #1a1a1a;
  --wpb-wmca-color-active: #1a1a1a;
  --wpb-wmca-color-border: #e5e5e5;
  --wpb-wmca-color-bg:     transparent;
  --wpb-wmca-color-bg-sub: transparent;
}

/* ---- reset dark-skin hardcoded backgrounds & colours ---- */
.wpb_wmca_accordion_wrapper_theme_dark > ul > li > a,
.wpb_wmca_accordion_wrapper_theme_dark > ul > li > a:hover,
.wpb_wmca_accordion_wrapper_theme_dark > ul > li.wpb-wmca-focus > a,
.wpb_wmca_accordion_wrapper_theme_dark > ul > li.current_page_ancestor > a,
.wpb_wmca_accordion_wrapper_theme_dark > ul > li.current_page_parent > a,
.wpb_wmca_accordion_wrapper_theme_dark > ul > li.current_page_item > a,
.wpb_wmca_accordion_wrapper_theme_dark > ul > li.current-menu-parent > a,
.wpb_wmca_accordion_wrapper_theme_dark > ul > li.current-menu-ancestor > a,
.wpb_wmca_accordion_wrapper_theme_dark > ul > li.current-menu-item > a,
.wpb_wmca_accordion_wrapper_theme_dark > ul > li.current-cat > a,
.wpb_wmca_accordion_wrapper_theme_dark > ul > li.wpb-wmca-current-cat-parent > a,
.wpb_wmca_accordion_wrapper_theme_dark > ul > li.wpb-submenu-indicator-minus > a {
  background: var(--wpb-wmca-color-bg) !important;
  color: var(--wpb-wmca-color-text) !important;
}

.wpb_wmca_accordion_wrapper_theme_dark > ul ul,
.wpb_wmca_accordion_wrapper_theme_dark > ul > li li a {
  background: var(--wpb-wmca-color-bg-sub) !important;
  color: var(--wpb-wmca-color-text) !important;
}

/* ---- font: inherit from theme ---- */
.wpb_category_n_menu_accordion,
.wpb_category_n_menu_accordion li a {
  font-family: inherit !important;
  font-size:   inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

/* ---- sub-menu indicator: CSS chevron instead of "+" ---- */
/* Cancel the plugin's span rotation (designed for + → ×) */
.wpb_category_n_menu_accordion li.wpb-submenu-indicator-minus > a > span.wpb-submenu-indicator {
  transform: none !important;
}
/* Hide the "+" character */
.wpb_category_n_menu_accordion ul li > a > span.wpb-submenu-indicator {
  font-size: 0 !important;
}
/* Draw a small chevron using border */
.wpb_category_n_menu_accordion ul li > a > span.wpb-submenu-indicator::after {
  content: '';
  display: block;
  width:  7px;
  height: 7px;
  border-right:  1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(-45deg); /* points right → (collapsed) */
  transition: transform 0.3s ease;
}
.wpb_category_n_menu_accordion li.wpb-submenu-indicator-minus > a > span.wpb-submenu-indicator::after {
  transform: rotate(45deg); /* points down ↓ (expanded) */
}

/* ---- dividers ---- */
.wpb_wmca_accordion_wrapper_theme_dark > ul > li:not(:last-child) > a {
  border-bottom: 1px solid var(--wpb-wmca-color-border) !important;
}

/* ---- active / hover state: bold only, no colour change ---- */
.wpb_category_n_menu_accordion li.current-cat > a,
.wpb_category_n_menu_accordion li.wpb-wmca-current-cat-parent > a {
  color:       var(--wpb-wmca-color-active) !important;
  font-weight: 700 !important;
}

.wpb_category_n_menu_accordion li a:hover {
  color:       var(--wpb-wmca-color-active) !important;
  font-weight: 600 !important;
}

/* ---- remove the coloured left border on subcategory items ---- */
.wpb_category_n_menu_accordion ul > li li > a,
.wpb_wmca_accordion_wrapper_theme_dark ul > li li > a,
.wpb_wmca_accordion_wrapper_theme_transparent ul > li li > a {
  border-left:  none !important;
  border-color: transparent !important;
}

/* ---- remove active background highlight on parent items ---- */
.wpb_wmca_accordion_wrapper_theme_transparent > ul > li.current-cat > a,
.wpb_wmca_accordion_wrapper_theme_transparent > ul > li.wpb-wmca-current-cat-parent > a,
.wpb_wmca_accordion_wrapper_theme_transparent > ul > li.wpb-submenu-indicator-minus > a,
.wpb_wmca_accordion_wrapper_theme_transparent ul li a:hover {
  background-color: transparent !important;
}

/* ---- "Alle producten" link ---- */
.wpb-wmca-alle-producten {
  display:         block;
  font-family:     inherit;
  font-size:       inherit;
  font-weight:     inherit;
  color:           var(--wpb-wmca-color-text) !important;
  text-decoration: none !important;
  padding:         14px 22px;
  border-bottom:   1px solid var(--wpb-wmca-color-border);
  transition:      color .2s linear;
}

.wpb-wmca-alle-producten:hover,
.wpb-wmca-alle-producten.wpb-wmca-alle-active {
  color: var(--wpb-wmca-color-active) !important;
}

/* ---- Mobile collapsible toggle ---- */
.wpb-wmca-mobile-toggle {
  display: none;
}

@media (max-width: 768px) {
  .wpb-wmca-mobile-toggle {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    padding:         12px 16px;
    cursor:          pointer;
    border-bottom:   1px solid var(--wpb-wmca-color-border, #e5e5e5);
    font-weight:     600;
    user-select:     none;
    -webkit-user-select: none;
  }

  .wpb-wmca-mobile-arrow {
    display:    inline-block;
    font-style: normal;
    font-size:  11px;
    transition: transform 0.3s ease;
  }

  .wpb-wmca-mobile-toggle.wpb-wmca-open .wpb-wmca-mobile-arrow {
    transform: rotate(180deg);
  }

  .wpb-wmca-mobile-content {
    display: none;
  }

  .wpb-wmca-mobile-content.wpb-wmca-open {
    display: block;
  }
}