@import (inline) "fonts/widget/style.css";

:root {
	--icomoon-font-family: "element-pack-widgets-icon";
	--icomoon-font-path: "../fonts";
} 

.elementor-control-bdt_shape_builder_list label.elementor-control-gap-label {
    display: none;
}

#elementor-panel-category-element-pack .elementor-element:hover .icon,
#elementor-panel-category-element-pack .elementor-element:hover .title {
    color: #14ABF4;
}

ul.bdt-widget-promotion-list {
    text-align: start;
    padding-block: 20px;
    padding-inline: 35px 20px;
    background: #d4f3ef;
    margin-block: 15px;
    margin-inline: 10px;
    border-radius: 3px;
    gap: 5px;
    display: grid;
}

ul.bdt-widget-promotion-list li {
    list-style: disc;
}

ul.bdt-widget-promotion-list li::marker {
    font-size: 15px;
}

.bdt-widget-promotion-btn {
    padding-block: 10px;
    padding-inline: 20px;
    margin: -16px;
    border-radius: 3px;
    background-color: transparent;
    background-image: linear-gradient(313deg, #08AEEC 0%, #20E2AD 100%);
}

.go-pro:hover .bdt-widget-promotion-btn {
    background-color: transparent;
    background-image: linear-gradient(120deg, #08AEEC 0%, #20E2AD 100%);
}

.ep-location-search-btn {
    float: inline-end;
}

.elementor-element .icon {
    inline-size: 100%;
    box-sizing: border-box;
    position: relative;
}

.elementor-element .icon .bdt-new:after {
    color: #14ABF4;
    opacity: 1 !important;
}

.elementor-element .icon i[class^="bdt-wi-"]:before {
    font-size: 40px;
}

.elementor-element .icon i[class^="bdt-wi-"]:after {
    content: '\e988';
    position: absolute;
    inset-inline-end: 5px;
    inset-block-start: 5px;
    font-size: 12px;
    opacity: .4;
}


#elementor-panel #elementor-panel-header-title span.bdt-ep-widget-badge:after,
#elementor-panel .elementor-control-title span.bdt-ep-widget-badge:after,
#elementor-panel .elementor-section-title span.bdt-ep-widget-badge:after {
    font-family: "element-pack-widgets-icon" !important;
    content: '\e988';
    background-color: #fff;
    color: #d30c5c;
    font-size: 10px;
    font-weight: 700;
    border-radius: 30px;
    padding-block: 3px;
    padding-inline: 4px;
    margin-inline-end: 4px;
    vertical-align: middle;
}

#elementor-panel .elementor-control-title span.bdt-ep-widget-badge:after,
#elementor-panel .elementor-section-title span.bdt-ep-widget-badge:after {
    background-color: #e0e6ec;
    color: #50565d;
}

.bdt-ep-new-control:after,
.bdt-ep-pro-control:after {
    color: #fff;
    font-size: 7px;
    font-weight: 700;
    border-radius: 2px;
    padding-block: 3px;
    padding-inline: 4px;
    margin-inline-start: 5px;
    vertical-align: middle;
}

.bdt-ep-new-control:after {
    content: var(--ep-badge-new);
    background-color: orangered;
}

.bdt-ep-pro-control:after {
    content: var(--ep-badge-pro);
    background-color: #e62a3f;
}

.bdt-ep-updated-control:after {
    content: var(--ep-badge-updated);
    background-color: #39b54a;
    color: #fff;
    font-size: 7px;
    font-weight: 700;
    border-radius: 2px;
    padding-block: 3px;
    padding-inline: 4px;
    margin-inline-start: 5px;
    vertical-align: middle;
}

#elementor-panel .elementor-control-type-section span.bdt-ep-widget-badge {
    position: absolute;
    inset-inline-end: 15px;
}

