/* Accordion */

.lvd-cm-accordion         {position: relative;}

.lvd-accordion-list                                         {display: flex; flex-direction: column; gap: 16px;}
.lvd-accordion-item                                         {position: relative; border-radius: var(--lvd-rounded); padding:16px; background: transparent; transition: background-color 0.3s ease, box-shadow 0.3s ease; overflow: hidden;}

.lvd-cm-accordion .lvd-title                                {margin-bottom:0;}
.lvd-accordion-header                                       {margin: 0; padding: 0;} 
.lvd-accordion-trigger                                      {width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 16px 24px; background: none; border: none; cursor: pointer; text-align: left; color: inherit; font-weight: 700; font-family: inherit; font-size: inherit;}
.lvd-reset-heading                                          {margin: 0; padding: 0; font-size: inherit; font-weight: inherit; line-height: 1.4; color: inherit;}

/* --- Icon (SVG Mask) --- */
.lvd-accordion-icon                                         {display: block; width: 16px; height: 16px; min-width: 16px; margin-left: 16px; background-color: currentColor; -webkit-mask-image: url('../assets/svg/bs-icons/chevron-down.svg'); mask-image: url('../assets/svg/bs-icons/chevron-down.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);}

/* Plus Icon Style */
.lvd-cm-accordion.lvd-icon-plus .lvd-accordion-icon         {width: 20px; height: 20px; -webkit-mask-image: url('../assets/svg/bs-icons/plus-lg.svg'); mask-image: url('../assets/svg/bs-icons/plus-lg.svg');}

/* --- Content Animation (Grid Trick) --- */
.lvd-accordion-content-wrapper                              {display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.5s cubic-bezier(0.25, 1, 0.5, 1);}
.lvd-accordion-content                                      {overflow: hidden; padding: 0; opacity: 0; transform: translateY(-10px); transition: opacity 0.4s ease, transform 0.4s ease;}
.lvd-accordion-content > *:first-child                      {margin-top: 0;}
.lvd-accordion-content > *:last-child                       {margin-bottom: 0;}

/* --- Active state --- */
.lvd-accordion-item.active .lvd-accordion-content-wrapper   {grid-template-rows: 1fr;}
.lvd-accordion-item.active .lvd-accordion-content           {padding-top:16px; padding-bottom: 16px; opacity: 1; transform: translateY(0);}
.lvd-accordion-item.active .lvd-accordion-icon              {transform: rotate(180deg);}
.lvd-cm-accordion.lvd-icon-plus .lvd-accordion-item.active .lvd-accordion-icon {transform: rotate(45deg);}

/* Surface Transparent - Transparent cards */
.lvd-cm-accordion.lvd-surface-style-transparent-no-cards .lvd-card       {padding:0; border-radius:0;}


/* --- Bm --- */
@media (min-width:1px) and (max-width:767px) {
.lvd-cm-accordion                                       {padding-left: 16px; padding-right: 16px;}
.lvd-accordion-trigger                                  {padding: 0;}
.lvd-accordion-item.active .lvd-accordion-content       {padding-bottom: 16px;}
}

/* --- Bt --- */
@media (min-width:768px) and (max-width:1024px) {
.lvd-cm-accordion                                       {padding-left: 24px; padding-right: 24px;}
}

/* --- Full HD --- */
@media (min-width:1025px) and (max-width:1344px)
{
.lvd-cm-accordion                                       {padding-left: 24px; padding-right: 24px;}
}