/*
Theme Name: almasara
Theme URI: almasara.ir
Template: hello-elementor
Author: Milad khodadadi
Author URI: almasara.ir
Version: 1.0.0

*/

h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
p,
span,
a,
div {
    font-family: IRANYekanX !important;
    font-style: normal !important;
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}

body {
    margin: unset;
    overflow-x: hidden;
}

@media (max-width:767px) {

    .PrdSHP .jet-listing .slick-track,
    .jet-listing-dynamic-field__content .slick-track {
        left: -2px;
    }

    .PrdSHP .slick-active .jet-engine-listing-overlay-wrap [data-elementor-type="jet-listing-items"] section,
    .PrdSHP .slick-list.draggable {
        border-top-right-radius: 8px !important;
        border-bottom-right-radius: 8px !important;
    }
}



.dks-sub-menu {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    background: white;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a !important;
    padding: 16px;
    border-radius: 16px;
}

.dks-menu-column {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.dks-menu-column>a>div {
    padding: 8px;
    border-radius: 12px;
    background: lch(94 9.08 283.42);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
    transition-duration: .15s !important;
}

.dks-menu-column>a>div:hover {
    background: rgb(241 245 249);
    /* background: #cfcdd885; */
}

.dks-menu-column>a>div,
.dks-menu-column>a>div>div {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-direction: row;
}

.dks-menu-column>a>div {
    justify-content: space-between;
}

.dks-menu-column>a>div>span {
    width: 30%;
    text-align: left;
    font-size: 10px;
    font-weight: 400;
    direction: ltr;
}

.dks-menu-column>a>div>div {
    width: 70%;
}

.dks-menu-column>[id="0"]>div>span {
    display: none;
}

.dks-menu-column>[id="0"]>div>div {
    width: 100%;
}

.dks-menu-column>a>div>div>img {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    object-fit: cover;
}

.dks-menu-column>a>div>div>h4 {
    font-size: 12px;
    font-weight: 500
}

.dks-menu-column>a>div>span,
.dks-menu-column>a>div>div>h4 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}