/**
    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:not(.wdt-template-bordered) .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: flex-start; width: 100%; margin: 0 auto; z-index: 1;
    padding: 18px clamp(1.25rem, 1.0838rem + 0.5552vw, 1.75rem);/*28-20*/ cursor: pointer; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-title { 
    display: flex; font-family: var(--wdt-elementor-typo-primary-font-family); flex-grow: 1; overflow-wrap: break-word; word-break: break-word; align-items: flex-end; margin: 0; }

.wdt-accordion-toggle-title-holder .wdt-accordion-toggle-title .wdt-accordion-toggle-title-prefix { 
    line-height: normal; position: relative; margin: 0 10px 0 0; display: inline-block; }

.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: 1rem; width: 100%; font-family: var(--wdt-elementor-typo-text-font-family); 
    background: transparent; z-index: 1; }

.wdt-accordion-toggle-holder .wdt-accordion-toggle-description p {margin: 0;}

.wdt-accordion-toggle-holder  .wdt-accordion-toggle-icon { 
    position: relative; display: flex; flex-shrink: 0; width: 1em; height: 1em; margin-left: 10px; }

.wdt-accordion-toggle-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-title-holder.ui-state-active .wdt-accordion-toggle-icon [class*='-toggle-icon-expand'] { opacity: 0; }
.wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon [class*='-toggle-icon-expand'] { opacity: 1; }

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


/** 
    Template Classic 
*/

.wdt-template-classic .wdt-accordion-toggle-wrapper { 
    position: relative; overflow: hidden; background-color: var(--wdtTertiaryColor); 
    -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); }

.wdt-template-classic .wdt-accordion-toggle-title-holder { 
    border: none; background-color: transparent; color: var(--wdt-elementor-color-primary); }

.wdt-template-classic .wdt-accordion-toggle-description { border: none; padding: 0 28px 20px; }



/** 
    Template Bordered 
*/

.wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-title-holder,
.wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-description 
{
    border: 0;
    padding: clamp(1.25rem, 1.041rem + 0.9554vw, 2.1875rem) clamp(1.5625rem, 1.2142rem + 1.5924vw, 3.125rem); /* Min-35 & Max-25 , Min-50 & Max-25 */
}

.wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-wrapper:has(.ui-state-active) .wdt-accordion-toggle-title-holder {
    padding-bottom: 15px;
}

.wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-description p {
    margin-bottom: 0;
}

.wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-description 
{
    padding-top: 0;
    padding-right: clamp(1.5625rem, 0.5175rem + 4.7771vw, 6.25rem);/* 100 - 25 */
}

.wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-wrapper
{
    border: 1px solid var(--wdtTertiaryColor);
    transition: var(--wdt-Ad-Transition);
    -webkit-transition: var(--wdt-Ad-Transition);
}

.wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-wrapper:not(:last-child) {
    margin-bottom: 20px;
}

.wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-title-holder
{
    font-size: var(--wdtFontSize_H5);
    font-weight: var(--wdtFontWeight_H5);
    line-height: var(--wdtLineHeight_Alt);
    font-family: var(--wdtFontTypo_Alt);
    font-style: normal;
}
.wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-title-holder:hover{
    background: var(--wdtPrimaryColor);
    color: var(--wdtHeadAltColor);
    transition: var(--wdt-Ad-Transition);
    -webkit-transition: var(--wdt-Ad-Transition);
}


.wdt-accordion-toggle-holder[class*='-template-default'] .wdt-accordion-toggle-title-holder
{
    background-color: transparent;
}

.wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-title-holder.ui-state-hover,
.wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-title-holder.ui-state-active
{
    color: var(--wdtHeadAltColor);
    background-color: transparent;
}

.wdt-dark-bg .wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-title-holder.ui-state-hover,
.wdt-dark-bg .wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-title-holder.ui-state-active {
    color: var(--wdtQuaternaryColor);
} 

.wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-wrapper 
{
    border-color: var(--wdtTertiaryColor);
}

.wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-wrapper:has(.ui-state-hover),
.wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-wrapper:has(.ui-state-active)
{
    background-color: transparent;
    color: var(--wdtHeadAltColor);
}

.wdt-dark-bg .wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-wrapper:has(.ui-state-hover),
.wdt-dark-bg .wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-wrapper:has(.ui-state-active) {
    color: var(--wdtQuaternaryColor);
}

.wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-title-holder .wdt-accordion-toggle-icon {
    color: var(--wdtPrimaryColor);
    font-size: var(--wdtFontSize_Base);
    margin-top: 6px;
}

.wdt-accordion-toggle-holder[class*='-template-bordered'] .wdt-accordion-toggle-icon {
    margin-left: 15px;
}

/* Hover & Active Title Text Color */

.wdt-accordion-toggle-holder[class*='-template-bordered'] 
.wdt-accordion-toggle-title-holder:hover,
.wdt-accordion-toggle-holder[class*='-template-bordered'] 
.wdt-accordion-toggle-title-holder.ui-state-active {
    background: var(--wdtPrimaryColor);
    color: var(--wdtHeadAltColor);
}

/* IMPORTANT: force text inside title */

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

/* Hover & Active Title Text Color */

.wdt-accordion-toggle-holder[class*='-template-bordered'] 
.wdt-accordion-toggle-title-holder:hover,
.wdt-accordion-toggle-holder[class*='-template-bordered'] 
.wdt-accordion-toggle-title-holder.ui-state-active {
    background:transparent;
    color: var(--wdtAccentTxtColor);
}

/* IMPORTANT: force text inside title */

.wdt-accordion-toggle-title-holder:hover .wdt-accordion-toggle-title,
.wdt-accordion-toggle-title-holder.ui-state-active .wdt-accordion-toggle-title {
    color: var(--wdtHeadAltColor);
    font-style: normal;
}

.wdt-dark-bg .wdt-accordion-toggle-title-holder:hover .wdt-accordion-toggle-title,
.wdt-dark-bg .wdt-accordion-toggle-title-holder.ui-state-active .wdt-accordion-toggle-title {
    color: var(--wdtQuaternaryColor);
}

/* Optional – if jQuery UI is adding corner borders, kill those too */

.wdt-template-bordered .ui-corner-all, .wdt-template-bordered .ui-corner-top, .wdt-template-bordered .ui-corner-bottom { 
    background: transparent; box-shadow: none !important; }