// ------------------------------------------------------------------------------------------------
// BASE STYLE
// ------------------------------------------------------------------------------------------------
@import "config";
@import "base/animations";
@import "base/element-icons";
@import "controls/tooltip";
@import "controls/buttons-set";
@import "elements/filters-area";
@import "elements/stock-status";
@import "elements/product-count";
@import "elements/product-meta";
@import "elements/empty-cart";
@import "elements/popup-button";
@import "elements/compare-img";
@import "elements/button";
@import "elements/notices";
// ------------------------------------------------------------------------------------------------
// ELEMENTOR EDITOR SIDEBAR
// ------------------------------------------------------------------------------------------------
// ------------------------------------------
// ELEMENTOR OPTION LAYOUT
// ------------------------------------------
//**** ELEMENTOR ELEMENTS ORDER ****//
#elementor-panel-categories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
.elementor-panel-category {
-ms-flex-order: 1;
order: 1;
-webkit-box-ordinal-group: 2;
}
// #elementor-panel-category-wd-elements {
// -ms-flex-order: -1;
// order: -1;
// -webkit-box-ordinal-group: 1;
// }
#elementor-panel-category-favorites,
div[id*="elementor-panel-category-wd-"] {
-ms-flex-order: 0;
order: 0;
-webkit-box-ordinal-group: 1;
}
//**** ELEMENTOR XTS BUTTONS ****//
.elementor-control-type-wd_buttons {
padding-bottom: 5px;
.elementor-control-field {
flex-wrap: wrap;
}
.elementor-control-input-wrapper {
margin-top: 10px;
width: 100% !important;
}
}
//**** ELEMENTOR OPTION ANIMATION ****//
.elementor-control {
&:not(.elementor-control-type-section) {
.elementor-control-content {
animation: xts-fade-in .3s ease;
animation-fill-mode: initial;
}
}
}
.elementor-control-list_type {
~ .elementor-control-type-media {
~ .elementor-control-type-icons {
.elementor-control-svg-uploader {
display: none;
}
}
}
}
// ------------------------------------------------------------------------------------------------
// ELEMENTOR VISUAL EDITOR
// ------------------------------------------------------------------------------------------------
.cms_block-template-default,
.woodmart_slide-template-default {
.whb-header {
display: none;
}
.website-wrapper {
> .container {
display: flex;
flex-direction: column;
justify-content: center;
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 10px;
min-height: 100vh;
}
}
#elementor-add-new-section {
margin-top: 0;
margin-bottom: 0;
}
&.admin-bar {
.website-wrapper {
> .container {
min-height: calc(100vh - #{$admin-bar-height});
}
}
}
}
//**** SMALL ADD ITEM SECTION IN SLIDE EDITOR ****//
.woodmart_slide-template-default {
// .elementor-add-section-inner {
// margin: 0;
// }
.elementor-add-new-section {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.elementor-add-section-close {
color: $color-gray-300;
&:hover {
color: $color-gray-400;
}
}
[data-view="choose-action"] {
margin-top: 10px !important;
.elementor-add-section-inner {
padding: 0;
border: none !important;
background: none;
// margin-top: 10px;
}
}
[data-view="select-preset"] {
.elementor-add-section-inner {
padding-top: 20px;
padding-bottom: 15px;
background-color: rgba(240, 240, 240, .9);
path {
fill: $color-gray-300;
}
}
}
.elementor-add-section-drag-title {
display: none;
}
//**** SLIDERS CHANGE ANIMATIONS RESET ****//
.wd-slider-wrapper {
&.anim-fade {
.wd-slide {
pointer-events: auto;
}
}
&.anim-distortion {
.wd-slide-container {
opacity: 1;
pointer-events: auto;
}
}
}
}
//**** FIX CAROUSEL ON EDITOR ****//
// .elementor-editor-active {
// .xts-carousel {
// min-height: 2px;
// }
// }
//**** FIX ROW SETTINGS WHEN HEADER IS OVERLAP ****//
.elementor-section--handles-inside > .elementor-element-overlay .elementor-editor-element-settings {
display: flex !important;
}
//**** HTML BLOCK COLOR SWITCHER ****//
.wd-html-block-scheme-switcher {
position: fixed;
top: 0;
inset-inline-end: 0;
z-index: $z-layer-1;
margin: 8px;
> div {
padding: 0 15px;
height: 35px;
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
line-height: 35px;
cursor: pointer;
transition: .2s all ease-in-out;
&:hover {
opacity: .8;
}
}
.admin-bar & {
top: 32px;
}
}
.wd-html-block-scheme-dark {
margin-bottom: 5px;
background-color: $color-gray-200;
color: $color-gray-800;
}
.wd-html-block-scheme-light {
background-color: $color-gray-900;
color: $color-white;
}
//**** HIDE STICKY SOCIAL ICONS IN ELEMENTOR EDITOR ****//
.elementor-html {
.wd-sticky-social,
.wd-sticky-nav {
display: none;
}
.wd-action-hide-btn {
position: relative;
}
.wd-sticky-nav-enabled {
--wd-sticky-nav-w: .001px;
}
}
//**** OFF CANVAS COLUMN ****//
.elementor-editor-active {
.elementor-column {
&.wd-side-hidden {
z-index: 99999;
}
}
.wd-sidebar-opener {
&.wd-not-on-shop {
display: none !important;
}
}
}
//**** FIX LAST CHILD WITH ELEMENTOR INLINE EDITING ****//
.reset-last-child .elementor-inline-editing > *:last-child {
margin-bottom: 0;
}
//**** HIDE CUSTOM BRAKEPOINTS IN CAROUSEL CONTROKS ****//
.wd-hide-custom-breakpoints {
:is(
[data-device="widescreen"],
[data-device="laptop"],
[data-device="tablet_extra"],
[data-device="mobile_extra"]) {
display: none;
}
}
.wd-hide-tablet-breakpoint {
[data-device="tablet"] {
display: none;
}
}
// .wd-hide-mobile-breakpoint {
// [data-device="mobile"] {
// display: none;
// }
// }
:is(
.elementor-control-text,
.elementor-control-after_title) {
&.elementor-control-type-wysiwyg {
.wp-media-buttons {
display: none;
}
}
}
//**** FIX WOODMART CAROUSEL INSIDE COLUMN CONTAINER ****//
.e-preview--show-hidden-elements {
&[data-elementor-device-mode=desktop],
&[data-elementor-device-mode=laptop],
&[data-elementor-device-mode=mobile],
&[data-elementor-device-mode=mobile_extra],
&[data-elementor-device-mode=tablet],
&[data-elementor-device-mode=tablet_extra],
&[data-elementor-device-mode=widescreen] {
.elementor-edit-area-active {
.elementor-hidden-desktop,
.elementor-hidden-laptop,
.elementor-hidden-mobile,
.elementor-hidden-mobile_extra,
.elementor-hidden-tablet,
.elementor-hidden-tablet_extra {
&:has(.wd-carousel) {
display: block;
}
}
}
}
}
// ------------------------------------------------------------------------------------------------
// ADD SECTION
// ------------------------------------------------------------------------------------------------
.elementor-add-section-inner {
button {
min-height: unset;
}
.flex-preset-button,
.grid-preset-button {
gap: 0;
flex-direction: column;
}
}
// ------------------------------------------------------------------------------------------------
// XTEMOS TEMPLATES
// ------------------------------------------------------------------------------------------------
.elementor-editor-active {
div.xts-library-modal-btn {
// margin-left: 5px;
background-color: #0F4C81;
vertical-align: top;
font-size: 0 !important;
&:hover {
background-color: #0b3b65;
}
&:before {
content: "";
width: 16px;
height: 16px;
background-image: url(../../../../admin/assets/images/vc-icon/wd-xts-icon.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
// .rtl & {
// margin-right: 5px;
// margin-left: 0;
// }
}
}
#xts-library-modal {
.xts-elementor-template-library-template-name {
flex: 1 0 0%;
text-align: right;
}
}
@media (prefers-color-scheme: dark) {
#xts-library-modal {
.xts-elementor-template-library-template-name {
color: #FFF;
}
}
}
// ------------------------------------------------------------------------------------------------
// RTL
// ------------------------------------------------------------------------------------------------
// .rtl {
// .wd-html-block-scheme-switcher {
// right: auto;
// left: 0;
// }
// }