/**
    Accordion & Toggle Transition
*/

.wdt-accordion-toggle-holder,
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder,
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon {
    -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); }

/**
    Accordion & Toggle Common
*/

.wdt-accordion-toggle-holder { overflow: hidden; width: 100%; margin: 0 auto; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder,
.wdt-accordion-toggle-holder .wdt-accordion-toggle-description { background-image: none; border-radius: 0px; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-wrapper:not(:last-child) { margin-bottom: 20px; }
.wdt-accordion-toggle-holder .wdt-accordion-toggle-wrapper { display: flex; flex-wrap: wrap; width: 100%; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder { font-size: 1.2rem; line-height: normal; position: relative; 
    display: flex; align-items: center; width: 100%; margin: 0 auto; padding: 14px 28px; cursor: pointer; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-title { font-family: var(--wdtFontTypo_Alt); flex-grow: 1; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-title div[class*='-title-prefix'] { 
    line-height: 1; position: relative; margin: 0 10px 0 0; padding: 0 5px 0 0; display: inline-block; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-title div[class*='-title-prefix']:not(.icon):before {
    position: absolute; right: 0; bottom: 2px; width: 3px; height: 3px; content: ''; background: currentColor; }

.wdt-accordion-toggle-holder[class*='-expand-collapse-position-start'] .wdt-accordion-toggle-title-holder { 
    flex-direction: row-reverse; justify-content: start; }
.wdt-accordion-toggle-holder[class*='-expand-collapse-position-start'] .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon { 
    margin: 0 20px 0 0; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-description { padding: 14px 28px; font-size: var(--wdtFontSize_Base); 
    width: 100%; font-family: var(--wdtFontTypo_Base); background: transparent; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon { position: relative; 
    display: flex; flex-shrink: 0; width: 1em; height: 1em; margin-left: 10px; font-size: var(--wdtFontSize_Base); }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon > div { position: absolute; 
    top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: flex-end; margin: auto; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder.ui-state-active .wdt-accordion-toggle-icon [class*='-toggle-icon-expand'] { opacity: 0; }
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon [class*='-toggle-icon-expand'] { opacity: 1; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder.ui-state-active .wdt-accordion-toggle-icon [class*='-toggle-icon-collapse'] { opacity: 1; }
.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon [class*='-toggle-icon-collapse'] { opacity: 0; }


/** 
    Template Classic 
*/

.wdt-template-classic .wdt-accordion-toggle-wrapper { background-color: var(--wdtTertiaryColor); border-radius: 10px; overflow: hidden; }

.wdt-template-classic .wdt-accordion-toggle-title-holder { border: none; background-color: transparent; color: var(--wdtHeadAltColor); }
.wdt-template-classic .wdt-accordion-toggle-description { border: none; padding-top: 0px; }


/* ---**-- Template Bordered --**--- */

.wdt-template-bordered .wdt-accordion-toggle-wrapper { margin-bottom: 0; -webkit-border-radius: var(--wdtRadius_2X); border-radius: var(--wdtRadius_2X) }
.wdt-template-bordered.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder { padding: 18px clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem); }

/* Title */
.wdt-template-bordered .wdt-accordion-toggle-wrapper .wdt-accordion-toggle-title-holder {
    border: 1px solid var(--wdtBorderColor); -webkit-border-radius: var(--wdtRadius_2X); border-radius: var(--wdtRadius_2X); 
    background-color: transparent; color: var(--wdtSecondaryColor); font-size: clamp(1.25rem, 1.175rem + 0.375vw, 1.625rem); /* Min-20 & Max-26 */ }

/* Title - Active */
.wdt-template-bordered.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder.ui-state-active,
.wdt-template-bordered.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder.ui-state-hover { background-color: var(--wdtSecondaryColor); border-color: transparent; }
/* .wdt-template-bordered.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder.ui-state-active { margin-bottom: -10px; } */

/* Description */
.wdt-template-bordered .wdt-accordion-toggle-description { padding: 20px clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem) 30px; padding-right: 10%; }
.wdt-template-bordered .wdt-accordion-toggle-description > p { margin-bottom: 0; }
.wdt-template-bordered.wdt-accordion-toggle-holder .wdt-accordion-toggle-wrapper:has(.wdt-accordion-toggle-description.ui-accordion-content-active) { background-color: var(--wdtTertiaryColor); }

.wdt-template-bordered .wdt-accordion-toggle-wrapper:last-child .wdt-accordion-toggle-description { border-top: 0; }
.wdt-template-bordered .wdt-accordion-toggle-wrapper:not(:last-child) .wdt-accordion-toggle-description { border-bottom: 0; }

.wdt-template-bordered .wdt-accordion-toggle-title-holder,
.wdt-template-bordered .wdt-accordion-toggle-title-holder.ui-state-hover,
.wdt-template-bordered .wdt-accordion-toggle-title-holder.ui-state-active { background-color: var(--wdtSecondaryColor); }

.wdt-template-bordered .wdt-accordion-toggle-title-holder.ui-state-hover,
.wdt-template-bordered .wdt-accordion-toggle-title-holder.ui-state-active { color: var(--wdtPrimaryColor); }