/**
 * Wing Popup
 * Created by: Mahbubur Rahman
 * https://github.com/devmahbub
 *
 * Copyright 2024 - Present. All rights reserved.   
 */
.wdpop_core-field-text.wdpop_hidden__id{
    padding: 0 !important;
}
.wdpop_core-field-text.__group_id input{
    width: 60px;
}

.chosen-container{
    min-width: 200px !important;
}
.popup_display_includes .wdpop_core-repeater-item .wdpop_core-repeater-content > .wdpop_core-field:not(.wdpop_core-depend-on),
.popup_display_excludes .wdpop_core-repeater-item .wdpop_core-repeater-content > .wdpop_core-field:not(.wdpop_core-depend-on) {
    display: inline-block;
}

.popup_display_includes .wdpop_core-repeater-item .wdpop_core-repeater-content > .wdpop_core-field.popup_display_options_root,
.popup_display_excludes .wdpop_core-repeater-item .wdpop_core-repeater-content > .wdpop_core-field.popup_display_options_root{
    width: 215px;
}
.wing-popup--options .wing-popup--items .wdpop_core-cloneable-item.wdpop_core-cloneable-item-active{  
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px; /* Try difernt values for alpha like 0.15 or 0.25 */
}
.wdpop_core.wdpop_core-options.wdpop_core-theme-light .wdpop_core-container .wdpop_core-wrapper .wdpop_core-content .wdpop_core-field.wdpop_core-field-group .wdpop_core-cloneable-title.ui-accordion-header-active,
.wdpop_core.wdpop_core-options.wdpop_core-theme-light .wdpop_core-container .wdpop_core-wrapper .wdpop_core-content .wdpop_core-field.wdpop_core-field-group2 .wdpop_core-cloneable-title.ui-accordion-header-active,
.wing-popup--options .wing-popup--items .wdpop_core-cloneable-item .wdpop_core-cloneable-title.ui-accordion-header-active {
    border-color: var(--wdpop_core-primary) !important;
    border-width: 2px !important;
}
.wdpop_core.wdpop_core-options.wdpop_core-theme-light .wdpop_core-container .wdpop_core-wrapper .wdpop_core-content .wdpop_core-field.wdpop_core-field-group .wdpop_core-cloneable-content,
.wdpop_core.wdpop_core-options.wdpop_core-theme-light .wdpop_core-container .wdpop_core-wrapper .wdpop_core-content .wdpop_core-field.wdpop_core-field-group2 .wdpop_core-cloneable-content,
.wing-popup--options .wing-popup--items .wdpop_core-cloneable-item .wdpop_core-cloneable-content.ui-accordion-content-active {
    margin-bottom: 80px;
    border-color: var(--wdpop_core-primary) !important;
    border-width: 2px !important;
}
.wdpop_core-copyright a{
    color: var(--wdpop_core-success) !important;
}

.wdpop_core-field-tabbed .wdpop_core-tabbed-nav a.wdpop_core-tabbed-active {
    border-bottom-color: transparent;
    color: var(--wdpop_core-primary);
    position: relative;
}
.wdpop_core-field-tabbed .wdpop_core-tabbed-nav a.wdpop_core-tabbed-active:before{
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: var(--wdpop_core-primary);
    content: '';
    top: -1px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
}

.wdpop_core.wdpop_core-options.wdpop_core-theme-light .wdpop_core-container .button.wdpop_core-warning-primary {
    color: #fff !important;
}
.wdpop_core.wdpop_core-options.wdpop_core-theme-light .wdpop_core-container .button.wdpop_core-warning-primary:hover {
    color: var(--wdpop_core-primary) !important;
    background-color: var(--wdpop_core-primary-light) !important;
}

.wp-core-ui .button.insert-media,
.wp-core-ui .button.wdpop_core--edit {
    color: var(--wdpop_core-primary) !important;
    background-color: var(--wdpop_core-primary-light) !important;
    border-color: var(--wdpop_core-primary-light) !important;
    border-color: var(--wdpop_core-primary) !important;
}

.wpdpop_pro_field__wrapper{
    cursor: pointer;
}
.wpdpop_pro_field__wrapper .wpdpop_pro__title{
    color: #ed6f6f;
}
.wpdpop_pro_field__wrapper .wdpop_core-fieldset{
    pointer-events: none;
}


/* Click to copy */

.wdpop_core-shortcode-wrapper i{
    margin-left: 10px;
} 
.wdpop_core-shortcode-contnet{
    font-weight: 700;
}
.wdpop_core-shortcode-wrapper {
    position: relative;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

/* Tooltip base */
.wdpop_core-shortcode-wrapper::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 125%; /* place above the element */
    left: 50%;
    transform: translate(-50%, 10px); /* start slightly below */
    background: #333;
    color: #fff;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 13px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease, background-color 0.3s ease;
}

/* Tooltip arrow */
.wdpop_core-shortcode-wrapper::before {
    content: "";
    position: absolute;
    bottom: 115%;
    bottom: 72%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    opacity: 0;
    transition: opacity 0.3s ease, border-color 0.3s ease;
}

/* Show tooltip on hover */
.wdpop_core-shortcode-wrapper:hover::after,
.wdpop_core-shortcode-wrapper:hover::before {
    opacity: 1;
    transform: translate(-50%, 0); /* slide up into place */
}

/* Visual feedback for copied (text + tooltip background) */
.wdpop_core-shortcode-wrapper.copied::after {
    background: var(--wdpop_core-primary);
    background: var(--wdpop_core-success);
}
.wdpop_core-shortcode-wrapper.copied::before {
    border-color: var(--wdpop_core-primary) transparent transparent transparent;
    border-color: var(--wdpop_core-success) transparent transparent transparent;
}
.wdpop_core-field.wdpop_core_mc_list{
    padding-top: 20px;
    padding-bottom: 20px;
}
.wdpop_core_mc_note{
    padding-top: 5px;
    font-style: italic;
}
.wdpop_core--synced-list{
    font-weight: 700;
}

.wing-popup-horizontal{}
.wing-popup-horizontal{}