/* ==========================================================================
   NAWAB 7 V12: cuisine segregation + readable card system
   This file intentionally loads last. It neutralizes legacy card overrides.
   ========================================================================== */

.signature .head{
  margin-bottom:clamp(26px,4vw,46px)!important;
}
.signature-groups{
  display:grid!important;
  gap:clamp(28px,4vw,52px)!important;
}
.signature-group{
  position:relative;
  overflow:hidden;
  padding:clamp(16px,2.2vw,26px);
  border:1px solid rgba(241,210,122,.16);
  border-radius:clamp(24px,3vw,36px);
  background:
    radial-gradient(circle at 100% 0,rgba(212,169,65,.10),transparent 34%),
    linear-gradient(155deg,rgba(30,20,13,.96),rgba(10,7,5,.99));
  box-shadow:0 28px 80px rgba(0,0,0,.28);
}
.signature-group::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 28%,transparent 70%,rgba(212,169,65,.03));
}
.signature-group-head{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,340px);
  gap:clamp(16px,3vw,34px);
  align-items:end;
  margin-bottom:clamp(16px,2vw,24px);
}
.signature-group-title{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 7px;
  color:var(--cream);
  font-family:var(--serif);
  font-size:clamp(1.9rem,3.2vw,2.75rem);
  line-height:1;
}
.signature-group-title::before{
  content:"";
  width:34px;
  height:1px;
  flex:0 0 auto;
  background:var(--gold2);
  box-shadow:0 0 18px rgba(241,210,122,.28);
}
.signature-group-copy{
  margin:0;
  color:rgba(246,238,226,.72);
  font-size:.88rem;
  line-height:1.65;
}
.cuisine-pill{
  display:inline-flex;
  width:max-content;
  margin-bottom:10px;
  padding:.38rem .62rem;
  border:1px solid rgba(241,210,122,.24);
  border-radius:999px;
  color:var(--gold2);
  background:rgba(7,5,4,.48);
  font-size:.64rem;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.signature-group-visual{
  position:relative;
  height:112px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:#0c0806;
}
.signature-group-visual img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}
.signature-group-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(8,5,3,.08),rgba(8,5,3,.34));
  pointer-events:none;
}
.signature-group .dish-grid{
  position:relative;
  z-index:1;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(14px,1.8vw,22px)!important;
}
.signature .dish{
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
  overflow:hidden!important;
  border:1px solid rgba(241,210,122,.15)!important;
  border-radius:24px!important;
  background:#130d09!important;
  box-shadow:0 18px 48px rgba(0,0,0,.24)!important;
  transform:none;
}
.signature .dish:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(241,210,122,.42)!important;
}
.signature .dish-media{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16/11!important;
  flex:0 0 auto!important;
  overflow:hidden!important;
  background:#090604!important;
}
.signature .dish-media::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:34%;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(19,13,9,.58));
}
.signature .dish-media img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
}
.signature .dish-body{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:18px 18px 19px!important;
  background:
    linear-gradient(180deg,rgba(25,17,12,1),rgba(16,11,8,1))!important;
  border-top:1px solid rgba(241,210,122,.10)!important;
  opacity:1!important;
  transform:none!important;
}
.signature .dish-body::before{
  content:"";
  position:absolute;
  left:18px;
  top:-1px;
  width:52px;
  height:2px;
  background:linear-gradient(90deg,var(--gold2),transparent);
}
.signature .dish h3{
  position:static!important;
  width:auto!important;
  margin:0!important;
  color:#fff8ed!important;
  font-size:clamp(1.5rem,2.2vw,1.9rem)!important;
  line-height:1.05!important;
  text-align:left!important;
  text-wrap:wrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  white-space:normal!important;
}
.signature .dish p{
  position:static!important;
  display:block!important;
  margin:9px 0 15px!important;
  color:rgba(246,238,226,.70)!important;
  font-size:.82rem!important;
  line-height:1.55!important;
  text-align:left!important;
  text-wrap:pretty!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
}
.signature .dish .price{
  position:static!important;
  display:inline-flex!important;
  width:max-content!important;
  margin-top:auto!important;
  padding:.38rem .58rem!important;
  border:1px solid rgba(241,210,122,.18)!important;
  border-radius:999px!important;
  background:rgba(212,169,65,.07)!important;
  color:var(--gold2)!important;
  font-size:.72rem!important;
  line-height:1!important;
  letter-spacing:.06em!important;
}

