/*-------------------------------
Accordion General Styling
--------------------------------*/

/* Vanilla Accordion (details/summary) */
.cc-accordion .cc-acc-item {
  border-bottom: 1px solid var(--cc-global-schrift-dunkel);;
  padding: .25rem .5rem;
}

@media (min-width: 768px) {
  .cc-accordion .cc-acc-item{
    padding: .25rem 0;
  }
}

.cc-accordion .cc-acc-item:first-child {
  border-top: 1px solid var(--cc-global-schrift-dunkel);
}

/* Summary Layout */
.cc-accordion .cc-acc-summary {
  cursor: pointer;
  list-style: none;
  padding: 0 0;
  display: flex; 
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  user-select: none;
}
.cc-accordion .cc-acc-summary h3 {
  margin: var(--cc-space-3) 0;
}
.cc-accordion .cc-acc-summary::-webkit-details-marker { 
  display: none; 
}

/* Chevron Icon */
.cc-accordion .cc-acc-icon {
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  transition: transform .2s ease;
  opacity: .8;
}
.cc-accordion .cc-acc-item[open] .cc-acc-icon {
  transform: rotate(180deg); /* Down -> Up */
}

/* Motion-Preference respektieren */
@media (prefers-reduced-motion: reduce) {
  .cc-accordion .cc-acc-icon { 
    transition: none; 
  }
}

/* Optional: Hover/Focus Feedback */
.cc-accordion .cc-acc-summary:focus,
.cc-accordion .cc-acc-summary:hover {
  outline: none;
  color: var(--cc-global-schrift-dunkel);
}
.cc-accordion .cc-acc-item[open] .cc-acc-summary { 
  color: var(--cc-global-schrift-dunkel);
} 
.cc-accordion .cc-acc-content {
  padding: 1rem 0 1rem 0;
}

/* -------------------------------
 Inhaltsblöcke (Titel + Text) 
---------------------------------- */
.cc-accordion .cc-block { 

}
.cc-accordion .cc-block-title {

}
.cc-accordion .cc-block-body { 
  margin: 0; 
  margin-bottom: var(--cc-space-8);
}
.cc-accordion .cc-block-media {
  margin-bottom: var(--cc-space-6);
}
/* -------------------------------
Definition List (Preistransparenz) 
---------------------------------*/
.cc-accordion .cc-def-list { 
  max-width: 600px;
}
.cc-accordion .cc-def-row {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: .5rem;
}
.cc-accordion .cc-def-row:last-child {
  border-top: 1px solid var(--cc-global-schrift-dunkel);
  font-weight: 500;
}
.cc-accordion .cc-def-term { 
  font-weight:400;
  border-right: 1px solid var(--cc-global-schrift-dunkel);
  padding: var(--cc-space-2) 0;
}
.cc-accordion .cc-def-desc { 
  font-weight:400;
  padding: var(--cc-space-2) 0;
}
.cc-accordion .cc-def-row:last-child .cc-def-term,
.cc-accordion .cc-def-row:last-child .cc-def-desc {
  font-weight: 500;
}
.cc-accordion .cc-def-desc { 
  text-align: right;
  margin: 0; 
}
.cc-accordion .cc-def-desc .woocommerce-Price-currencySymbol { 
  font-size: var(--cc-font-size-sm);
}

/*-------------------------------------
Rezensionen - Temporäres Minimal-Design
---------------------------------------*/