/*
Theme Name: Rim Bangkok Restaurants
Theme URI: https://example.com/rim-bangkok
Author: Rim Bangkok
Description: Custom bilingual landing theme for Rim Rooftop and Rim Grill Bangkok with WhatsApp booking, LINE button, news feed, local SEO and Google Ads landing-page structure.
Version: 1.0.0
Text Domain: rim-bangkok
*/
:root{--bg:#0b0c09;--bg2:#11120e;--card:#171812;--cream:#f4efe4;--muted:#aaa69c;--gold:#d5a85a;--line:#333329;--green:#06c755;--wa:#25d366;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:"Kanit",Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.site-header{height:78px;padding:0 max(20px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:22px;position:sticky;top:0;background:rgba(11,12,9,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:50}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:40px;height:40px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font:700 24px/1 Georgia,serif;color:var(--gold)}.brand strong,.brand small{display:block}.brand small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.site-header nav{display:flex;gap:24px;align-items:center}.site-header nav a{font-size:14px}.lang-btn{border:1px solid var(--line);background:transparent;color:var(--cream);padding:8px 12px;border-radius:999px;cursor:pointer}.hero{min-height:calc(100vh - 78px);position:relative;display:flex;align-items:center;background-size:cover;background-position:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,3,.88),rgba(4,5,3,.35) 60%,rgba(4,5,3,.5))}.hero-content{position:relative;z-index:2;width:min(var(--max),calc(100% - 48px));margin:auto}.eyebrow{color:var(--gold);letter-spacing:.15em;text-transform:uppercase;font-size:12px;font-weight:600}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(54px,8vw,110px);line-height:.92;max-width:880px;margin:12px 0 25px}.hero-text{max-width:680px;font-size:19px;color:#ddd7ca}.hero-actions,.venue-actions,.social-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 21px;border-radius:999px;border:1px solid transparent;font-weight:600;cursor:pointer}.btn.primary{background:var(--gold);color:#15120c}.btn.ghost{border-color:#777166;background:rgba(0,0,0,.22)}.btn.whatsapp{background:var(--wa);color:#05230f}.btn.line{background:var(--green);color:white}.section-pad{width:min(var(--max),calc(100% - 48px));margin:auto;padding:105px 0}.intro{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end}.intro h2,.section-head h2,.booking h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,5vw,68px);line-height:1.03;margin:12px 0}.intro>p,.booking-copy>p:last-child{font-size:18px;color:var(--muted)}.venue{display:grid;grid-template-columns:1.1fr .9fr;min-height:650px;background:var(--bg2)}.venue.reverse{grid-template-columns:.9fr 1.1fr;background:#14150f}.venue.reverse .venue-image{order:2}.venue-image{min-height:590px;background-size:cover;background-position:center}.venue-copy{padding:80px clamp(30px,7vw,100px);display:flex;flex-direction:column;justify-content:center}.venue-copy h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(40px,5vw,68px);line-height:1.03;margin:12px 0 22px}.venue-copy>p:not(.eyebrow){color:var(--muted);font-size:17px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.chips span{font-size:12px;padding:7px 11px;border:1px solid var(--line);border-radius:999px}.signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0 30px}.signature-grid div{border-top:1px solid var(--line);padding-top:16px}.signature-grid strong,.signature-grid small{display:block}.signature-grid small{color:var(--muted);margin-top:6px}.booking{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.booking-form{background:var(--card);border:1px solid var(--line);padding:34px;border-radius:22px;display:grid;gap:16px}.booking-form label span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#d5d1c7;margin-bottom:7px}.booking-form input,.booking-form select,.booking-form textarea{width:100%;background:#10110d;border:1px solid var(--line);border-radius:10px;color:var(--cream);padding:13px 14px;font:inherit}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{width:100%}.form-note{color:var(--muted);font-size:12px;text-align:center;margin:0}.section-head{text-align:center;max-width:760px;margin:0 auto 42px}.news{background:var(--bg2)}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.news-card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.news-thumb{aspect-ratio:16/10;background:#25261f center/cover no-repeat}.news-body{padding:24px;display:flex;flex-direction:column;flex:1}.news-date{font-size:12px;color:var(--gold);text-transform:uppercase;letter-spacing:.1em}.news-card h3{font-family:Georgia,"Times New Roman",serif;font-size:28px;line-height:1.1;margin:10px 0 12px}.news-card p{color:var(--muted);margin:0 0 16px}.text-link{color:var(--gold);font-weight:500;margin-top:auto}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.location-card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}.location-card>div{padding:30px}.location-card h3{font-family:Georgia,"Times New Roman",serif;font-size:34px;margin:5px 0 10px}.number{color:var(--gold);font-size:12px;letter-spacing:.16em}.location-card p{color:var(--muted)}.location-card iframe{border:0;width:100%;height:260px;display:block}.seo-strip{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.seo-strip div{padding:38px max(24px,calc((100vw - var(--max))/2));padding-right:40px}.seo-strip div+div{border-left:1px solid var(--line);padding-left:40px}.seo-strip small,.seo-strip strong{display:block}.seo-strip small{color:var(--muted);margin-bottom:7px}.seo-strip strong{font-family:Georgia,"Times New Roman",serif;font-size:24px}
.experience{padding-top:40px}
.section-head.compact{margin-bottom:28px}
.experience-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:22px}
.experience-card{position:relative;min-height:300px;background:center/cover no-repeat;border-radius:22px;overflow:hidden;border:1px solid var(--line)}
.experience-card.large{min-height:420px}
.experience-card::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,8,6,.08),rgba(7,8,6,.78) 78%)}
.experience-overlay{position:absolute;left:0;right:0;bottom:0;padding:24px;z-index:2}
.experience-overlay h3{font-family:Georgia,"Times New Roman",serif;font-size:30px;line-height:1.05;margin:8px 0 0}
.experience-overlay.dark::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.55));z-index:-1}

