/*
 Theme Name:   My Listing Child
 Theme URI: https://www.rtl-theme.com/mylisting-wordpress-listify-theme/
 Author: Artia Web
 Author URI: https://www.rtl-theme.com/author/artia/products/
 Description:  MyListing Child Theme
 Template:     my-listing
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  my-listing-child
*/


/* YekanBakh Fonts */
@font-face {
  font-family: 'yekanbakh';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url('assets/fonts/yekanbakh/woff2/YekanBakhFaNum-Thin.woff2') format('woff2'),
       url('assets/fonts/yekanbakh/woff/YekanBakhFaNum-Thin.woff') format('woff');
}

@font-face {
  font-family: 'yekanbakh';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('assets/fonts/yekanbakh/woff2/YekanBakhFaNum-Light.woff2') format('woff2'),
       url('assets/fonts/yekanbakh/woff/YekanBakhFaNum-Light.woff') format('woff');
}

@font-face {
  font-family: 'yekanbakh';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('assets/fonts/yekanbakh/woff2/YekanBakhFaNum-Regular.woff2') format('woff2'),
       url('assets/fonts/yekanbakh/woff/YekanBakhFaNum-Regular.woff') format('woff');
}

@font-face {
  font-family: 'yekanbakh';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('assets/fonts/yekanbakh/woff2/YekanBakhFaNum-Regular.woff2') format('woff2'),
       url('assets/fonts/yekanbakh/woff/YekanBakhFaNum-Regular.woff') format('woff');
}

@font-face {
  font-family: 'yekanbakh';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('assets/fonts/yekanbakh/woff2/YekanBakhFaNum-SemiBold.woff2') format('woff2'),
       url('assets/fonts/yekanbakh/woff/YekanBakhFaNum-SemiBold.woff') format('woff');
}

@font-face {
  font-family: 'yekanbakh';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('assets/fonts/yekanbakh/woff2/YekanBakhFaNum-Bold.woff2') format('woff2'),
       url('assets/fonts/yekanbakh/woff/YekanBakhFaNum-Bold.woff') format('woff');
}

@font-face {
  font-family: 'yekanbakh';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('assets/fonts/yekanbakh/woff2/YekanBakhFaNum-ExtraBold.woff2') format('woff2'),
       url('assets/fonts/yekanbakh/woff/YekanBakhFaNum-ExtraBold.woff') format('woff');
}

@font-face {
  font-family: 'yekanbakh';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('assets/fonts/yekanbakh/woff2/YekanBakhFaNum-Black.woff2') format('woff2'),
       url('assets/fonts/yekanbakh/woff/YekanBakhFaNum-Black.woff') format('woff');
}

@font-face {
  font-family: 'yekanbakh';
  font-style: normal;
  font-weight: 950;
  font-display: swap;
  src: url('assets/fonts/yekanbakh/woff2/YekanBakhFaNum-ExtraBlack.woff2') format('woff2'),
       url('assets/fonts/yekanbakh/woff/YekanBakhFaNum-ExtraBlack.woff') format('woff');
}

a,p,h1,h2,h3,h4,h5,h6,li,ul,div,label,button,text,div,input,textarea,.listing-preview .lf-head-btn.formatted .rent-price sup.out-of,.chat-counter-container,.header-cart-counter {
  font-family : yekanbakh !important;
}


/* header */

header .mhn-form-group input[type=text]{
    border-radius: 6px;
    padding: 0 40px;
}

.pop-search .mhn-form-group input[type=text]{
    border-radius: 0px;
    padding: 0 50px;
}

header .mhn-form-group {
    height: 40px;
}

header .mhn-search-form .buttons{
    background: none;
    height: 33px;
    right: 0px;
}


header .mhn-live-results {
    border-radius: 6px;
}

