/* ============================================================
   genting-dream-restaurants.php — page-specific styles
============================================================ */

/* PAGE HERO */
.phero{position:relative;color:#fff;overflow:hidden;padding:64px 0 72px}
.phero-bg{position:absolute;inset:0;z-index:0}
.phero-bg img{width:100%;height:100%;object-fit:cover}
.phero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,rgba(8,29,54,.95) 0%,rgba(8,29,54,.82) 45%,rgba(8,29,54,.5) 100%)}
.phero .wrap{position:relative;z-index:5}
.crumbs{font-size:.86rem;color:#a9bccf;margin-bottom:20px;display:flex;gap:8px;flex-wrap:wrap}
.crumbs a{color:#cdd9e5}.crumbs a:hover{color:#fff}
.crumbs span{color:#ff9684}
.phero h1{font-size:clamp(2.1rem,4.4vw,3.4rem);color:#fff;max-width:820px;margin-bottom:16px}
.phero h1 em{font-style:italic;color:#ffb3a3}
.phero p{font-size:clamp(1rem,1.7vw,1.16rem);color:#d3deea;max-width:680px;margin-bottom:28px}
.phero-actions{display:flex;gap:14px;flex-wrap:wrap}
.phero-meta{display:flex;gap:30px;margin-top:36px;flex-wrap:wrap;padding-top:28px;border-top:1px solid rgba(255,255,255,.15)}
.phero-meta div b{font-family:'Playfair Display';font-size:1.5rem;color:#fff;display:block;line-height:1}
.phero-meta div b span{color:#ff9684}
.phero-meta div small{font-size:.8rem;color:#9fb1c4}

/* STICKY QUICK NAV */
.qnav{position:sticky;top:73px;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.qnav .wrap{display:flex;gap:10px;overflow-x:auto;padding:14px 26px;scrollbar-width:none}
.qnav .wrap::-webkit-scrollbar{display:none}
.qnav a{flex:none;font-size:.86rem;font-weight:700;color:var(--slate);padding:8px 16px;border-radius:50px;border:1px solid var(--line);transition:.2s;white-space:nowrap}
.qnav a:hover{color:var(--coral);border-color:var(--coral)}

/* INTRO + SUMMARY CARDS */
.intro-copy{max-width:920px}
.intro-copy p{color:var(--slate);font-size:1.07rem;margin-bottom:16px}
.intro-copy strong{color:var(--ink)}
.tot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}
.tot-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px 22px;transition:.25s}
.tot-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:#dfe6ee}
.tot-card .ti{font-size:1.6rem;margin-bottom:8px}
.tot-card b{font-family:'Playfair Display';font-size:1.7rem;color:var(--navy);display:block;line-height:1;margin-bottom:4px}
.tot-card span{font-size:.85rem;color:var(--slate);font-weight:600}

/* RESTAURANT FULL BLOCK */
.rest-block{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;margin-bottom:34px;box-shadow:var(--sh-sm)}
.rb-head{display:grid;grid-template-columns:1fr 1.05fr;gap:0}
.rb-media{position:relative;min-height:320px}
.rb-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rb-media .rb-badge{position:absolute;top:18px;left:18px;padding:7px 15px;border-radius:8px;font-size:.78rem;font-weight:800;z-index:2;box-shadow:0 4px 12px rgba(0,0,0,.2);color:#fff}
.rb-media .rb-badge.free{background:#2e7d4a}
.rb-media .rb-badge.spec{background:var(--coral)}
.rb-media .rb-badge.palace{background:linear-gradient(135deg,var(--gold),#d9b06d);color:var(--navy-deep)}
.rb-info{padding:32px 36px;display:flex;flex-direction:column;justify-content:center}
.rb-info .rcuisine{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--coral);margin-bottom:8px}
.rb-info h2{font-size:clamp(1.5rem,2.4vw,1.85rem);margin-bottom:10px}
.rb-info > p{font-size:.98rem;color:var(--slate);margin-bottom:18px}
.rb-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;padding:16px 18px;background:var(--bg-soft);border-radius:var(--r);border:1px solid var(--line)}
.rb-meta div small{display:block;font-size:.7rem;font-weight:800;color:var(--slate-light);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}
.rb-meta div b{font-family:'Plus Jakarta Sans';font-size:.94rem;color:var(--navy);font-weight:700;display:block;line-height:1.2}
.signature-dishes{margin-bottom:18px}
.signature-dishes h4{font-family:'Plus Jakarta Sans';font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);margin-bottom:10px}
.signature-dishes ul{list-style:none}
.signature-dishes li{font-size:.9rem;color:var(--ink);padding:5px 0;display:flex;gap:9px;align-items:flex-start}
.signature-dishes li::before{content:'▪';color:var(--coral);font-size:.9rem;flex:none;line-height:1.4}
.rb-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:auto}
.rb-tip{padding:16px 22px;background:#fff8f1;border-top:1px solid #ffe4d0;font-size:.88rem;color:#7a4513}
.rb-tip b{color:var(--coral-deep)}

/* DRINKS / BARS CARDS */
.bars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.bar{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:.3s}
.bar:hover{transform:translateY(-5px);box-shadow:var(--sh-md)}
.bar-img{height:160px;position:relative;overflow:hidden}
.bar-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.bar:hover .bar-img img{transform:scale(1.06)}
.bar-body{padding:20px 22px}
.bar-body h3{font-size:1.12rem;margin-bottom:4px}
.bar-body .btype{font-size:.76rem;font-weight:800;color:var(--coral);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;display:block}
.bar-body p{font-size:.88rem;color:var(--slate);margin-bottom:10px}
.bar-body .bdeck{font-size:.82rem;color:var(--slate-light);font-weight:600;padding-top:10px;border-top:1px dashed var(--line)}

/* DIETARY CARDS */
.diet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.diet{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 24px;transition:.3s;text-align:center}
.diet:hover{transform:translateY(-4px);box-shadow:var(--sh-md)}
.diet .di{font-size:2rem;margin-bottom:10px}
.diet h3{font-size:1.1rem;margin-bottom:8px}
.diet p{font-size:.88rem;color:var(--slate)}

/* HOW IT WORKS / TIPS */
.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tip{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 24px;transition:.3s}
.tip:hover{transform:translateY(-4px);box-shadow:var(--sh-md)}
.tip .t-ico{width:48px;height:48px;border-radius:12px;background:var(--coral-soft);display:grid;place-items:center;margin-bottom:14px;font-size:1.3rem}
.tip h3{font-size:1.12rem;margin-bottom:8px}
.tip p{font-size:.9rem;color:var(--slate)}

/* PRICE TABLE */
.cmp-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm)}
table.cmp{width:100%;border-collapse:collapse;font-size:.92rem;min-width:680px;background:#fff}
table.cmp th{background:var(--navy);color:#fff;text-align:left;padding:15px 18px;font-family:'Plus Jakarta Sans';font-weight:700;font-size:.8rem;letter-spacing:.02em}
table.cmp td{padding:14px 18px;border-bottom:1px solid var(--line-soft);vertical-align:top}
table.cmp tr:last-child td{border-bottom:none}
table.cmp tbody tr:hover td{background:var(--bg-soft)}
table.cmp .rt{font-weight:700;color:var(--navy)}
table.cmp .price-c{font-family:'Playfair Display';font-weight:700;color:var(--coral);white-space:nowrap}
.tcheck{color:#2e7d4a;font-weight:800}
.tx{color:#c44}

/* RESPONSIVE */
@media(max-width:1000px){
  .tot-grid{grid-template-columns:1fr 1fr}
  .rb-head{grid-template-columns:1fr}
  .rb-media{min-height:240px}
  .rb-meta{grid-template-columns:1fr 1fr 1fr}
  .bars-grid,.tips-grid{grid-template-columns:1fr 1fr}
  .diet-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .qnav{top:69px}
  .tot-grid{grid-template-columns:1fr 1fr}
  .bars-grid,.tips-grid{grid-template-columns:1fr}
  .diet-grid{grid-template-columns:1fr 1fr}
  .rb-info{padding:26px 24px}
  .rb-meta{grid-template-columns:1fr;gap:8px}
  .phero-meta{gap:20px}
}
@media(max-width:520px){
  .tot-grid,.diet-grid{grid-template-columns:1fr}
}
