/* Manava Widget — Rental Homes list base styles
   Mirrors the original design exactly; Elementor's control-generated
   CSS layers on top of this per widget instance. */

/* Global guard: nothing inside this widget ever shows an underline,
   no matter what the active theme's own link styles try to force. */
.mh-rent-section,
.mh-rent-section *,
.mh-rent-section *:hover,
.mh-rent-section *:focus,
.mh-rent-section *:active,
.mh-rent-section *:visited{
  text-decoration:none !important;
}

.mh-rent-section{
  --mh-bg-white:#ffffff;
  --mh-bg-cream:#f5f1e8;
  --mh-text-navy:#0f2438;
  --mh-text-green:#1e3a2e;
  --mh-text-terracotta:#a8632f;
  --mh-btn-gold:#ba9959;
  --mh-btn-terracotta:#c1794a;

  background:var(--mh-bg-white);
  padding:80px 24px;
  font-family:'Poppins','Segoe UI', Helvetica, Arial, sans-serif;
  box-sizing:border-box;
}
.mh-rent-section *{box-sizing:border-box;}

.mh-rent-inner{
  max-width:900px;
  margin:0 auto;
}

.mh-rent-head{
  text-align:center;
  margin-bottom:46px;
}

.mh-rent-eyebrow{
  font-size:12px;
  font-weight:700;
  letter-spacing:3px;
  color:var(--mh-text-terracotta);
  margin:0 0 14px;
  text-transform:uppercase;
}

.mh-rent-heading{
  font-family:'Playfair Display', Georgia, 'Times New Roman', serif;
  font-size:34px;
  color:var(--mh-text-navy);
  margin:0;
  font-weight:700;
}

.mh-rent-list{
  border-top:1px solid rgba(30,58,46,0.14);
}

.mh-rent-row{
  display:flex;
  align-items:center;
  gap:22px;
  padding:18px 14px;
  border-bottom:1px solid rgba(30,58,46,0.14);
  transition:background .25s ease, padding-left .25s ease;
}
.mh-rent-row:hover{
  background:var(--mh-bg-cream);
  padding-left:22px;
}

.mh-rent-num{
  font-family:Georgia, serif;
  font-size:15px;
  color:var(--mh-text-green);
  opacity:0.35;
  flex-shrink:0;
  width:22px;
}

.mh-rent-img{
  width:78px;
  height:78px;
  border-radius:12px;
  overflow:hidden;
  flex-shrink:0;
  display:block;
}
.mh-rent-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .4s ease;
}
.mh-rent-row:hover .mh-rent-img img{
  transform:scale(1.1);
}

.mh-rent-text{
  display:flex;
  flex-direction:column;
  gap:4px;
  flex:1;
  min-width:0;
}

.mh-rent-item-title{
  font-size:21px;
  font-weight:700;
  color:var(--mh-text-green);
  transition:color .25s ease;
}
.mh-rent-row:hover .mh-rent-item-title{
  color:var(--mh-text-terracotta);
}

.mh-rent-desc{
  font-size:13.5px;
  color:var(--mh-text-green);
  opacity:0.55;
}

.mh-rent-arrow{
  width:36px;
  height:36px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--mh-text-green);
  opacity:0.35;
  flex-shrink:0;
  transform:translateX(-6px);
  transition:transform .25s ease, opacity .25s ease, color .25s ease;
}
.mh-rent-arrow svg{width:20px;height:20px;}
.mh-rent-row:hover .mh-rent-arrow{
  transform:translateX(0);
  opacity:1;
  color:var(--mh-btn-terracotta);
}

.mh-rent-cta{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:max-content;
  margin:38px auto 0;
  font-size:14.5px;
  font-weight:700;
  color:#ffffff;
  background:var(--mh-btn-terracotta);
  padding:13px 26px;
  border-radius:8px;
  transition:background .2s ease;
}
.mh-rent-cta:hover{
  background:var(--mh-btn-gold);
}
.mh-rent-cta i{font-style:normal;}

/* ---------- MOBILE ---------- */
@media (max-width: 640px){
  .mh-rent-section{padding:56px 16px;}
  .mh-rent-heading{font-size:26px;}
  .mh-rent-row{
    gap:14px;
    padding:16px 6px;
  }
  .mh-rent-row:hover{padding-left:10px;}
  .mh-rent-num{display:none;}
  .mh-rent-img{width:58px;height:58px;border-radius:10px;}
  .mh-rent-item-title{font-size:16px;}
  .mh-rent-desc{font-size:12px;}
  .mh-rent-arrow{display:none;}
}