footer{padding:55px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;align-items:center;color:var(--muted)}.footer-brand{color:var(--cream)}.floating-actions{position:fixed;right:18px;bottom:18px;display:grid;gap:10px;z-index:60}.floating-action{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-weight:800;box-shadow:0 12px 30px #0008}.floating-action.wa{background:var(--wa);color:#052d14}.floating-action.li{background:var(--green);color:#fff}.article-wrap{width:min(860px,calc(100% - 40px));margin:70px auto}.article-wrap h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,7vw,76px);line-height:1}.article-wrap .entry-meta{color:var(--gold);margin-bottom:22px}.article-wrap .entry-content{font-size:18px}.article-wrap .entry-content p{margin:0 0 1.2em}
@media(max-width:920px){.site-header nav{display:none}.intro,.booking{grid-template-columns:1fr;gap:30px}.experience-grid{grid-template-columns:1fr}.experience-card.large,.experience-card{min-height:280px}.venue,.venue.reverse{grid-template-columns:1fr}.venue.reverse .venue-image{order:0}.venue-image{min-height:420px}.venue-copy{padding:58px 28px}.news-grid{grid-template-columns:1fr}.location-grid{grid-template-columns:1fr}.seo-strip{grid-template-columns:1fr}.seo-strip div+div{border-left:0;border-top:1px solid var(--line);padding-left:24px}.seo-strip div{padding:30px 24px}footer{grid-template-columns:1fr}.hero h1{font-size:clamp(50px,17vw,84px)}}
@media(max-width:560px){.site-header{height:68px;padding:0 16px}.brand small{display:none}.section-pad{width:min(100% - 32px,var(--max));padding:78px 0}.hero-content{width:calc(100% - 32px)}.hero-actions{flex-direction:column;align-items:stretch}.form-row,.signature-grid{grid-template-columns:1fr}.booking-form{padding:22px}.venue-image{min-height:320px}.floating-actions{right:12px;bottom:12px}.floating-action{width:50px;height:50px}}