header .results .item-title {
    font-size: 13px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.home header form.mhn-search-form {
    transition: opacity 0.5s ease, transform 0.5s ease;
    display: none;
}
header form.mhn-search-form.visible {
    display: block;
    transform: translateY(0);
}

.profilebtn {
    cursor: pointer;
	  width: fit-content !important;
}

.profilebox{
    visibility: hidden;
		opacity: 0;
}

.profilebtn:hover .profilebox{
    visibility: visible;
		opacity: 1;
}

.profilebtn:hover .profileicn svg{
    transform: rotate(180deg);
}

header .mhn-search-form .buttons svg {
    width: 20px;
    height: 20px;
}

.pop-search .mhn-form-group {
    height: 60px;
}

.pop-search .mhn-search-form .buttons {
    height: 55px;
    right: 5px;
    background: none;
    width: 50px;
}

.pop-search .mhn-search-form .buttons svg {
    height: 22px;
    width: 22px;
}






/* style search form */
.mhn-form-group {
    height: 50px;
}

.mhn-form-group input[type=text]:focus {
    border-color: #dddddd;
}

.mhn-form-group input[type=text] {
    z-index: 9;
    width: 100%;
    padding: 0 25px;
    border-radius: 50px;
    height: 100%;
    background-color: #fff;
    position: relative;
}

.mhn-search-form .buttons {
    position: absolute;
    left: 6px;
    bottom: 4px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    z-index: 10;
}

.mhn-form-group input[type=text]:focus {
    border-color: #dddddd;
}

.mhn-suggestions-wrap, .mhn-live-results {
    position: absolute;
    top: 20px;
    inset-inline: 0px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(238, 238, 238);
    border-radius: 10px 10px 25px 25px;
    z-index: 8;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 24px;
    overflow: hidden;
    padding: 45px 20px 10px;
}

.mhn-suggestions-wrap ul li {
    padding: 12px 0px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #2d2f29;
}

.mhn-suggestions-wrap ul svg {
    width: 13px;
    height: 13px;
    fill: #2d2f29;
}

.mhn-form-group h3.title {
    font-weight: 500;
    font-size: 12px;
    margin: 0;
    color: #2d2f29;
    padding: 8px 0;
}

.mhn-suggestions-wrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mhn-live-results .results a{
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 12px 0px;
    flex-wrap: wrap;
}

.mhn-live-results .results .itemi{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    object-fit: cover;
}

.results .item-title {
    color: #333;
    font-size: 14px;
    margin: 0;
    font-weight: 600;
}

.results .des {
    font-weight: 400;
    font-size: 12px;
    color: #605e56;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-top: 4px;
}

.mhn-live-results .results .cati {
    width: 20px;
    height: 20px;
    object-fit: cover;
    filter: invert(22%) sepia(14%) saturate(1042%) hue-rotate(164deg) brightness(102%) contrast(85%);
}

.badge-featured {
    border-radius: 3px;
    padding: 2px 4px;
    font-size: 10px;
    margin-right: 10px;
    color: #ffffff;
    background-color: #e59000;
}




/* style latest comments */

.latest-job-comments {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 15px;
}

.latest-job-comments .comment {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.2s, box-shadow 0.2s;
    border: 1px solid #e4e4e4;
}

.latest-job-comments .comment:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

.comment-header {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.job-row {
    display: flex;
    flex-direction: column;
}

.latest-job-comments .comment-link {
    display: flex;
    flex-direction: column;
    padding: 16px 12px;
}

.comment-avatar img  {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.comment-info {
    margin-right: 10px;
}

.comment-author {
    font-weight: 600;
    margin-bottom: 0px;
    font-size: 14px;
    color: #242424;
}

.latest-job-comments .comment-date {
    font-size: 12px;
    color: #888;
    margin-bottom: 8px;
}

.comment-content {
    display: -webkit-box;
    font-size: 13.5px;
    font-weight: 500;
    color: #333;
    line-height: 1.6;
    margin-top: 15px;
    height: 65px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.job-info{
    display: flex;
    border-top: 1px solid #eee;
    padding-top: 15px;
}

.job-info .job-logo {
    max-width: 40px;
    max-height: 40px;
    border-radius: 6px;
    margin-left: 10px;
}

.job-info .job-title {
    color: #444;
    font-weight: 600;
    margin-bottom: 4px;
    font-size: 13px;
}

.latest-job-comments .job-phone {
    font-size: 12px;
    font-weight: 600;
    color: #777;
}

.comments.star-rating {
    padding-top: 5px;
}




/* single listing */
.profile-name h1 {
    font-size: 26px;
    font-weight: 700 !important;
}

.profile-avatar {
    border-radius: 10px;
    width: 85px;
    height: 85px;
}

.case27-primary-text .featured-badge {
    font-size: 23px;
    color: #ffbb49;
}

.element {
    background: #ffffff;
    padding: 20px;
    margin-bottom: 25px;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 8%);
    border-radius: 8px;
}

.author-box {
    text-align: center;
    margin-bottom: 25px;
    padding: 0;
}

.author-cover img {
    border-radius: 8px 8px 0 0;
    width: 100%;
    height: 120px;
    object-fit: cover;
    display: block;
}

.author-avatar {
    margin-top: -40px;
}

.author-avatar img {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    border: 5px solid rgb(255 255 255 / 48%);
}

.author-info {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
}

.author-info .author-name {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding-top: 5px;
    color: #2b2b2b;
}

.author-info p {
    margin: 5px 0px;
    font-weight: 400;
    font-size: 13px;
    color: #7e7e7e;
}

.author-contacts {
    margin-top: 10px;
}

.contact-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-top: 1px solid #efefef;
    padding: 15px;
    gap: 8px;
}

.contact-item svg {
    border-radius: 6px;
    height: 42px;
    width: 42px;
    background-color: #f3cba3;
    padding: 12.5px;
    fill: rgb(226 121 55);
}

.contact-box p {
    font-weight: 600;
    font-size: 12px;
    color: #808080;
    text-align: start;
    margin-bottom: 2px;
}

.contact-box span {
    font-weight: 600;
    color: #3c3f43;
    font-size: 13px;
}

.listing-review-rating.star-rating svg,
.pa-below-title .star-rating svg {
    width: 18px;
    height: 18px;
}

.pa-below-title {
    flex-direction: column;
    margin-top: 5px !important;
}

.pa-below-title .rat {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

.profile-name .listing-rating {
    margin-left: 8px;
}

span.rating-number-listing {
    margin-left: 12px;
    font-size: 15px;
}

.profile-name h2 {
    font-size: 14px;
}


@media (max-width: 1200px) {
    .profile-name h1 {
        padding-top: 40px;
    }
}



/* dashbord */

.woocommerce .star-rating {
    float: right;
    position: relative;
    height: auto;
    width: auto;
}

.element .pf-body{
    padding-top: 20px;    
}

.woocommerce {
    margin-bottom: -42px;
    background-color: #f3f2f7;
    display: flex;
}

.woocommerce .container.section-body {
    width: 100% !important;
    padding: 0 2rem;
}

.mlduo-account-menu {
    width: 300px;
    padding: 40px 15px;
}

.account-user-box .user-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.account-user-box img.avatar {
    width: 70px;
    height: 70px;
    margin-bottom: 10px;
}

.user-info .user-name span {
    font-size: 12px;
    color: #5d5d5d;
    font-weight: 600;
}

.user-info .user-name h3 {
    font-size: 22px;
    font-weight: 700;
    color: #092455;
    margin: 0;
    padding-top: 5px;
    margin-bottom: 20px;
}

.user-info .wrap {
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 15px;
}

.user-info .wrap .cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
}

.user-info .wrap .cont h3 {
    font-weight: 500;
    font-size: 13px;
    margin: 0;
}

.user-info .wrap .cont strong{
    font-size: 13px;
    font-weight: 600;
}

.woocommerce-account .woocommerce-MyAccount-navigation>ul>li:after{
    display: none;
}

.woocommerce-MyAccount-navigation>ul.short {
    width: 100%;
}

.woocommerce-MyAccount-navigation>ul {
    flex-direction: column;
}

.woocommerce-MyAccount-navigation ul li a {
    height: auto;
    padding: 12px 14px;
    align-items: center;
    justify-content: flex-start;
}

.user-plan.special-plan strong {
    color: #ff7f05;
}



.woocommerce-account .woocommerce-MyAccount-navigation>ul>li>a span {
    font-size: 13.5px;
    color: #242424;
    padding-right: 8px;
}

.woocommerce-account .woocommerce-MyAccount-navigation>ul>li>a svg {
    width: 16px;
    height: 15px;
    color: #242424;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #ff7c00;
    border-radius: 5px;
}

.woocommerce-MyAccount-navigation ul li.is-active a svg,
.woocommerce-MyAccount-navigation ul li.is-active a span{
    color: #fff;
    fill: #fff;
}

.woocommerce-MyAccount-navigation ul li:hover a {
    background-color: #ffd4ab;
    border-radius: 5px;
}

.woocommerce .star-rating:before{
    display: none !important;
}

.woocommerce section.i-section {
    width: 100%;
    background-color: #f3f2f7;
    min-height: 100vh;
}

p.comment-content {
    margin: 15px 0 10px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 14px;
    color: #333;
}

.title-style-1 {
    padding: 0 !important;
}

.pf-head.round-icon {
    padding-bottom: 10px;
    border-bottom: 1px solid #e9e9e9;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pf-head .btn {
    font-size: 12px;
    display: flex;
    color: #444;
}

.pf-head .btn {
    font-size: 11px;
    display: flex;
    color: #616161;
    font-weight: 600;
}

.pf-head .btn i {
    font-size: 14px;
    color: #444;
}

.pf-body ul.conversations {
    display: flex;
    margin: 0px;
    gap: 25px;
    flex-direction: column;
}

.conversations a.conversation {
    display: flex;
    justify-content: space-between;
}

.conversations .info {
    display: flex;
    gap: 5px;
    align-items: center;
}

.conv-avatar img.avatar {
    width: 50px;
    height: 50px;
    max-width:50px;
}

.conversations .date {
    display: flex;
    flex-direction: column;
}

.conv-info h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #2b2b2b;
    padding-bottom: 5px;
}

.conv-info h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #2b2b2b;
    padding-bottom: 5px;
}

