/* V556: shared catalog surfaces; preserve existing content and functional colors. */
:root{--catalog-body:rgba(20,25,34,.86);--catalog-header:rgba(0,0,0,.585);--catalog-blue:#003f98;--catalog-header-height:73.8px}
html .rental-shell .rental-card-header{height:var(--catalog-header-height);min-height:var(--catalog-header-height);background:var(--catalog-header);padding-block:12px}
html :is(.event-card,.hangout-card,.sale-card,.club-section-group .club-card){background:var(--catalog-body);border:1px solid #ffffff2e;border-radius:8px;box-sizing:border-box}
html .event-card,html .hangout-card{position:relative;padding:0 16px 16px;overflow:visible}
html .event-card>.event-card-head,html .hangout-card>.club-card-head{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:var(--catalog-header-height);height:var(--catalog-header-height);margin:0 -16px 14px;padding:12px 44px;background:var(--catalog-header);border-radius:8px 8px 0 0;width:calc(100% + 32px);flex:none}
html :is(.event-card-head,.hangout-card .club-card-head) h3{margin:0;text-align:center;font-size:16px;line-height:1.35}
html .event-card :is(.event-name-row,.event-card-head),html .hangout-card .hangout-name-row{min-width:0}
html .event-card .event-date{text-align:center;margin:4px 0 16px}
html .event-card .monthly-event-actions{gap:8px}
html .event-card .monthly-event-actions :is(.event-preview-pending,.event-social-trigger,.event-teleport){display:flex;align-items:center;justify-content:center;flex-direction:column;box-sizing:border-box;height:42px;min-height:42px;padding:6px 8px;border-radius:7px;font:700 11px/1.2 Arimo,Arial,sans-serif;text-align:center;letter-spacing:.02em}
html .event-card .monthly-event-actions :is(.event-social-trigger:not(:disabled),a.event-teleport){background:var(--catalog-blue);border:1px solid #0754b9;color:#fff}
html .event-card .monthly-event-actions :is(button:disabled,div.event-preview-pending){background:rgba(4,4,4,.28);border:1px solid #ffffff40;color:#a3a8b1;box-shadow:none;cursor:default}
html .event-card .event-preview-pending small{font-size:8px;line-height:1.2;margin-top:2px;color:inherit}
html .event-card .event-card-image{margin-bottom:12px}
html .hangout-card>.club-card-head{position:relative}

html .hangout-card>.club-genre{margin-top:8px}
html .club-section-group .club-card{position:relative}
html .club-section-group .club-card>.place-tools{z-index:3}
/* The cover's existing width, aspect ratio and shared alignment tracks stay intact. */
html .sale-card{padding-bottom:16px}
html .sale-card :is(.weekly-destinations){display:none}
html :is(.sale-modal-controls) button:not(:disabled){background:var(--catalog-blue);border-color:#0754b9;color:#fff}
html :is(.sale-modal-controls) button:disabled{background:rgba(4,4,4,.28);border-color:#ffffff40;color:#a3a8b1}
/* Tools share the title header instead of reserving a second blank row. */
html .event-card,html .hangout-card{padding-top:0!important}
html .event-card .monthly-event-actions a.event-preview-pending{background:var(--catalog-blue);border-color:#0754b9;color:#fff;cursor:pointer}

/* V557: remove the decorative band behind every directory row. */
html .directory-row{background:transparent!important;border:0;box-shadow:none}
html .directory-row::before{content:none;display:none}
/* Clubs keep their photo dimensions and tools, without a separate black header. */
/* Titles share the event title position. Tags occupy a real row below the header. */
html .hangout-card>.club-card-head{display:flex;align-items:center;justify-content:center;align-content:center;grid-row:1;margin-bottom:0;padding:12px 44px;min-height:var(--catalog-header-height);height:var(--catalog-header-height)}
html .hangout-card .hangout-name-row{align-self:center;align-items:center;justify-content:center}
html .hangout-card>.hangout-tags{position:static;inset:auto;transform:none;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;align-self:stretch;box-sizing:border-box;gap:6px;width:100%;min-height:36px;margin:0;padding:10px 0 4px;grid-row:2}
html .hangout-tags>span{position:static;inset:auto;transform:none;margin:0;flex:none;line-height:1.4}
html .hangout-card>.hangout-tags:empty{visibility:hidden}
html .hangout-card>.club-genre{margin-top:8px}
@supports(grid-template-rows:subgrid){
 html #hangout-list>.directory-row{grid-template-rows:minmax(var(--catalog-header-height),auto) minmax(36px,auto) auto auto minmax(48px,auto) auto}
 html #hangout-list .hangout-card>.club-card-head{grid-row:1;display:flex;grid-template-rows:none}
 html #hangout-list .hangout-card>.hangout-tags{grid-row:2;padding-top:10px}
}
/* SOCIALS has no disclosure arrow; activation still supports keyboard. */
html .event-social-control:not(.event-cam-control)>.event-social-trigger::after{content:none;display:none}
/* Available neutral actions use the same black transparency as card headers.
   Primary blue actions and unavailable controls retain their roles/colors. */
html .club-card .club-action-row a.club-group-action,
html .club-card .club-action-row a.club-group-action:hover,
html .club-extra-actions>button:not(:disabled),
html .cg-controls button:not(:disabled):not([aria-pressed=true]),
html .rental-category-tab:not(:disabled),
html .club-category-tab:not(:disabled){background:var(--catalog-header);color:#fff}
html :is(.home-menu-button,.top-search,.utility-button):not(:disabled):not([aria-pressed=true]):not([aria-disabled=true]){background:var(--catalog-header)!important;color:#fff}

/* V5.70: aligned Hangout logo row; no fabricated logo for places without an upload. */
html #hangout-list .hangout-logo-slot{box-sizing:border-box;position:relative;width:100%;height:156px;border-radius:5px;overflow:hidden;background:#ffffff06;grid-row:3;margin:8px 0}
html #hangout-list .hangout-logo-slot img{display:block;width:100%;height:100%;object-fit:contain}
html #hangout-list .hangout-logo-slot.is-empty{background:linear-gradient(145deg,#52565c2b,#23272d22);box-shadow:inset 0 1px 3px #0003}
@supports(grid-template-rows:subgrid){
 html #hangout-list>.directory-row{grid-template-rows:minmax(var(--catalog-header-height),auto) minmax(36px,auto) 172px auto auto minmax(48px,auto) auto}
 html #hangout-list>.directory-row>.hangout-card{grid-row:1 / span 7}
 html #hangout-list .hangout-card>.club-genre{grid-row:4}
 html #hangout-list .hangout-card>.hangout-languages{grid-row:5}
 html #hangout-list .hangout-card>.club-count{grid-row:6}
 html #hangout-list .hangout-card>.club-teleport{grid-row:7}
}

/* V6.22: available monthly PREVIEW shares TELEPORT's color, including light mode. */
html[data-gridly-theme] .event-card .monthly-event-actions>button.event-preview-pending:not(:disabled),
html .event-card .monthly-event-actions>button.event-preview-pending:not(:disabled),
html .event-card .monthly-event-actions>a.event-preview-pending,
html .event-card .monthly-event-actions>a.event-teleport{
 background:var(--catalog-blue)!important;border:1px solid #0754b9!important;
 color:#fff!important;cursor:pointer;opacity:1;
}
html .event-card .monthly-event-actions>.event-preview-pending:disabled{
 background:rgba(4,4,4,.28)!important;border:1px solid #ffffff40!important;
 color:#a3a8b1!important;cursor:default;
}

html .event-card .monthly-event-actions>button.event-preview-pending:not(:disabled):hover,
html .event-card .monthly-event-actions>a.event-preview-pending:hover,
html .event-card .monthly-event-actions>a.event-teleport:hover{background:var(--blue-hover,#064fc5)!important}