/* =========================================================
   TITIRANGI INDIAN KITCHEN — 2026 LAYOUT REFRESH
   Adds a stronger homepage rhythm without changing the brand.
   ========================================================= */

/* Header feels a little lighter and gives navigation more breathing room. */
.tik-nav {
  grid-template-columns: 232px 1fr auto;
  gap: 28px;
}
.tik-brand { width: 222px; }
.tik-menu { gap: clamp(18px, 2vw, 30px); }

/* Experience strip */
.tik-experience-strip {
  position: relative;
  z-index: 5;
  margin-top: -1px;
  background: #0b0906;
  border-top: 1px solid rgba(185,144,61,.20);
  border-bottom: 1px solid rgba(185,144,61,.20);
}
.tik-experience-strip__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
}
.tik-experience-strip__item {
  min-height: 104px;
  display: grid;
  grid-template-columns: 52px minmax(0,1fr);
  align-items: center;
  gap: 16px;
  padding: 22px 28px;
}
.tik-experience-strip__item + .tik-experience-strip__item {
  border-left: 1px solid rgba(185,144,61,.15);
}
.tik-experience-strip__icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 48px;
  color: var(--tik-gold-light);
  border: 1px solid rgba(185,144,61,.40);
  background: rgba(185,144,61,.045);
}
.tik-experience-strip__icon i,
.tik-experience-strip__icon i::before {
  display: block;
  line-height: 1;
}
.tik-experience-strip__icon i { font-size: 21px; }
.tik-experience-strip__item strong,
.tik-experience-strip__item span { display: block; }
.tik-experience-strip__item strong {
  color: #fff4dc;
  font-family: "Marcellus", Georgia, serif;
  font-size: 18px;
  font-weight: 400;
}
.tik-experience-strip__item span {
  margin-top: 4px;
  color: rgba(255,244,220,.48);
  font-size: 11.5px;
  line-height: 1.5;
}

/* About appears earlier on the refreshed home page. */
.tik-about { border-top: 0; }

/* Menu cards become a more editorial mosaic on desktop. */
@media (min-width: 981px) {
  .tik-menu-showcase__grid {
    grid-template-columns: minmax(300px,.70fr) minmax(0,1.7fr);
    align-items: start;
  }
  .tik-menu-showcase__cards {
    grid-template-columns: repeat(2,minmax(0,1fr));
    align-items: stretch;
  }
  .tik-menu-card:first-child {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0,1.08fr) minmax(260px,.92fr);
  }
  .tik-menu-card:first-child .tik-menu-card__media {
    aspect-ratio: auto;
    min-height: 320px;
  }
  .tik-menu-card:first-child .tik-menu-card__body {
    min-height: 320px;
    padding: 36px 30px 28px;
  }
  .tik-menu-card:first-child h3 { font-size: clamp(32px,3vw,46px); }
  .tik-menu-card:not(:first-child) .tik-menu-card__media { aspect-ratio: 16 / 11; }
  .tik-menu-card:not(:first-child) .tik-menu-card__body { min-height: 205px; }
}

/* Reservation icon alignment + cleaner row layout. */
.tik-booking__benefit {
  grid-template-columns: 52px minmax(0,1fr);
  gap: 17px;
  min-height: 78px;
  padding: 14px 0;
  align-items: center;
}
.tik-booking__benefit-icon {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  flex: 0 0 50px;
}
.tik-booking__benefit-icon i,
.tik-booking__benefit-icon i::before {
  display: block;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.tik-booking__benefit-icon i { font-size: 20px; }
.tik-booking__benefit > div {
  min-width: 0;
  min-height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tik-booking__benefit strong { line-height: 1.25; }
.tik-booking__benefit div > span { line-height: 1.45; }

/* Contact gets a more compact split layout after reservations. */
.tik-contact__card { border-radius: 0 38px 0 0; }
.tik-contact__mini a { min-height: 82px; }
.tik-contact__mini i,
.tik-contact__mini i::before { display:block; line-height:1; }

@media (max-width: 1050px) {
  .tik-nav { grid-template-columns: 205px 1fr auto; }
  .tik-brand { width: 198px; }
}
@media (max-width: 900px) {
  .tik-nav { grid-template-columns: 1fr auto; }
  .tik-brand { width: 205px; }
  .tik-experience-strip__item { padding-inline: 18px; }
}
@media (max-width: 720px) {
  .tik-experience-strip__grid { grid-template-columns: 1fr; }
  .tik-experience-strip__item { min-height: 88px; padding: 18px 4px; }
  .tik-experience-strip__item + .tik-experience-strip__item {
    border-left: 0;
    border-top: 1px solid rgba(185,144,61,.15);
  }
}