
/* =========================================================
   TITIRANGI INDIAN KITCHEN — INNER PAGES
   Shared premium visual system for About / Menu / Reservation / Contact.
   ========================================================= */
body.tik-inner-page { background: #0d0b08; }

.tik-inner-hero {
  position: relative;
  min-height: clamp(410px, 54vw, 620px);
  display: flex;
  align-items: end;
  overflow: hidden;
  isolation: isolate;
  border-bottom: 1px solid rgba(185,144,61,.22);
}
.tik-inner-hero__media,
.tik-inner-hero__shade { position:absolute; inset:0; }
.tik-inner-hero__media {
  z-index: -3;
  width:100%; height:100%; object-fit:cover;
  filter: saturate(.86) brightness(.72) contrast(1.05);
  transform: scale(1.02);
}
.tik-inner-hero__shade {
  z-index:-2;
  background:
    linear-gradient(90deg, rgba(5,4,3,.94) 0%, rgba(5,4,3,.72) 43%, rgba(5,4,3,.25) 75%, rgba(5,4,3,.38) 100%),
    linear-gradient(0deg, rgba(5,4,3,.72) 0%, transparent 55%);
}
.tik-inner-hero::after {
  content:""; position:absolute; inset:22px; z-index:-1;
  border:1px solid rgba(212,174,91,.18); pointer-events:none;
}
.tik-inner-hero__content { padding: clamp(86px, 10vw, 132px) 0 clamp(56px,7vw,86px); }
.tik-inner-hero__crumb {
  display:flex; align-items:center; gap:9px; margin-bottom:16px;
  color:rgba(255,246,226,.58); font-size:11px; font-weight:700;
  letter-spacing:.12em; text-transform:uppercase;
}
.tik-inner-hero__crumb a { color:var(--tik-gold-light); }
.tik-inner-hero__crumb i { font-size:13px; }
.tik-inner-hero__eyebrow {
  display:inline-flex; align-items:center; gap:12px;
  color:var(--tik-gold-light); font-size:11px; font-weight:800;
  letter-spacing:.22em; text-transform:uppercase;
}
.tik-inner-hero__eyebrow::before { content:""; width:42px; height:1px; background:currentColor; }
.tik-inner-hero h1 {
  max-width:850px; margin:18px 0 0; color:#fff5df;
  font-family:"Marcellus",Georgia,serif; font-weight:400;
  font-size:clamp(48px,7vw,92px); line-height:.96; letter-spacing:-.045em;
}
.tik-inner-hero h1 em { display:block; color:var(--tik-gold-light); font-style:normal; }
.tik-inner-hero p {
  max-width:660px; margin:22px 0 0; color:rgba(255,246,226,.68);
  font-size:15px; line-height:1.8;
}

.tik-inner-intro { padding: clamp(70px,7.5vw,112px) 0; background:#f1e6ce; color:#17120c; }
.tik-inner-intro__grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:clamp(40px,7vw,100px); align-items:start; }
.tik-inner-kicker { color:#8a642e; font-size:11px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; }
.tik-inner-intro h2,
.tik-inner-section h2 {
  margin:14px 0 0; font-family:"Marcellus",Georgia,serif;
  font-size:clamp(38px,4.8vw,68px); line-height:1.03; font-weight:400; letter-spacing:-.035em;
}
.tik-inner-intro h2 em,
.tik-inner-section h2 em { display:block; color:#8d672e; font-style:normal; }
.tik-inner-intro__copy p { margin:0 0 16px; color:rgba(23,18,12,.67); font-size:15px; line-height:1.85; }
.tik-inner-intro__facts { margin-top:28px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(105,72,21,.20); border-bottom:1px solid rgba(105,72,21,.20); }
.tik-inner-fact { padding:20px 18px 20px 0; }
.tik-inner-fact + .tik-inner-fact { padding-left:18px; border-left:1px solid rgba(105,72,21,.16); }
.tik-inner-fact i { display:block; color:#8d672e; font-size:23px; line-height:1; margin-bottom:10px; }
.tik-inner-fact strong { display:block; font-family:"Marcellus",serif; font-weight:400; font-size:18px; }
.tik-inner-fact span { display:block; margin-top:5px; color:rgba(23,18,12,.52); font-size:11px; line-height:1.5; }

.tik-inner-section { padding:clamp(72px,7vw,108px) 0; background:#0e0c09; color:#fff4dc; }
.tik-inner-section--cream { background:#fffaf0; color:#17120c; }
.tik-inner-section__head { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:34px; }
.tik-inner-section__head p { max-width:580px; margin:0; color:rgba(255,244,220,.52); font-size:14px; line-height:1.75; }
.tik-inner-section--cream .tik-inner-section__head p { color:rgba(23,18,12,.58); }

.tik-values-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.tik-value-card { position:relative; padding:34px 28px; min-height:260px; border:1px solid rgba(185,144,61,.24); background:#15110c; overflow:hidden; }
.tik-value-card::before { content:""; position:absolute; right:-35px; top:-35px; width:105px; height:105px; border:1px solid rgba(185,144,61,.12); transform:rotate(45deg); }
.tik-value-card__icon { width:54px; height:54px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(185,144,61,.38); color:var(--tik-gold-light); }
.tik-value-card__icon i,.tik-value-card__icon i::before { display:block; line-height:1; }
.tik-value-card__icon i { font-size:23px; }
.tik-value-card h3 { margin:24px 0 0; font-family:"Marcellus",serif; font-size:28px; font-weight:400; }
.tik-value-card p { margin:12px 0 0; color:rgba(255,244,220,.52); font-size:13px; line-height:1.75; }

.tik-inner-cta { padding:42px 0; background:var(--tik-gold); color:#090704; }
.tik-inner-cta__row { display:flex; align-items:center; justify-content:space-between; gap:26px; }
.tik-inner-cta strong { display:block; font-family:"Marcellus",serif; font-size:clamp(26px,3vw,40px); font-weight:400; }
.tik-inner-cta span { display:block; margin-top:4px; color:rgba(9,7,4,.68); font-size:13px; }
.tik-inner-cta__actions { display:flex; gap:10px; flex-wrap:wrap; }
.tik-inner-cta__btn { min-height:48px; padding:0 20px; display:inline-flex; align-items:center; justify-content:center; gap:9px; border:1px solid #0b0906; background:#0b0906; color:#fff3d7; font-size:11px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.tik-inner-cta__btn--ghost { background:transparent; color:#0b0906; }

/* Menu page widget */
.tik-menu-page { background:#f4ead4; color:#17120c; }
.tik-menu-page__wrap { padding:clamp(66px,7vw,108px) 0; }
.tik-menu-page__top { display:grid; grid-template-columns:.78fr 1.22fr; gap:50px; align-items:end; margin-bottom:34px; }
.tik-menu-page__top p { margin:0; color:rgba(23,18,12,.60); line-height:1.75; font-size:14px; }
#menuWidget {
  --omw-accent:#9a7132; --omw-accent2:#6f4f20; --omw-radius:0px; --omw-radius-tab:0px;
  background:transparent !important; padding:0 !important;
}
#menuWidget .omw-tabs-wrap { border-bottom-color:rgba(104,73,24,.22); }
#menuWidget .omw-item { border-color:rgba(104,73,24,.18); box-shadow:0 12px 30px rgba(76,53,18,.08); }
#menuWidget .omw-item-img { height:210px; }
#menuWidget .omw-item-body { padding:18px; }

/* Reservation page */
.tik-inner-page .tik-booking { border-top:0; }
.tik-inner-page .tik-booking__hero { display:none; }
.tik-inner-page .tik-booking__layout { margin-top:0; }
.tik-booking__benefit { grid-template-columns:52px minmax(0,1fr); gap:17px; min-height:78px; align-items:center; }
.tik-booking__benefit-icon { width:50px; height:50px; display:flex; align-items:center; justify-content:center; align-self:center; }
.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 > div { min-height:50px; display:flex; flex-direction:column; justify-content:center; }

/* Contact page */
.tik-inner-page .tik-contact { border-top:0; }
.tik-contact-page-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.tik-contact-page-card { padding:30px; border:1px solid rgba(185,144,61,.22); background:#15110c; }
.tik-contact-page-card i { display:block; color:var(--tik-gold-light); font-size:25px; line-height:1; margin-bottom:18px; }
.tik-contact-page-card strong { display:block; font-family:"Marcellus",serif; font-size:24px; font-weight:400; }
.tik-contact-page-card span,.tik-contact-page-card p { display:block; margin:8px 0 0; color:rgba(255,244,220,.50); font-size:12.5px; line-height:1.7; }
.tik-contact-page-card a { display:inline-flex; align-items:center; gap:7px; margin-top:16px; color:var(--tik-gold-light); font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }

.tik-inner-page .tik-footer { margin-top:0; }

@media (max-width:900px) {
  .tik-inner-intro__grid,.tik-menu-page__top { grid-template-columns:1fr; gap:26px; }
  .tik-values-grid { grid-template-columns:1fr 1fr; }
  .tik-inner-section__head { align-items:start; flex-direction:column; }
  .tik-inner-cta__row { align-items:flex-start; flex-direction:column; }
}
@media (max-width:650px) {
  .tik-inner-hero { min-height:460px; }
  .tik-inner-hero::after { inset:12px; }
  .tik-inner-hero__content { padding-bottom:48px; }
  .tik-inner-intro__facts { grid-template-columns:1fr; }
  .tik-inner-fact + .tik-inner-fact { padding-left:0; border-left:0; border-top:1px solid rgba(105,72,21,.16); }
  .tik-values-grid,.tik-contact-page-grid { grid-template-columns:1fr; }
  .tik-inner-cta__actions { width:100%; }
  .tik-inner-cta__btn { flex:1 1 100%; }
  #menuWidget .omw-item-img { height:180px; }
}


/* Contact page hours inherit the dark contact card instead of the widget's light panel. */
.tik-contact-page-card #hoursWidget {
  --omw-accent:#d4ae5b; --omw-text:#fff4dc; --omw-text-muted:rgba(255,244,220,.56);
  background:transparent !important; padding:0 !important; border-radius:0 !important;
}
.tik-contact-page-card #hoursWidget .omw-section { margin:12px 0 0; }
.tik-contact-page-card #hoursWidget .omw-hours-table { font-size:12px; color:#fff4dc; }
.tik-contact-page-card #hoursWidget .omw-hours-table td { padding:5px 8px 5px 0; background:transparent !important; }
.tik-contact-page-card #hoursWidget .omw-day { min-width:105px; color:#fff4dc; white-space:normal; }
.tik-contact-page-card #hoursWidget .omw-times { color:rgba(255,244,220,.52); }
.tik-contact-page-card #hoursWidget .omw-time-slot { white-space:normal; }
.tik-contact-page-card a > i { display:inline-block; margin:0; font-size:14px; color:currentColor; line-height:1; }
