/* Cocktail Go Where — "Colour Block" theme v1. White canvas, ink #141414, one colour per city. Unbounded + Manrope. */
html:root{--bg:#FFFFFF;--surfaceBg:#FFFFFF;--text:20 20 20;--headerBg:#FFFFFF;--headerBorder:transparent;--headerColor:#141414;--searchBarBg:#FFFFFF;--searchBarBorder:#141414;--searchBarColor:#555;--filtersBg:#F4F4F2;--filtersColor:#141414;--filtersInputColor:#141414;--filtersInputBg:#FFFFFF;--filtersInputBorder:#DADAD6;--filtersTagBg:#141414;--filtersTagColor:#FFFFFF;--inputBg:#FFFFFF;--inputBorder:#DADAD6;--inputColor:#141414;--highlightsPrimary:#FF5A4E;--highlightsSecondary:#141414;--buttonBg:20 20 20;--buttonHoverBg:#000;--buttonColor:#FFFFFF;--cardBg:255 255 255;--cardBorder:#FFFFFF;--cardTagBg:#F4F4F2;--cardTagColor:#141414;--cardTagBorder:#F4F4F2;--cardColor:20 20 20;--cardColorLight:#5C5C5C;--cardFeatureTitle:#FF5A4E;--font-sans:'Manrope';--font-display:'Unbounded';
 --ink:#141414;--mut:#5C5C5C;--line:#E6E6E2;--soft:#F4F4F2;--accent:#FF5A4E;--city:#FF5A4E}
body{background:#fff!important;color:var(--ink);font-family:'Manrope',system-ui,sans-serif;font-feature-settings:"ss01"}
h1,h2,h3,.font-display{font-family:'Unbounded',system-ui,sans-serif!important;font-weight:700!important;letter-spacing:-.035em!important}
p,li,span,div,h1,h2,h3,h4{word-break:normal!important;overflow-wrap:break-word!important;hyphens:none!important}
.content-icon{display:none!important}
button,.btn,.bg-brand-button-bg{border-radius:14px!important}
.bg-brand-button-bg{background:var(--ink)!important;color:#fff!important;font-weight:700!important;box-shadow:none!important}
.bg-brand-button-bg:hover{background:#000!important}

/* Header */
header{background:#fff!important;border-bottom:0!important}
header .h-20{height:80px}
header a[href="/"]{display:flex!important;align-items:center;color:var(--ink)!important}
header a[href="/"]>span.font-semibold{display:none!important}
.cgw-logo{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font:700 20px/1 'Unbounded',sans-serif;letter-spacing:-.04em;color:var(--ink)}
.cgw-logo i{display:inline-block;width:13px;height:13px;border-radius:4px;background:var(--accent);margin-left:3px;transform:translateY(1px)}
@media(min-width:1024px){header nav.hidden{display:flex!important}header .xl\:hidden{display:none!important}}
header nav a,header nav a *,header nav button,header nav button *{font-weight:700!important;font-size:14.5px!important;color:var(--ink)!important}
header nav .bg-brand-button-bg,header nav .bg-brand-button-bg *{color:#fff!important}
header .bg-brand-button-bg{padding:11px 18px!important;border-radius:12px!important}
header [role=menu]{border-radius:16px!important;border:2px solid var(--ink)!important;box-shadow:6px 6px 0 var(--ink)!important}
header [role=menu] a:hover{background:var(--soft)!important}
header .fixed.inset-0.bg-brand-card-bg{background:#fff!important}
header .absolute.w-72.bg-brand-card-bg{border:2px solid var(--ink)!important;border-radius:16px!important;overflow:hidden}
body:has(.cgw-hero) .header-search-block,body:has(.cgw-hero) .hero{display:none!important}

/* Homepage hero */
.cgw-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center;padding:28px 0 8px}
.cgw-hero h1{font:700 68px/1.03 'Unbounded',sans-serif!important;letter-spacing:-.045em!important;color:var(--ink);margin:0}
.cgw-hero p{font-size:19px;line-height:1.55;color:var(--mut);margin:20px 0 26px;max-width:500px}
.cgw-search{display:flex;border:2px solid var(--ink);border-radius:16px;overflow:hidden;max-width:520px;background:#fff}
.cgw-search input{flex:1;border:0!important;outline:0;padding:16px 18px;font:500 16px 'Manrope',sans-serif;background:transparent;box-shadow:none!important;min-width:0}
.cgw-search button{border:0;border-radius:0!important;background:var(--accent);color:#fff;font:700 15px 'Manrope',sans-serif;padding:0 24px;cursor:pointer}
.cgw-search button:hover{background:#E8473C}
.cgw-quad{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cgw-cb{display:block;position:relative;overflow:hidden;border-radius:26px;height:220px;padding:20px;color:#fff!important;text-decoration:none!important;background:var(--c);transition:transform .2s}
.cgw-cb:hover{transform:translateY(-4px)}
.cgw-cb b{display:block;position:relative;z-index:1;font:700 23px/1.1 'Unbounded',sans-serif;letter-spacing:-.035em}
.cgw-cb small{display:block;position:relative;z-index:1;font-weight:700;font-size:14px;margin-top:4px;opacity:.95}
.cgw-cb .ph{position:absolute;right:-26px;bottom:-26px;width:162px;height:162px;border-radius:50%;overflow:hidden;border:5px solid rgba(255,255,255,.38)}
.cgw-cb .ph img{width:100%;height:100%;object-fit:cover;display:block}
.cgw-cb.dk{color:var(--ink)!important}
.cgw-more .cgw-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cgw-more .cgw-cb{height:168px}.cgw-more .cgw-cb .ph{width:118px;height:118px}.cgw-more .cgw-cb b{font-size:20px}

/* Section heads */
.cgw-sh{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}
.cgw-sh h2,.selected-items-block h2,.heading-block h2,.text-block h2{font:700 42px/1.05 'Unbounded',sans-serif!important;letter-spacing:-.045em!important;color:var(--ink)!important;margin:0}
.cgw-sh p{color:var(--mut);max-width:380px;font-size:15.5px;text-align:right;margin:0}

/* Cards */
.card{border-radius:0!important;border:0!important;box-shadow:none!important;background:transparent!important;overflow:visible}
.card .aspect-video{aspect-ratio:16/11;border-radius:22px;overflow:hidden}
.card img{border-radius:22px;transition:transform .35s}
.card:hover img{transform:scale(1.03)}
.card .p-5,.card .p-6{padding:12px 2px 6px!important}
.card h2,.card h3{font:700 20px/1.15 'Unbounded',sans-serif!important;letter-spacing:-.035em!important;color:var(--ink)!important;-webkit-line-clamp:2!important}
.card .leading-5,.card .intro{opacity:1!important;color:var(--mut)!important;font-size:14.5px;line-height:1.5!important}
.card .badge{opacity:1!important;background:#fff!important;border:1.5px solid var(--line)!important;color:var(--ink)!important;border-radius:8px!important}
.card .badge:nth-child(n+4){display:none}
.card .footer{display:none!important}
.cgw-city{display:inline-block;margin:0 0 8px;padding:4px 10px;border-radius:8px;background:var(--c,#141414);color:#fff;font:700 12px/1.3 'Manrope',sans-serif;letter-spacing:.01em}
.cgw-city.dk{color:var(--ink)}
@media(min-width:1100px){.selected-items-block .grid{gap:30px 22px!important}.cgw-picks .grid,.selected-items-block.cgw-picks .grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
.selected-items-block a.bg-brand-button-bg{padding:13px 24px!important}

/* Moods + happy hours */
.cgw-two{display:grid;grid-template-columns:1fr 1.25fr;gap:48px;align-items:start}
.cgw-moods{display:flex;flex-wrap:wrap;gap:10px}
.cgw-moods a{padding:11px 16px;border-radius:12px;font-weight:700;font-size:15px;border:2px solid var(--ink);color:var(--ink)!important;text-decoration:none!important;transition:background .15s,color .15s}
.cgw-moods a:hover{background:var(--ink);color:#fff!important}
.cgw-hh{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cgw-hh a{display:block;border:2px solid var(--ink);border-radius:20px;padding:16px 18px;color:var(--ink)!important;text-decoration:none!important;transition:transform .15s,box-shadow .15s}
.cgw-hh a:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--ink)}
.cgw-hh em{display:block;font:700 26px/1.1 'Unbounded',sans-serif;font-style:normal;letter-spacing:-.04em}
.cgw-hh b{display:block;margin-top:8px;font-size:15px;line-height:1.3}
.cgw-hh i{display:block;font-style:normal;color:var(--mut);font-size:13px;line-height:1.4;margin-top:3px}

/* Owner CTA */
.cta-block,.cta-block>div{background:var(--ink)!important;border-radius:30px!important;color:#fff!important}
.cta-block>div{background-image:linear-gradient(90deg,#FF5A4E 0 10px,#F2A900 10px 20px,#2F80ED 20px 30px,#12A37F 30px 40px,transparent 40px)!important}
.cta-block h2{color:#fff!important;font-size:38px!important}
.cta-block p{color:#C9C9C9!important;opacity:1!important}
.cta-block button,.cta-block a{background:#fff!important;color:var(--ink)!important;font-weight:700!important;padding:15px 26px!important;border-radius:14px!important}

/* Category pages */
h1.text-4xl:not(.cgw-hero h1){font-size:58px!important;line-height:1.04!important;color:var(--ink);margin-bottom:14px!important}
h1.text-4xl:not(.cgw-hero h1)::after{content:"";display:block;width:64px;height:8px;border-radius:4px;background:var(--city);margin-top:16px}
.-mt-4.mb-12 .text-xl{font-size:18px!important;line-height:1.6!important;color:#333}
.-mt-4.mb-12 .text-xl p+p{margin-top:.7em}
.cgw-clampd:not(.open)>.text-xl{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-bottom:0!important}
.cgw-clampd:not(.open)>.text-xl p{display:inline}
.cgw-clampd:not(.open){cursor:pointer}
.cgw-clampd:not(.open)::after{content:'Keep reading +';display:inline-block;margin-top:10px;font:700 14px 'Manrope',sans-serif;color:var(--ink);border-bottom:2px solid var(--city)}
.category-card{border:0!important;border-radius:20px!important;background:var(--c,var(--soft))!important}
.category-card *{color:#fff!important}
.category-card.dk *{color:var(--ink)!important}
.image-tiles-block a{border-radius:22px!important}

/* Listing pages */
.detail-introduction{opacity:1!important;color:#333;font-size:20px!important}
[area=detail_page_main] img{border-radius:24px!important}
[area=detail_page_main] dl{border-radius:20px;background:#fff;border:2px solid var(--ink)!important}
[area=detail_page_main] h2{font-size:28px!important}
.action-panel{background:var(--soft)!important;border:0!important;border-radius:22px!important;padding:22px!important}
.action-panel>p{font:600 16px/1.45 'Manrope',sans-serif!important;color:var(--ink)!important}
.action-panel a,.action-panel button{border-radius:12px!important;height:46px}
.action-panel .grid-cols-1 a{background:var(--city)!important;color:#fff!important;border:0!important;font-weight:700!important;height:52px}
.cgw-side-h{font:700 15px 'Unbounded',sans-serif;letter-spacing:-.02em;color:var(--ink);margin:22px 0 6px}
.custom-fields-wrap dd .flex.flex-col{display:block!important}
.custom-fields-wrap dd .flex.flex-col>span{display:inline;margin-right:.3em}
.callout-block{background:#fff!important;border:2px solid var(--ink)!important;border-radius:22px!important;box-shadow:6px 6px 0 var(--city)}
.callout-block h3{font-size:22px!important;margin:6px 0 10px!important}
.cta-block[area=detail_page_main]{position:static!important;left:auto!important;right:auto!important;margin-left:0!important;margin-right:0!important;width:auto!important;background:transparent!important}
.cta-block[area=detail_page_main]>div,.cta-block[area=detail_page_main] .max-w-4xl{background:var(--soft)!important;background-image:none!important;border-radius:22px!important;max-width:none!important;padding:28px 32px!important;text-align:left!important}
.cta-block[area=detail_page_main] h2{color:var(--ink)!important;font-size:24px!important}
.cta-block[area=detail_page_main] p{color:var(--mut)!important}
.cta-block[area=detail_page_main] .flex-wrap{justify-content:flex-start!important}
.cta-block[area=detail_page_main] button,.cta-block[area=detail_page_main] a{background:var(--ink)!important;color:#fff!important}
.review-rating-filter{display:none!important}

/* Footer */
.cgw-ft{background:var(--soft)!important;border-top:0!important;border-image:linear-gradient(var(--soft),var(--soft)) fill 0//0 100vmax;margin-top:72px!important}
.cgw-ft a,.cgw-ft p,.cgw-ft span,.cgw-ft button{color:var(--ink)!important}
.cgw-ft .bg-brand-button-bg,.cgw-ft .bg-brand-button-bg *{color:#fff!important}
.cgw-ft .border-t{border-top:0!important}

@media(max-width:1023px){.cgw-hero{grid-template-columns:1fr;gap:28px}.cgw-two{grid-template-columns:1fr;gap:36px}.cgw-more .cgw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){header .h-20{height:68px}.cgw-logo{font-size:17px}
 .cgw-hero{padding-top:10px}.cgw-hero h1{font-size:40px!important}.cgw-hero p{font-size:16.5px;margin:14px 0 20px}
 .cgw-quad{gap:10px}.cgw-cb{height:150px;padding:14px;border-radius:20px}.cgw-cb b{font-size:17px}.cgw-cb small{font-size:12.5px}.cgw-cb .ph{width:100px;height:100px;right:-18px;bottom:-18px;border-width:4px}
 .cgw-more .cgw-cb{height:130px}.cgw-more .cgw-cb .ph{width:86px;height:86px}.cgw-more .cgw-cb b{font-size:16px}
 .cgw-sh{display:block}.cgw-sh p{text-align:left;margin-top:8px}
 .cgw-sh h2,.selected-items-block h2,.heading-block h2,.text-block h2{font-size:28px!important}
 .cgw-hh{grid-template-columns:repeat(2,minmax(0,1fr))}.cgw-hh em{font-size:21px}
 .cta-block h2{font-size:26px!important}
 h1.text-4xl:not(.cgw-hero h1){font-size:36px!important}}

/* v11: colours by link (inline styles are stripped by the platform), grids, homepage search */
.cgw-cb[href$="/singapore"]{--c:#FF5A4E}.cgw-cb[href$="/bangkok"]{--c:#F2A900}.cgw-cb[href$="/hong-kong"]{--c:#2F80ED}.cgw-cb[href$="/jakarta"]{--c:#12A37F}.cgw-cb[href$="/bali"]{--c:#8E5CF7}.cgw-cb[href$="/kuala-lumpur"]{--c:#F25FA6}.cgw-cb[href$="/manila"]{--c:#0FA3B1}.cgw-cb[href$="/ho-chi-minh-city"]{--c:#FF7A1A}.cgw-cb[href$="/hanoi"]{--c:#5B6CFF}.cgw-cb[href$="/penang"]{--c:#E0B000}.cgw-cb[href$="/phuket"]{--c:#00A86B}.cgw-cb[href$="/chiang-mai"]{--c:#D9483B}
body:has(.cgw-hero) .border-b:has(.full-width-search){display:none!important}
body:has(.cgw-hero) .relative.pt-20{padding-top:80px}
.border-b:has(.full-width-search){border-color:var(--line)!important;box-shadow:none!important}
@media(min-width:1024px){body:has(.cgw-hero) .grid.gap-8[class*="grid-cols-3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:34px 24px!important}
 body:has(.cgw-hero) .grid.gap-8[class*="grid-cols-4"]{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:34px 22px!important}}
body:has(.cgw-hero) .grid.gap-8[class*="grid-cols-4"] .card h2{font-size:17px!important}
body:has(.cgw-hero) .grid.gap-8[class*="grid-cols-4"] .card .leading-5{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* v12: compact homepage on phones; tidy section heads */
.cgw-two .cgw-sh{display:block}.cgw-two .cgw-sh p{text-align:left;margin-top:6px}
body:has(.cgw-hero) .grid.gap-8[class*="grid-cols-4"] [type=tags]{display:none}
@media(max-width:767px){
 body:has(.cgw-hero) .grid.gap-8{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 12px!important}
 body:has(.cgw-hero) .grid.gap-8 .card h2{font-size:14.5px!important;line-height:1.2!important}
 body:has(.cgw-hero) .grid.gap-8 .card .leading-5,body:has(.cgw-hero) .grid.gap-8 [type=tags]{display:none!important}
 body:has(.cgw-hero) .grid.gap-8 .card .aspect-video,body:has(.cgw-hero) .grid.gap-8 .card img{border-radius:16px}
 body:has(.cgw-hero) .cgw-city{font-size:10.5px;padding:3px 7px;margin-bottom:6px}
 .cgw-moods a{padding:9px 13px;font-size:14px}}

/* v13: city label on every bar card, keyed on the card's url (no DOM changes) */
.card[url^='/cocktail-bars/'] .p-5>div:first-child::before{display:inline-block;margin:0 0 8px;padding:4px 10px;border-radius:8px;background:var(--cc,#141414);color:#fff;font:700 12px/1.3 'Manrope',sans-serif}
.card[url*='/singapore/'] .p-5>div:first-child::before{content:'Singapore';--cc:#FF5A4E;}
.card[url*='/bangkok/'] .p-5>div:first-child::before{content:'Bangkok';--cc:#F2A900;color:#141414;}
.card[url*='/hong-kong/'] .p-5>div:first-child::before{content:'Hong Kong';--cc:#2F80ED;}
.card[url*='/jakarta/'] .p-5>div:first-child::before{content:'Jakarta';--cc:#12A37F;}
.card[url*='/bali/'] .p-5>div:first-child::before{content:'Bali';--cc:#8E5CF7;}
.card[url*='/kuala-lumpur/'] .p-5>div:first-child::before{content:'Kuala Lumpur';--cc:#F25FA6;}
.card[url*='/manila/'] .p-5>div:first-child::before{content:'Manila';--cc:#0FA3B1;}
.card[url*='/ho-chi-minh-city/'] .p-5>div:first-child::before{content:'Ho Chi Minh City';--cc:#FF7A1A;}
.card[url*='/hanoi/'] .p-5>div:first-child::before{content:'Hanoi';--cc:#5B6CFF;}
.card[url*='/penang/'] .p-5>div:first-child::before{content:'Penang';--cc:#E0B000;color:#141414;}
.card[url*='/phuket/'] .p-5>div:first-child::before{content:'Phuket';--cc:#00A86B;}
.card[url*='/chiang-mai/'] .p-5>div:first-child::before{content:'Chiang Mai';--cc:#D9483B;}
@media(max-width:767px){.card[url^='/cocktail-bars/'] .p-5>div:first-child::before{font-size:10.5px;padding:3px 7px;margin-bottom:6px}
 .cta-block>div{background-image:linear-gradient(180deg,#FF5A4E 0 6px,#F2A900 6px 12px,#2F80ED 12px 18px,#12A37F 18px 24px,transparent 24px)!important;padding-top:44px!important}}
/* v15: prose on pages */
.text-block h2,.prose h2{font-size:24px!important;line-height:1.2!important;margin:34px 0 10px!important;letter-spacing:-.03em!important}
.text-block p,.prose p{margin-bottom:.9em}
/* v16: hide the grey "Unclaimed" pill beside listing titles (claimed bars keep their Verified badge) */
h1+span.bg-gray-100.rounded-full{display:none!important}
/* v17: less dead space above the homepage hero */
body:has(.cgw-hero) .relative.pt-20>.max-w-\[108rem\].pt-12,body:has(.cgw-hero) .max-w-\[108rem\].pt-12:has(.cgw-hero){padding-top:20px!important}
@media(max-width:767px){body:has(.cgw-hero) .relative.pt-20{padding-top:68px!important}
 body:has(.cgw-hero) .max-w-\[108rem\].pt-12:has(.cgw-hero){padding-top:6px!important}
 .cgw-hero{padding-top:0!important}}

/* v18: menu tidy-up — open dropdown reads as one card; colour square beside each city */
header nav div>button:has(+div:not([style*="none"])){border-radius:14px 14px 0 0!important;background:#F4F4F2!important}
header nav div>button+div{border-radius:0 0 14px 14px!important;background:#F4F4F2!important;padding:2px 0 8px!important}
header nav div>button+div a{border-radius:10px!important;margin:0 6px}
header a[href^="/cocktail-bars/"]:not([href$="/cocktail-bars"]){justify-content:flex-start!important}
header a[href^="/cocktail-bars/"] svg{margin-left:auto}
header a[href^="/cocktail-bars/"]::before{content:"";display:inline-block;flex:none;width:12px;height:12px;border-radius:4px;margin-right:10px;background:var(--mc,transparent);vertical-align:-1px}
header a[href$="/cocktail-bars/cocktail-bars"]::before{display:none}
header a[href$="/cocktail-bars/singapore"]{--mc:#FF5A4E}
header a[href$="/cocktail-bars/bangkok"]{--mc:#F2A900}
header a[href$="/cocktail-bars/hong-kong"]{--mc:#2F80ED}
header a[href$="/cocktail-bars/jakarta"]{--mc:#12A37F}
header a[href$="/cocktail-bars/bali"]{--mc:#8E5CF7}
header a[href$="/cocktail-bars/kuala-lumpur"]{--mc:#F25FA6}
header a[href$="/cocktail-bars/manila"]{--mc:#0FA3B1}
header a[href$="/cocktail-bars/ho-chi-minh-city"]{--mc:#FF7A1A}
header a[href$="/cocktail-bars/hanoi"]{--mc:#5B6CFF}
header a[href$="/cocktail-bars/penang"]{--mc:#E0B000}
header a[href$="/cocktail-bars/phuket"]{--mc:#00A86B}
header a[href$="/cocktail-bars/chiang-mai"]{--mc:#D9483B}