/* Full-menu subsection banners create clear visual separation. */
.menu-subcategory-banner{
  grid-column:1/-1!important;
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(210px,340px)!important;
  align-items:stretch!important;
  min-height:148px;
  margin:clamp(18px,3vw,34px) 0 2px!important;
  overflow:hidden;
  border:1px solid rgba(241,210,122,.16);
  border-radius:24px;
  background:
    radial-gradient(circle at 90% 0,rgba(212,169,65,.12),transparent 36%),
    linear-gradient(135deg,#19110c,#0c0806);
  box-shadow:0 18px 48px rgba(0,0,0,.20);
}
.menu-subcategory-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:clamp(18px,3vw,28px);
}
.menu-subcategory-copy span{
  margin-bottom:8px;
  color:var(--gold2);
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.menu-subcategory-copy h3{
  margin:0;
  color:#fff8ed;
  font-family:var(--serif);
  font-size:clamp(1.65rem,3vw,2.35rem);
  line-height:1;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.menu-subcategory-copy p{
  margin:9px 0 0;
  max-width:58ch;
  color:rgba(246,238,226,.68);
  font-size:.8rem;
  line-height:1.55;
}
.menu-subcategory-visuals{
  display:grid;
  grid-template-columns:repeat(var(--visual-count,1),minmax(0,1fr));
  min-width:0;
  background:#090604;
}
.menu-subcategory-visuals img{
  width:100%!important;
  height:100%!important;
  min-height:148px;
  display:block!important;
  object-fit:cover!important;
}
.menu-subcategory-visuals img+img{
  border-left:1px solid rgba(255,255,255,.08);
}
.menu-subcategory-visuals::after{
  content:"";
  position:absolute;
  inset:0 0 0 auto;
  width:min(38%,380px);
  pointer-events:none;
  background:linear-gradient(90deg,rgba(12,8,6,.48),transparent 30%);
}
.menu-dishes-grid>.menu-dish-card{
  background:linear-gradient(180deg,#18100c,#100b08)!important;
}
.menu-dish-card-body{
  background:linear-gradient(180deg,rgba(24,16,12,.98),rgba(14,10,7,.99))!important;
}
.menu-dish-card h3{
  overflow-wrap:normal!important;
  word-break:normal!important;
  text-wrap:wrap!important;
}
.menu-dish-card p{
  color:rgba(246,238,226,.68)!important;
}
.menu-category-cover img{
  object-fit:cover!important;
}

/* Popup subsection headers also show the correct visual identity. */
.pop-subhead{
  min-height:58px;
  padding:8px 8px 8px 12px;
  border:1px solid rgba(241,210,122,.12);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(29,19,13,.96),rgba(12,8,6,.98));
}
.pop-subhead>span:first-child{
  min-width:0;
}
.pop-subhead-media{
  display:flex;
  flex:0 0 auto!important;
  gap:5px!important;
  margin-left:auto;
}
.pop-subhead-media img{
  width:52px!important;
  height:42px!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.08);
}

/* Mobile: use an unambiguous stacked card. No text can sit on the image. */
@media(max-width:900px){
  .signature-group-head{
    grid-template-columns:1fr!important;
  }
  .signature-group-visual{
    height:150px;
  }
  .signature-group .dish-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:720px){
  .signature .head{
    grid-template-columns:1fr!important;
    gap:15px!important;
  }
  .signature .head .lede{
    margin:0!important;
    max-width:38ch!important;
    font-size:.88rem!important;
    line-height:1.6!important;
  }
  .signature-groups{
    gap:22px!important;
  }
  .signature-group{
    padding:12px!important;
    border-radius:24px!important;
  }
  .signature-group-head{
    display:block!important;
    margin-bottom:13px!important;
    padding:5px 4px 0!important;
  }
  .signature-group-title{
    font-size:1.85rem!important;
  }
  .signature-group-copy{
    font-size:.78rem!important;
    line-height:1.5!important;
  }
  .signature-group-visual{
    height:126px!important;
    margin-top:13px!important;
    border-radius:16px!important;
  }
  .signature-group .dish-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .signature .dish{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    border-radius:20px!important;
  }
  .signature .dish-media{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
  }
  .signature .dish-body{
    width:100%!important;
    min-height:0!important;
    padding:16px 16px 17px!important;
    background:#17100c!important;
  }
  .signature .dish h3{
    font-size:1.55rem!important;
    line-height:1.04!important;
  }
  .signature .dish p{
    margin:8px 0 13px!important;
    font-size:.79rem!important;
    line-height:1.5!important;
  }
  .signature .dish .price{
    font-size:.69rem!important;
  }
  .menu-subcategory-banner{
    grid-template-columns:1fr!important;
    min-height:0!important;
    margin-top:22px!important;
    border-radius:20px!important;
  }
  .menu-subcategory-copy{
    padding:17px 16px!important;
  }
  .menu-subcategory-copy h3{
    font-size:1.65rem!important;
  }
  .menu-subcategory-copy p{
    font-size:.75rem!important;
  }
  .menu-subcategory-visuals{
    min-height:134px;
  }
  .menu-subcategory-visuals img{
    min-height:134px!important;
    max-height:160px!important;
  }
  .menu-subcategory-visuals::after{
    display:none;
  }
  .pop-subhead{
    font-size:1.1rem!important;
  }
  .pop-subhead-media img{
    width:44px!important;
    height:38px!important;
  }
}
@media(max-width:390px){
  .signature-group-title{
    font-size:1.68rem!important;
  }
  .signature .dish h3{
    font-size:1.43rem!important;
  }
  .pop-subhead-media img:nth-child(n+2){
    display:none!important;
  }
}