/* Prevent text color flash before gradient is applied on Heading widgets */
.elementor-widget-heading .elementor-heading-title.element-pack-tgb-background,
[data-widget_type^="heading"] .elementor-heading-title.element-pack-tgb-background,
.elementor-heading-title.element-pack-tgb-background,
.elementor-widget-e-heading .e-heading-base.element-pack-tgb-background,
[data-widget_type^="e-heading"] .e-heading-base.element-pack-tgb-background,
.e-heading-base.element-pack-tgb-background {
    background-color: transparent !important;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}

.elementor-heading-title.element-pack-tgb-background a,
.e-heading-base.element-pack-tgb-background a {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}

/* Element Pack badge for Atomic Widget (v4) extension section headings */
#elementor-editor-wrapper [aria-label="Text Gradient Background section"] .MuiListItemText-secondary::before,
#elementor-editor-wrapper [aria-label="Scroll Fill Effect section"] .MuiListItemText-secondary::before,
#elementor-editor-wrapper [aria-label="Image Masking section"] .MuiListItemText-secondary::before,
#elementor-editor-wrapper [aria-label="Confetti Effects section"] .MuiListItemText-secondary::before,
#elementor-editor-wrapper [aria-label="3D Text section"] .MuiListItemText-secondary::before,
#elementor-editor-wrapper [aria-label="Notation section"] .MuiListItemText-secondary::before,
#elementor-editor-wrapper [aria-label="Sound Effects section"] .MuiListItemText-secondary::before,
#elementor-editor-wrapper [aria-label="Wrapper Link section"] .MuiListItemText-secondary::before {
    font-family: "element-pack-widgets-icon" !important;
    content: '\e988';
    background-color: #e0e6ec;
    color: #50565d;
    font-size: 10px;
    font-weight: 700;
    border-radius: 30px;
    /* padding-block: 3px;
    padding-inline: 4px;
    margin-inline-end: 6px; */
    vertical-align: middle;
    position: absolute;
    right: 40px;
    inline-size: 20px;
    block-size: 20px;
    line-height: 20px;
    text-align: center;
}

/* Start rooten theme editor fixing */
.tm-header-wrapper {
    pointer-events: none;
}
/* End rooten theme editor fixing */

#elementor-panel-page-settings-controls .bdt-ep-disabled-control .elementor-control-input-wrapper, 
#elementor-panel #elementor-controls .bdt-ep-disabled-control .elementor-control-input-wrapper {
    pointer-events: none !important;
    opacity: 0.4;
}

#elementor-panel-page-settings-controls .bdt-ep-disabled-control .elementor-control-field, 
#elementor-panel #elementor-controls .bdt-ep-disabled-control .elementor-control-field {
    pointer-events: none !important;
}

#elementor-panel-page-settings-controls .bdt-ep-disabled-control .elementor-control-field:before, 
#elementor-panel #elementor-controls .bdt-ep-disabled-control .elementor-control-field:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
    block-size: 6px;
    inline-size: 18px;
    margin-block-end: 6px;
    background-size: 100% auto !important;
    content: "";
    display: none;
    position: absolute;
    inset-inline-end: 35px;
    inset-block-start: 0;
}

#elementor-panel-page-settings-controls .bdt-ep-disabled-control .elementor-control-field:after, 
#elementor-panel #elementor-controls .bdt-ep-disabled-control .elementor-control-field:after {
    content: var(--ep-pro-control-message);
    padding: 10px;
    display: none;
    position: absolute;
    inset-block-start: -52px;
    inset-inline-end: 20px;
    inline-size: 220px;
    text-align: start;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 3px;
    color: #fff;
    z-index: 10;
    line-height: 16px;
    pointer-events: none;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}

#elementor-panel-page-settings-controls .bdt-ep-disabled-control:hover .elementor-control-field:after,
#elementor-panel-page-settings-controls .bdt-ep-disabled-control:hover .elementor-control-field:before, 
#elementor-panel #elementor-controls .bdt-ep-disabled-control:hover .elementor-control-field:after,
#elementor-panel #elementor-controls .bdt-ep-disabled-control:hover .elementor-control-field:before {
    display: block;
}