/* whatsonjakarta.com site styles. Moved out of the Listable head/footer boxes on 8 Oct 2026. Edit here, upload, then bump ?v= in the head. */
html:root{
--bg:#FBF6EE;--surfaceBg:#FFFFFF;--text:35 31 26;
--headerBg:rgba(251,246,238,0);--headerBorder:rgba(0,0,0,0);--headerColor:#231F1A;
--searchBarBg:#FFFFFF;--searchBarBorder:#E6D9C4;--searchBarColor:#6B6257;
--filtersBg:#F4EADB;--filtersColor:#231F1A;--filtersInputColor:#231F1A;--filtersInputBg:#FFFFFF;--filtersInputBorder:#E0D2BC;--filtersTagBg:#F6D9CC;--filtersTagColor:#8A3417;
--inputBg:#FFFFFF;--inputBorder:#E6D9C4;--inputColor:#6B6257;
--highlightsPrimary:#B8431F;--highlightsSecondary:#0F5E5E;
--buttonBg:184 67 31;--buttonHoverBg:#9E3A1E;--buttonColor:#FFFFFF;
--cardBg:255 255 255;--cardFooterBg:#FFFFFF;--cardFooterBorder:#F1E6D4;--cardFooterColor:#6B6257;--cardBorder:#EFE3D0;
--cardTagBg:#F6EBDC;--cardTagColor:#5C5349;--cardTagBorder:#F6EBDC;--cardColor:35 31 26;--cardColorLight:#6B6257;
--cardFeatureTitle:#B8431F;--cardFeatureBorder:#B8431F;--cardFeatureTagBg:184 67 31;--cardFeatureTagColor:#FFFFFF;
--font-sans:'DM Sans';--font-display:'Bricolage Grotesque';
}
body{background:#FBF6EE}
h1,h2,h3,.font-display{letter-spacing:-0.025em}
h1.font-display{font-weight:800}
.card.card-event{border-radius:24px;border:1px solid #EFE3D0;box-shadow:none;padding:10px}
.card.card-event:hover{box-shadow:0 10px 30px -12px rgba(35,31,26,.25);transform:translateY(-2px)}
.card.card-event .rounded-lg{border-radius:16px}
.card.card-event img{background:#F1E6D4}
a.btn,button,.btn{border-radius:999px}
/* category intro: stop mid-word breaks, and stop it overlapping the "Next up" row above */
.break-all.hyphens-auto{word-break:normal!important;overflow-wrap:break-word;hyphens:manual!important;max-width:820px;font-size:18px!important;line-height:1.65;color:#4A433B}
div:has(>.break-all.hyphens-auto){margin-top:40px!important}
@media (max-width:640px){.break-all.hyphens-auto{font-size:16px!important}}
/* show desktop nav from 1024px, not 1280px */
@media (min-width:1024px){.h-20 nav.hidden{display:flex!important}.h-20 .xl\:hidden{display:none!important}}
/* event page: ticket panel */
.action-panel{border-radius:24px!important;border-color:#EFE3D0!important;padding:20px!important}
.action-panel a,.action-panel button{border-radius:999px!important}
/* phones/tablets: pin Buy tickets to the bottom of the screen (only when the listing has a ticket link) */
@media (max-width:1023px){
.action-panel .space-y-2>.grid:first-child:has(>a){position:fixed;left:0;right:0;bottom:0;z-index:60;margin:0!important;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#FFFFFF;border-top:1px solid #EFE3D0;box-shadow:0 -8px 24px -16px rgba(35,31,26,.45)}
.action-panel .space-y-2>.grid:first-child:has(>a)>a{height:50px;font-size:16px;font-weight:700}
body:has(.action-panel .space-y-2>.grid:first-child>a){padding-bottom:80px}
}
/* keep card date badges underneath open filter dropdowns */
.card.card-event .z-10{z-index:1}
.blocks:has(>.hero)+.pt-12{padding-top:1rem!important}
.section-block:has(.kota-new-head){border:1px solid #EFE3D0;border-radius:24px!important;padding:14px 18px 12px!important}
.kota-new-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:2px;padding:0 5px}
.kota-new-head h2{display:flex;align-items:center;gap:10px;margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:22px;line-height:28px;letter-spacing:-0.02em;color:#231F1A}
.kota-new-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#B8431F}
.kota-new-head a{font-size:14px;font-weight:700;color:#B8431F!important;text-decoration:none;white-space:nowrap}
.kota-new-head a:hover{text-decoration:underline}
.section-block:has(.kota-new-head) .item-list-block>div:first-child{display:none}
.section-block:has(.kota-new-head) .item-list-block .mt-10{margin-top:0}
.section-block:has(.kota-new-head) .item-list-block .pb-12{padding-bottom:0}
.section-block:has(.kota-new-head) .item-list-block .relative>.grid{grid-template-columns:minmax(0,1fr)!important;gap:2px!important}
.section-block:has(.kota-new-head) .item-list-block .relative>.mt-8{display:none}
.section-block:has(.kota-new-head) .card.card-event{display:flex;flex-direction:row;align-items:center;gap:14px;padding:5px!important;border:0!important;border-radius:14px!important;background:transparent!important;box-shadow:none!important;transform:none!important}
.section-block:has(.kota-new-head) .card.card-event:hover{background:#FBF6EE!important}
.section-block:has(.kota-new-head) .card.card-event>div:first-child{flex:0 0 48px;width:48px}
.section-block:has(.kota-new-head) .card.card-event>div:first-child>div:first-child{aspect-ratio:1/1;border-radius:10px}
.section-block:has(.kota-new-head) .card.card-event>div:first-child>.absolute{display:none}
.section-block:has(.kota-new-head) .card.card-event>div:last-child{padding:0!important;min-width:0}
.section-block:has(.kota-new-head) .card.card-event>div:last-child>div:has(>.status){display:none}
.section-block:has(.kota-new-head) .card.card-event>div:last-child>div:has(>.title){margin-bottom:1px}
.section-block:has(.kota-new-head) .card.card-event .title{font-size:16px;line-height:1.3;-webkit-line-clamp:1}
.section-block:has(.kota-new-head) .card.card-event .mt-auto{margin-top:0}
.section-block:has(.kota-new-head) .card.card-event .mt-auto>div{display:none;font-size:13px}
.section-block:has(.kota-new-head) .card.card-event .mt-auto>div:has(time){display:flex}
.section-block:has(.kota-new-head) .card.card-event>div:last-child>.grid{display:none}
@media (min-width:768px) and (max-width:1279px){.section-block:has(.kota-new-head) .item-list-block .relative>.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:2px 20px!important}}
@media (min-width:1280px){.section-block:has(.kota-new-head){position:absolute;z-index:5;top:264px;transform:translateY(-50%);left:calc(50% + 1rem);right:max(8rem,calc((100vw - 108rem)/2 + 8rem));margin:0!important}}