/* --------------------------------------------------------------
# Contents
#
# 1. Promotions
# 2. Ad Card
# 3. Sidebar - Filters
# 4. Homepage Search
-------------------------------------------------------------- */

/* --------------------------------------------------------------
# 1. Promotions
-------------------------------------------------------------- */
.p_bold *,
.p_special * {
    font-weight: 600;
}

.p_border >.uk-tile,
.p_special >.uk-tile,
.uk-panel.p_special,
.uk-panel.p_border {
    border: 1px solid #191919;
}

.p_bg >.uk-tile,
.p_special >.uk-tile,
.uk-panel.p_special,
.uk-panel.p_bg {
    background-color: #226bf40f
}

.p_special {
    overflow: hidden;
}

.uk-panel.p_special,
.uk-panel.p_bg,
.uk-panel.p_border {
    padding: 10px;
}

.p_special::after {
    content: "Recomended";
    position: absolute;
    top: 3px;
    right: -19px;
    bottom: auto;
    left: auto;
    padding: 2px 25px;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #acd5ea;
    transform-origin: center;
    transform: rotate(45deg);
    user-select: none;
    pointer-events: none;
    z-index: 1;
}

/* --------------------------------------------------------------
# 2. Ad Card
-------------------------------------------------------------- */
[data-dj-tile] {
    position: relative;
    overflow: hidden;
}

[data-dj-tile] .dj-type-label {
    margin-bottom: 0 !important;
    position: absolute;
    right: 5px;
    top: 5px;
}

[data-dj-tile] .dj-type-label span {
    margin: 0 !important;
    font-size: 12px;
    user-select: none;
    pointer-events: none;
}

[data-dj-tile].p_special .dj-type-label {
    top: auto;
    bottom: 5px;
}

[data-dj-tile] .dj-fav {
    position: absolute;
    left: 5px;
    top: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    color: #111;
    background-color: #FFF;
    border-radius: 50px;
}

[data-dj-tile] .dj-fav:hover {
    color: red;
}

[data-dj-tile] .dj-fav:hover svg path {
    fill: red;
}

[data-dj-tile] .dj-fav svg {
    width: 14px;
    height: 14px;
}

[data-dj-tile] .dj-fav span:nth-child(2) {
    display: none;
}

/* --------------------------------------------------------------
# 3. Sidebar - Filters
-------------------------------------------------------------- */
.search_buttons {
    margin-top: 10px;
}

.djcf_se_row {
    margin-bottom: 10px;
}

.search_price_label {
    display: block;
}

.search_price_from-to {
    display: flex;
    grid-gap: 10px;
}

.search_price_from, .search_price_to {
    width: 100%;
    display: flex;
    grid-gap: 10px;
    align-items: center;
}

/* --------------------------------------------------------------
# 4. Homepage Search
-------------------------------------------------------------- */
/*main search*/
.main_search >div {
    background: #fff;
    padding: 20px;
    max-width: 1000px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr auto;
    grid-gap: 30px;
    margin: 0 auto;
}

.main_search .s1,
.main_search .s2,
.main_search .s3,
.main_search .s4 {
    margin: 0 !important;
}

.main_search .s1,
.main_search .s2 {
    border-right: 1px solid #e8e8e8;
}

.main_search .uk-button.uk-button-secondary {
    width: 70px;
    height: 70px;
    padding: 0 !important;
    box-sizing: content-box;

}

.main_search select,
.main_search input {
    border: none !important;
}

.main_search select {
    padding-left: 0;
    transform: translateX(-5px);
}

.main_search .uk-form-label {
    font-size: 13px;
    font-weight: 500;
}

.main_search input::placeholder,
.main_search select {
    font-size: 18px;
    color: #9b9b9b !important;
}

.main_search .uk-button-secondary:hover {
    background-color: #226bf4;
    color: #fff;
}

/*main search mobile*/

.main_search_mobile >div {
    background: #fff;
    padding: 20px;
}


.main_search_mobile .uk-button.uk-button-secondary {
    width: 100%;
    padding: 0 !important;
    box-sizing: content-box;

}

.main_search_mobile select,
.main_search_mobile input {
    border: none !important;
}

.main_search_mobile .uk-form-label {
    font-size: 13px;
    font-weight: 500;
}