.conversations .wrapmd {
    display: flex;
    flex-direction: column;
    width: 65px;
    align-items: flex-end;
}

.conversations .wrapmd .send-time {
    font-weight: 600;
    color: #212529c2;
    font-size: 13px;
}

.conversations .wrapmd .unread-label {
    font-weight: 700;
    color: #ff1b1b;
    font-size: 11px;
    padding-top: 12px;
}

.conv-info p {
    margin: 0;
    height: 20px;
    overflow: hidden;
    font-weight: 500;
    font-size: 13px;
    color: #2b2b2b;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.element .pf-body .comment-content {
    margin-bottom: 15px;
}

.title-job {
    display: flex;
    gap: 5px;
}

.title-job span.job-title {
    color: #242424;
    font-size: 14px;
    font-weight: 600;
}

.pf-body .comment-header .md-1 {
    display: flex;
    flex-direction: row;
}

.pf-body .comment-header .comment-date {
    margin: 0;
    color: #212529c2;
    font-size: 13px;
    font-weight: 600;
}

.pf-body .comment-header {
    justify-content: space-between;
}

button.reply-comment-btn {
    border-radius: 4px;
    padding: 5px 8px;
    background-color: #ff8511;
    border: none;
    color: #fff;
}

.round-icon .title-style-1 h5{
    font-size: 15px !important;
}

