/*
Template:       homlisti
Theme Name:     HomListi Child
Theme URI:      https://www.radiustheme.com/demo/wordpress/themes/homlisti/
Author:         RadiusTheme
Author URI:     https://www.radiustheme.com
Description:    HomListi is a modern and clean WordPress Theme best suited for real estate website. This theme comes with all necessary features and pages for a Real Estate website.
Version:        1.0
Text Domain:    homlisti
Tags:           two-columns, three-columns, left-sidebar, right-sidebar, custom-colors, custom-menu, featured-images, footer-widgets, full-width-template, sticky-post, threaded-comments, translation-ready, blog
License URI:    https://themeforest.net/licenses/terms/regular
*/

/* =========================================================
   Klassimobil Ads Boxes (3 widget areas: Ads Box 1/2/3)
   Desktop: 240x400; Mobile: full width, se mută sus din layout
========================================================= */
.km-ads-wrap{
  display:flex;
  flex-direction:column;
  gap:16px;
}

/* ADS – FIX dimensiuni + nu întinde titlul */
.km-adbox{
  width:200px !important;
  height:400px !important;
  flex: 0 0 200px;
}

/* ascunde titlul "Ad1/Ad2/Ad3" ca să nu strice box-ul */
.km-adbox-title{ display:none !important; }

/* NU mai forța *toți* copiii la 100% (titlul era copil) */
.km-adbox > *{
  width:auto !important;
  height:auto !important;
}

/* doar conținutul reclamei să umple box-ul */
.km-adbox img,
.km-adbox iframe,
.km-adbox ins{
  width:100% !important;
  height:100% !important;
  display:block;
  object-fit:cover;
}

/* forțează conținutul să umple box-ul (img/iframe/adsense etc.) */
.km-adbox img,
.km-adbox iframe,
.km-adbox ins,
.km-adbox .widget,
.km-adbox > *{
  width:100% !important;
  height:100% !important;
  display:block;
  object-fit:cover;
}

/* Mobile: box-urile devin full width */
@media (max-width: 991px){
  .km-ads-wrap{ gap:12px; }
  .km-adbox{
    width:100%;
    height:400px;
    border-radius:10px;
  }
}


/* =========================================================
   Extra CSS (mutat din Additional CSS aici)
========================================================= */

/* testimonial carousel */
.rt-el-testimonial-carousel .slick-list {
  overflow: hidden;
}

/* Ascunde filter wrapper */
.rt-el-listing-wrapper .filter-wrapper {
  display:none !important;
}

/* Ascunde numărul de anunțuri din cardurile "Listing Category" (Elementor) */
.rt-listing-category-wrapper .category-content .cat-count-number,
.rt-listing-category .cat-count-number {
  display: none !important;
}

/* Ascunde numărătoarea de rezultate pe arhive CL */
.rtcl-result-count,
.rtcl-archive-top .rtcl-result-count,
.rtcl-sorting .rtcl-result-count {
  display: none !important;
}

/* 1) Bara de sus (div #header-menu) */
#header-menu{
  background: #EAF7F4 !important;
  background-image: none !important; /* taie eventualul gradient */
}
.header-style-4 #header-menu,
.rt-sticky-active #header-menu{
  background: #EAF7F4 !important; /* acopera si varianta sticky/style */
}

/* 2) Butonul de telefon */
#header-menu .header-action .submit-btn .item-btn{
  background-color: #0d2e51 !important;
  border-color:     #0d2e51 !important;
  color: #fff !important;
}
#header-menu .header-action .submit-btn .item-btn .btn-text,
#header-menu .header-action .submit-btn .item-btn i,
#header-menu .header-action .submit-btn .item-btn svg{
  color: #fff !important;
  fill:  #fff !important;
}

/* (optional) un mic efect la hover pe buton */
#header-menu .header-action .submit-btn .item-btn:hover{
  filter: brightness(1.06);
}

/* Header menu: linkuri negre by default */
#header-menu .template-main-menu > ul > li > a,
#header-menu #main-navigation .template-main-menu > ul > li > a {
  color: #111 !important;
  transition: color .15s ease;
}

/* Submeniuri: tot negre by default */
#header-menu .template-main-menu ul.sub-menu li > a {
  color: #111 !important;
}

/* Hover / focus / item activ: alb */
#header-menu .template-main-menu > ul > li:hover > a,
#header-menu .template-main-menu > ul > li > a:hover,
#header-menu .template-main-menu > ul > li > a:focus,
#header-menu .template-main-menu > ul > li.current-menu-item > a,
#header-menu .template-main-menu > ul > li.current-menu-ancestor > a,
#header-menu .template-main-menu ul.sub-menu li > a:hover,
#header-menu .template-main-menu ul.sub-menu li > a:focus {
  color: #fff !important;
}

/* iconițe din meniu să urmeze culoarea linkului */
#header-menu .template-main-menu a i,
#header-menu .template-main-menu a svg {
  fill: currentColor !important;
  color: currentColor !important;
}

/* RT Listing Category – toată cutia devine clicabilă */
.rtcl-categories-grid .rtcl-cat-box,
.rtcl-el-listing-cat-box-1,
.rtcl-cat-box-1{
  position: relative !important;
  cursor: pointer;
}

/* link-ul titlului rămâne deasupra */
.rtcl-categories-grid .rtcl-cat-box .cat-title a{
  position: relative !important;
  z-index: 1;
  text-decoration: none;
}

/* stretched-link: întinde ancora pe toată cutia */
.rtcl-categories-grid .rtcl-cat-box .cat-title a::after{
  content: "";
  position: absolute;
  left: -9999px; right: -9999px;
  top: -9999px;  bottom: -9999px;
  background: transparent;
}

/* cursor mână pe cardurile de categorie */
.rtcl-categories-grid .rtcl-cat-box,
.home-cats .rtcl-cat-box {
  cursor: pointer;
}

/* Contact box curat */
.rtcl-listing-user-info .contact-box {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.rtcl-listing-user-info .phone-btn{
  display: flex;
  align-items: center;
  gap: 50px;
  padding: 12px 16px;
  background: #0d2e51;
  border: 1px solid #0d2e51;
  color: #fff !important;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 600;
}
.rtcl-listing-user-info .phone-btn i {
  color: #fff;
}

.rtcl-listing-user-info .messengers{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 4px;
}
.rtcl-listing-user-info .messengers .msg{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
}
.rtcl-listing-user-info .messengers .wa{
  background: #e8f7ee;
  color: #25D366;
}
.rtcl-listing-user-info .messengers .tg{
  background: #e9f4fd;
  color: #229ED9;
}