.main_search_mobile input::placeholder,
.main_search_mobile select {
    font-size: 18px;
    color: #9b9b9b !important;
}

.main_search_mobile .uk-button-secondary:hover {
    background-color: #226bf4;
    color: #fff;
}




/*07.02.2025*/
.additem_djform input::placeholder, .additem_djform textarea#description::placeholder, .additem_djform textarea#contact::placeholder {
  color: transparent !important;
}

.search_price_from-to input::placeholder, .search_price_from-to textarea#description::placeholder, .search_price_from-to textarea#contact::placeholder {
  color: transparent !important;
}

.p_special::after {
  content: "⭐";
}

/*24.03.2025*/
.gt_float_switcher img {
  width: 20px !important;
}

.gt_float_switcher {
  font-size: 14px !important;
}

.gt_float_switcher .gt-selected .gt-current-lang {
  padding: 4px 8px !important;
}

/*26.05.2025*/
.additem_djform input::placeholder, .additem_djform textarea#description::placeholder, .additem_djform textarea#contact::placeholder, .additem_djform textarea#intro_desc::placeholder {
  color: transparent !important;
}

.search_price_from-to input::placeholder, .search_price_from-to textarea#description::placeholder, .search_price_from-to textarea#contact::placeholder {
  color: transparent !important;
}

/*27.05.2025*/
#gt-wrapper-131 {
  text-align: center;
}


@media (max-width: 550px) {
    .uk-child-width-expand.uk-grid-collapse.uk-grid {
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 960px) and (max-width: 1100px) {
    .uk-child-width-expand.uk-grid-collapse.uk-grid {
        display: flex;
        flex-direction: column;
    }
}

ul.reg1.lvl1 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

@media (min-width: 1300px) {
  ul.reg1.lvl1 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 1100px) {
  ul.reg1.lvl1 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 899px) {
  ul.reg1.lvl1 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 669px) {
  ul.reg1.lvl1 {
    grid-template-columns: 1fr;
  }
}

/*01.06.2025*/
.more-fields-wrapper {
  display: none !important;
}

/*17.04.2026*/
ul.last_level {
  display: flex;
  flex-direction: row !important;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.last_level > li {
  white-space: nowrap;
}

/*29.04.2026*/
@media (max-width: 768px) {
  tbody tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  tbody tr .td1,
  tbody tr .td2 {
    order: 1;
  }

  tbody tr .td3 {
    order: 2;
    width: 100%;
    margin-top: 20px;
    text-align: center;
  }

  tbody tr .td1 {
    width: 35%;
  }

  tbody tr .td2 {
    width: 65%;
  }
}

.item_row > .item_col:last-child {
  display: none !important;
}

#dj-classifieds .dj-item span.fav_icon, #dj-classifieds table.dj-items span.fav_icon, #dj-classifieds .dj-items-table-smart span.fav_icon, #dj-classifieds .dj-items-table2 span.fav_icon, #dj-classifieds .djcf_items_blog span.fav_icon, .mod_djclassifieds_items span.fav_icon, #dj-classifieds span.fav_icon, [class^="uk-"] span.fav_icon {
  background: url(/components/com_djclassifieds/themes/default/images/heart-icon.png) center center no-repeat !important;
}

/*15.05.2026*/
@media (max-width: 1199px) {
  .uk-width-1-4\@m {
    width: 100% !important;
  }
  
#mod_djcf_search120 {
  width: 50% !important;
  margin: 0 auto !important;
}

.el-content.uk-width-1-1.uk-button.uk-button-secondary.uk-flex-inline.uk-flex-center.uk-flex-middle {
  max-width: 300px;
}
}

@media (max-width: 960px) {
#mod_djcf_search120 {
  width: 100% !important;
  margin: 0 auto !important;
}
}

/*19.05.2026*/
@media (max-width: 767px) {
  table {
    width: 100%;
  }

  table tbody,
  table tr,
  table td {
    display: block;
    width: 100% !important;
  }

  table tr {
    margin-bottom: 15px;
  }

  td.td1,
  td.td2,
  td.td3 {
    width: 100% !important;
    text-align: center;
  }

  td.td2 {
    text-align: left;
  }

  td.td1 img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
  }

  td.td3 .button,
  td.td3 .btn {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
  }
  
.td3 .button.btn.btn-primary {
  max-width: 120px;
}
}