.reply-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.reply-popup-content {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  width: 400px;
  max-width: 90%;
  position: relative;
}

.reply-popup textarea {
    line-height: 1.7;
    width: 100%;
    min-height: 100px;
    margin-bottom: 10px;
    font-size: 14px;
}

.reply-popup .close-popup {
    position: absolute;
    top: 0px;
    left: 10px;
    font-size: 22px;
    cursor: pointer;
}

.mlduo-account-menu button.close-menu{
    display: none;
}

.responsive-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #fff;
    display: none;
    padding: 5px 10px;
    border-top: 1px solid #ddd;
    justify-content: space-around;
}

.responsive-menu a {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    width: 100%;
    color: #242424;
    fill: #242424;
}

.responsive-menu a span {
    font-size: .6em;
}

.responsive-menu a svg {
    width: 20px;
    margin-bottom: 5px;
}

.responsive-menu a svg {
    height: 18px;
    width: 18px;
    margin-bottom: 5px;
}

.responsive-menu a span {
    font-size: 11px;
    font-weight: 600;
}

@media (max-width: 1023px) {
    .responsive-menu {
        display: flex;
    }
    
    .mlduo-account-menu {
        overflow: scroll;
        position: fixed;
        right: 20px;
        left: 20px;
        width: auto;
        min-height: auto;
        z-index: 10000;
        padding: 20px !important;
        border-radius: 15px 15px 0 0;
        bottom: -5px;
        transform: translateY(100%);
        transition: transform 0.4s ease;
        max-height: 90%;
    }

    .mlduo-account-menu.active {
        transform: translateY(0);

    }

    .close-menu {
        position: absolute;
        background: none;
        border: none;
        top: 12px;
        right: 10px;
        display: flex !important;
    }
    
    button.close-menu svg {
        width: 20px;
        height: 20px;
    }
    
    .menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .8);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
        z-index: 9998;
    }

    .menu-overlay.active {
        opacity: 1;
        visibility: visible;
    }
}



