.sa-wp-menu {margin:0 0 1rem;}
.sa-wp-menu .sa-wp-section {margin-bottom:.75rem;}
.sa-wp-menu .sa-wp-section>strong {display:block;margin-bottom:.25rem;}
.sa-wp-menu ul {list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem .75rem;}
.sa-wp-menu a {text-decoration:none;padding:.25rem .5rem;border:1px solid #ddd;border-radius:6px;display:inline-block;}
.sa-wp-persons {list-style:none;margin:.5rem 0 0;padding:0;}
.sa-wp-persons li {padding:.15rem 0;}

/* ==== Chips-navigering för gruppsidor ==== */
.sa-chips-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
}

.sa-chips-nav__chip {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-radius: 4px;
    padding: 0.5rem 1rem;
    text-decoration: none;
    transition: all 0.2s ease;
    display: inline-block;
}

.sa-chips-nav__chip:hover,
.sa-chips-nav__chip--active {
    background: var(--wp--preset--color--accent, #f5c400);
    border-color: var(--wp--preset--color--accent, #f5c400);
    color: var(--wp--preset--color--primary, #185442);
}

/* ==== Accordion (använder temafärger som default) ==== */
:root {
    /* Default färger som fallback */
    --sa-acc-bg:           var(--wp--preset--color--primary, #dc2626);
    --sa-acc-text:         var(--wp--preset--color--contrast, #ffffff);
    --sa-acc-border:       rgba(255, 255, 255, 0.2);
    --sa-acc-summary-bg:   var(--wp--preset--color--primary, #dc2626);
    --sa-acc-summary-open: var(--wp--preset--color--accent, #fbbf24);
    --sa-acc-panel-bg:     transparent;
    --sa-acc-link-bg:      transparent;
    --sa-acc-link-hover:   rgba(255, 255, 255, 0.1);
  }
  
  .sa-acc { 
    display: block; 
    background: transparent !important;
    border-radius: 12px;
    padding: 1rem;
    margin: 1rem 0;
    box-shadow: none;
  }
  
  .sa-acc__item { 
    background: var(--sa-acc-box-bg, rgba(255, 255, 255, 0.1));
    border: 1px solid var(--sa-acc-box-border, rgba(255, 255, 255, 0.2));
    border-radius: 8px;
    margin: 0.75rem 0;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  
  .sa-acc__summary {
    cursor: pointer;
    list-style: none;
    padding: 1rem 1.25rem;
    font-weight: 700;
    background: var(--sa-acc-box-bg, rgba(255, 255, 255, 0.1));
    color: var(--sa-acc-summary-text, var(--sa-acc-text, #ffffff));
    border-radius: 8px 8px 0 0;
    position: relative;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    margin: 0;
  }
  
  .sa-acc__summary::marker,
  .sa-acc__summary::-webkit-details-marker { 
    display: none; 
  }
  
  .sa-acc__summary::before {
    content: '▶';
    margin-right: 0.75rem;
    transition: transform 0.2s ease;
    font-weight: normal;
    font-size: 0.8em;
    display: inline-block;
  }
  
  .sa-acc__summary:focus { 
    outline: none;
    box-shadow: none;
  }
  
  .sa-acc__item[open] > .sa-acc__summary { 
    background: var(--sa-acc-open-bg, rgba(255, 255, 255, 0.15));
    color: var(--sa-acc-open-text, var(--sa-acc-summary-text, var(--sa-acc-text, #ffffff)));
    border: none;
    outline: none;
    border-radius: 8px 8px 0 0;
  }
  
  .sa-acc__item[open] > .sa-acc__summary::before {
    transform: rotate(90deg);
  }
  
  .sa-acc__panel { 
    padding: 0.5rem 0;
    background: var(--sa-acc-box-bg, rgba(255, 255, 255, 0.05));
    margin-top: 0;
    border-radius: 0 0 8px 8px;
  }
  
  .sa-acc__list { 
    list-style: none; 
    margin: 0; 
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  
  .sa-acc__link a {
    display: block;
    text-decoration: none;
    padding: 0.75rem 1.25rem;
    background: transparent;
    color: var(--sa-acc-text, #ffffff);
    transition: background 0.2s ease;
    font-weight: 500;
    border: none;
  }
  
  .sa-acc__link a:hover {
    background: var(--sa-acc-link-hover, rgba(255, 255, 255, 0.1));
  }
  
  .sa-acc__people { 
    margin-top: 1rem; 
    padding: 0 1.25rem 1rem;
  }
  
  .sa-acc__people h3 { 
    margin: 0.5rem 0;
    color: var(--sa-acc-text);
    font-size: 1.1em;
  }
  
  /* Bef. persons-list */
  .sa-wp-persons { list-style:none; margin:.5rem 0 0; padding:0; }
  .sa-wp-persons li { padding:.15rem 0; }

  /* Ta bort skugga från WordPress-temat */
  .entry-content-wrap {
    box-shadow: none !important;
  }

  /* Tvinga transparent bakgrund på Group-block som wrapper runt SportAdmin Groups block */
  .wp-block-group:has(.sa-acc),
  .wp-block-group:has([class*="sportadmin-groups"]),
  .wp-block-group[class*="training-groups"],
  .wp-block-group[class*="Training Groups"] {
    background: transparent !important;
    background-color: transparent !important;
  }
  
  /* Fallback för äldre browsers som inte stödjer :has() */
  .wp-block-group .sa-acc {
    background: transparent !important;
  }
  
  /* Tvinga transparent bakgrund på alla Group-blocks som innehåller accordion */
  .wp-block-group .sa-acc,
  .wp-block-group[style*="background"] .sa-acc {
    background: transparent !important;
  }