/* Manava Widget — Newly Launched Projects 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-proj-section,
.mh-proj-section *,
.mh-proj-section *:hover,
.mh-proj-section *:focus,
.mh-proj-section *:active,
.mh-proj-section *:visited{
  text-decoration:none !important;
}

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

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

.mh-proj-inner{
  max-width:1200px;
  margin:0 auto;
}

.mh-proj-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:38px;
  flex-wrap:wrap;
}

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

.mh-proj-title{
  font-family:Georgia, 'Times New Roman', serif;
  font-size:34px;
  color:var(--mh-text-green);
  margin:0;
  font-weight:700;
}

.mh-proj-viewall{
  font-size:14px;
  font-weight:700;
  color:var(--mh-text-green);
  text-decoration:none !important;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding-bottom:2px;
  border-bottom:1.5px solid var(--mh-text-green);
  white-space:nowrap;
  transition:color .2s ease, border-color .2s ease;
}
.mh-proj-viewall,
.mh-proj-viewall:hover,
.mh-proj-viewall:focus,
.mh-proj-viewall:active{
  text-decoration:none !important;
}
.mh-proj-viewall:hover{
  color:var(--mh-text-terracotta);
  border-color:var(--mh-text-terracotta);
}
.mh-proj-viewall i{font-style:normal;}

.mh-proj-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:24px;
}

.mh-proj-card{
  background:var(--mh-bg-white);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 6px 18px rgba(15,36,56,0.10);
  transition:transform .25s ease, box-shadow .25s ease;
  display:flex;
  flex-direction:column;
}
.mh-proj-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 34px rgba(15,36,56,0.18);
}

.mh-proj-media{
  position:relative;
  height:170px;
  overflow:hidden;
}
.mh-proj-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .5s ease;
}
.mh-proj-card:hover .mh-proj-media img{
  transform:scale(1.07);
}

.mh-proj-badge{
  position:absolute;
  top:14px;
  left:14px;
  background:var(--mh-bg-navy);
  color:var(--mh-text-white);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:1px;
  padding:6px 10px;
  border-radius:6px;
  text-transform:uppercase;
}

.mh-proj-body{
  padding:20px;
  display:flex;
  flex-direction:column;
  flex:1;
}

.mh-proj-builder{
  font-size:12px;
  font-weight:600;
  color:var(--mh-text-green);
  opacity:0.65;
  margin:0 0 4px;
  text-transform:uppercase;
  letter-spacing:0.4px;
}

.mh-proj-name{
  font-size:18px;
  font-weight:700;
  color:var(--mh-text-green);
  margin:0 0 12px;
  line-height:1.3;
}

.mh-proj-price{
  font-size:16px;
  font-weight:700;
  color:var(--mh-text-terracotta);
  margin-bottom:14px;
}

.mh-proj-meta{
  display:flex;
  flex-direction:column;
  gap:9px;
  margin-bottom:18px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(30,58,46,0.14);
}
.mh-proj-meta-row{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  color:var(--mh-text-green);
  opacity:0.8;
}
.mh-proj-meta-row svg{
  width:16px;
  height:16px;
  color:var(--mh-text-terracotta);
  flex-shrink:0;
  opacity:1;
}

.mh-proj-btn{
  margin-top:auto;
  display:block;
  text-align:center;
  background:var(--mh-btn-terracotta);
  color:var(--mh-text-white);
  text-decoration:none !important;
  font-size:14px;
  font-weight:700;
  padding:12px;
  border-radius:8px;
  transition:background .2s ease;
}
.mh-proj-btn,
.mh-proj-btn:hover,
.mh-proj-btn:focus,
.mh-proj-btn:active{
  text-decoration:none !important;
}
.mh-proj-btn:hover{
  background:var(--mh-btn-gold);
}

/* ---------- TABLET ---------- */
@media (max-width: 1080px){
  .mh-proj-grid{
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ---------- MOBILE ---------- */
@media (max-width: 560px){
  .mh-proj-section{padding:52px 16px;}
  .mh-proj-title{font-size:26px;}
  .mh-proj-head{
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
  }
  .mh-proj-grid{
    grid-template-columns: 1fr;
    gap:18px;
  }
}