/* Dashbord mylisting */

.col-md-6.mlduo-welcome-message h1 {
    margin-bottom: 40px;
    font-size: 22px;
    font-weight: 700;
}

.woocommerce .col-md-2 form {
    background-color: #FFF;
    border-radius: 6px;
}

.woocommerce .col-md-2 form input[type="text"] {
    padding: 14px 15px;
    border: none;
    font-size: 12px;
}

.woocommerce .col-md-2 form button{
    border: none;
}

.woocommerce .col-md-2 span.select2 {
    background-color: #fff;
    border-radius: 6px;
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
    border: none;
    font-size: 12px;
}

.woocommerce .select2-container--default .select2-selection--single span.select2-selection__arrow {
    margin-left: 10px;
}

.woocommerce table.job-manager-jobs tr {
    border-radius: 8px;
    margin-bottom: 15px;
    margin-left: 15px;
}

.woocommerce table.job-manager-jobs tr {
    width: calc(33.3% - 10px);
}

.noti-featured.container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.noti-featured.container p {
    font-size: 16px;
    margin-top: 8px;
}

.noti-featured.container h2 {
    margin-top: 6rem;
    font-size: 30px;
    font-weight: 700;
}

.noti-featured.container .btn {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.noti-featured.container .btn .button {
    padding: 10px 15px;
    border-radius: 6px;
    color: #fff;
}

.qrcode-box.active {
    display: flex !important;
}

.qrcode-box {
    position: fixed;
    top: 0;
    left: 0;    
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    display: none !important;
    align-items: center;justify-content: center;
    z-index: 9999;
}

.qrcode-box .content {
    width: 800px;
    height: 400px;
    background-color: #fff;
    border-radius: 12px;
}

.qrcode-box .close-btn {
    position: absolute;
    background: none;
    border: none;
    display: flex !important;
    margin: 10px 10px 0px 0px;
}

.qrcode-box .close-btn svg {
    width: 18px;
    height: 18px;
}

.qrcode-box .content .noti-featured.container {
    display: flex;
    width: 100% !important;
    height: 100% !important;
}