/* =========================================================
   CurryHouse — modern UI layer (added 2026-07-25)
   Loaded AFTER css/style.css. Purely additive overrides.
   ========================================================= */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");

:root{
  --ch-red:#f42f2c;
  --ch-red-d:#d21f1c;
  --ch-amber:#ff9d3c;
  --ch-ink:#20242a;
  --ch-muted:#6c7278;
  --ch-soft:#faf7f4;
}

/* ---------- Menu: readable dish names ---------- */
.menu_inner .menu_list .list li h3{
  font-family:"Manrope",sans-serif !important;
  font-weight:700 !important;
  font-size:17px !important;
  line-height:1.4 !important;
  color:var(--ch-ink) !important;
  letter-spacing:.1px;
  display:flex;
  align-items:baseline;
  gap:6px;
  flex-wrap:wrap;
  margin-bottom:8px;
}
/* dotted leader that fills the gap to the price */
.menu_inner .menu_list .list li h3::after{
  content:"";
  order:1;
  flex:1 1 40px;
  min-width:24px;
  align-self:center;
  height:0;
  border-bottom:2px dotted #dcdfe3;
}
/* price chip, right-aligned */
.menu_inner .menu_list .list li h3 span{
  order:2;
  float:none !important;
  display:inline-block;
  font-family:"Manrope",sans-serif !important;
  font-weight:700 !important;
  font-size:13.5px !important;
  color:var(--ch-red) !important;
  white-space:nowrap;
  background:rgba(244,47,44,.09);
  padding:3px 11px;
  border-radius:999px;
  line-height:1.5;
}

/* ---------- Menu rows: spacing + hover ---------- */
.menu_inner .menu_list .list li{
  padding:14px 16px !important;
  border-radius:14px;
  transition:background .25s ease, box-shadow .25s ease;
}
.menu_inner .menu_list .list li:hover{
  background:var(--ch-soft);
  box-shadow:0 6px 18px rgba(32,36,42,.06);
}
.menu_inner .menu_list .list li p{
  color:var(--ch-muted) !important;
  line-height:1.55;
  font-size:13.5px !important;
}

/* ---------- Section headings: accent underline ---------- */
.menu_inner .menu_list h1{
  position:relative;
  padding-bottom:16px;
  margin-bottom:34px !important;
}
.menu_inner .menu_list h1::after{
  content:"";
  position:absolute; left:4px; bottom:0;
  width:66px; height:4px; border-radius:4px;
  background:linear-gradient(90deg,var(--ch-red),var(--ch-amber));
}

/* ---------- Buttons ---------- */
.primary-btn{
  border-radius:999px !important;
  font-weight:600 !important;
  letter-spacing:.6px !important;
  border:1.5px solid var(--ch-red) !important;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease !important;
}
.primary-btn:hover{
  transform:translateY(-2px);
  color:#fff !important;
  background:var(--ch-red) !important;
  box-shadow:0 12px 26px rgba(244,47,44,.30) !important;
}

/* ---------- Active nav pill ---------- */
.navbar-nav .nav-item .nav-link.active{
  border-radius:10px;
}

/* ---------- Footer polish ---------- */
.footer-area .single-footer-widget h6{ letter-spacing:.4px; }
.footer-area .single-footer-widget .list li a{ transition:color .2s ease; }
.footer-area .single-footer-widget .list li a:hover{ color:var(--ch-red); }

/* ---------- Mobile refinements ---------- */
@media (max-width:575px){
  .menu_inner .menu_list .list li h3{ font-size:16px !important; }
  .menu_inner .menu_list .list li{ padding:12px 12px !important; }
}