/* Public Events presentation only. Private Project calendars are not selected. */
/* Native task dialogs keep the original calendar owner's lifecycle. */
dialog.tj-calendar-dialog[data-tj-ui="cinematic"] {
  width: min(44rem,calc(100vw - 2rem));
  max-height: calc(100dvh - 2rem);
  margin: auto;
  padding: 1.25rem clamp(1rem,3vw,2rem);
  overflow: hidden;
  border: 1px solid var(--tj-border);
  border-radius: var(--tj-radius-modal);
  background: var(--tj-surface);
  color: var(--tj-text);
  box-shadow: 0 1.5rem 5rem #0008;
  font: 400 1rem/1.5 var(--tj-font-body);
}
dialog.tj-calendar-dialog[data-tj-ui="cinematic"]::backdrop { background: #080c10cc; }
dialog.tj-calendar-dialog[data-tj-ui="cinematic"][open] { display: grid; grid-template-columns: minmax(0,1fr) auto; grid-template-rows: auto minmax(0,1fr) auto; gap: 1rem; }
dialog.tj-calendar-dialog[data-tj-ui="cinematic"] > h2 { grid-column: 1; grid-row: 1; margin: 0; color: var(--tj-text); font: 700 clamp(1.75rem,4vw,2.25rem)/1.1 var(--tj-font-heading); }
dialog.tj-calendar-dialog[data-tj-ui="cinematic"] > div { position: relative; grid-column: 1/-1; grid-row: 2; min-width: 0; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: .25rem; }
dialog.tj-calendar-dialog[data-tj-ui="cinematic"] > [role=status] { grid-column: 1/-1; grid-row: 3; max-height: 7.5rem; overflow: auto; margin: 0; }
dialog.tj-calendar-dialog[data-tj-ui="cinematic"] > [role=status]:empty { display: none; }
dialog.tj-calendar-dialog[data-tj-ui="cinematic"] :is(p,label) { color: var(--tj-text-muted); }
dialog.tj-calendar-dialog[data-tj-ui="cinematic"] label { font: 600 .9375rem/1.4 var(--tj-font-body); }
dialog.tj-calendar-dialog[data-tj-ui="cinematic"] :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),textarea,select):not([hidden]) {
  min-height: 44px;
  margin-top: .5rem;
  padding: .75rem;
  border: 1px solid var(--tj-text-subtle);
  border-radius: var(--tj-radius-sm);
  background: var(--tj-surface-raised);
  color: var(--tj-text);
  font: 400 1rem/1.5 var(--tj-font-body);
  transition: background-color var(--tj-transition),border-color var(--tj-transition),color var(--tj-transition);
}
dialog.tj-calendar-dialog[data-tj-ui="cinematic"] textarea { resize: vertical; }
dialog.tj-calendar-dialog[data-tj-ui="cinematic"] button { max-width: 100%; white-space: normal; overflow-wrap: anywhere; font-family: var(--tj-font-body); }
dialog.tj-calendar-dialog[data-tj-ui="cinematic"] > button:first-child { grid-column: 2; grid-row: 1; position: static; float: none; margin: 0; align-self: start; justify-self: end; min-width: 44px; min-height: 44px; border: 1px solid var(--tj-border); border-radius: var(--tj-radius-sm); background: var(--tj-surface-raised); color: var(--tj-text); }
dialog.tj-calendar-dialog[data-tj-ui="cinematic"] button[type=submit] { min-height: 44px; border: 1px solid var(--tj-pink); border-radius: var(--tj-radius-sm); background: var(--tj-pink); color: var(--tj-on-accent); font-size: .9375rem; }
dialog.tj-calendar-dialog[data-tj-ui="cinematic"] :is(a,button,input,select,textarea):focus-visible { outline: 3px solid var(--tj-focus); outline-offset: 3px; }
dialog.tj-calendar-dialog[data-tj-ui="cinematic"] .tj-event-image-preview { max-width: 100%; max-height: 16rem; object-fit: contain; border-radius: var(--tj-radius-sm); }
dialog.tj-calendar-dialog[data-tj-ui="cinematic"] .tj-event-unsaved { display: flex; flex-wrap: wrap; gap: .5rem; min-width: 0; padding: 1rem; border: 1px solid var(--tj-warning); border-radius: var(--tj-radius-card); background: var(--tj-surface-raised); color: var(--tj-text); }
dialog.tj-calendar-dialog[data-tj-ui="cinematic"] .tj-event-unsaved :is(h3,p) { flex-basis: 100%; min-width: 0; }
dialog.tj-calendar-dialog[data-tj-ui="cinematic"] .tj-event-unsaved h3 { margin: 0 0 .75rem; color: var(--tj-text); font: 700 1.5rem/1.2 var(--tj-font-heading); }
dialog.tj-calendar-dialog[data-tj-ui="cinematic"] .tj-event-unsaved button { min-width: 0; max-width: 100%; min-height: 44px; margin: 0; padding: .75rem 1rem; white-space: normal; border: 1px solid var(--tj-pink); border-radius: var(--tj-radius-sm); background: var(--tj-pink); color: var(--tj-on-accent); font: 600 .9375rem/1.4 var(--tj-font-body); }
dialog.tj-calendar-dialog[data-tj-ui="cinematic"] .tj-event-unsaved .tj-event-discard { border-color: var(--tj-danger); background: transparent; color: var(--tj-text); }
.tj-event-directory[data-tj-ui="cinematic"] {
  --tj-events-input-bg: var(--tj-surface-raised);
  --tj-events-input-text: var(--tj-text);
  --tj-events-input-border: var(--tj-text-subtle);
  --tj-events-input-font: 400 .9375rem/1.5 var(--tj-font-body);
  --tj-events-placeholder: var(--tj-text-muted);
  --tj-events-search-bg: var(--tj-surface);
  --tj-events-search-text: var(--tj-text);
  --tj-events-search-font: 400 1rem/1.5 var(--tj-font-body);
}
.tj-event-directory[data-tj-ui="cinematic"] .tj-events-search { background: var(--tj-surface); }
.tj-event-directory[data-tj-ui="cinematic"] label { color: var(--tj-text-muted); font-family: var(--tj-font-body); }
.tj-shared-calendar.tj-event-directory[data-tj-ui="cinematic"] :is(input,select) { transition: background-color var(--tj-transition),border-color var(--tj-transition),color var(--tj-transition); }
.tj-event-directory[data-tj-ui="cinematic"] .tj-events-search input::placeholder { color: var(--tj-text-muted); opacity: 1; }
.tj-event-directory[data-tj-ui="cinematic"] table { color: var(--tj-text); }
.tj-event-directory[data-tj-ui="cinematic"] :is(th,td) { border-color: var(--tj-border); }
.tj-event-directory[data-tj-ui="cinematic"] td>button {
  --tj-calendar-date-text: var(--tj-text);
  background: var(--tj-surface);
  border-color: transparent;
  border-radius: var(--tj-radius-sm);
  font-family: var(--tj-font-body);
}
.tj-event-directory[data-tj-ui="cinematic"] td>button:hover { background: var(--tj-surface-raised); }
.tj-event-directory[data-tj-ui="cinematic"] td>button[aria-pressed=true] {
  --tj-calendar-date-text: var(--tj-on-accent);
  background: var(--tj-pink);
  border-color: var(--tj-pink-soft);
}
.tj-event-directory[data-tj-ui="cinematic"] { --events-pink: var(--tj-pink); --events-panel: var(--tj-surface); --events-line: var(--tj-border); background: var(--tj-bg); color: var(--tj-text); font-family: var(--tj-font-body); border-radius: var(--tj-radius-card); padding: clamp(1rem,3vw,3rem); }
.tj-event-directory[data-tj-ui="cinematic"] > .tj-calendar-heading { min-height: 11rem; padding: 2rem 0; background: linear-gradient(110deg,var(--tj-bg-alt),var(--tj-surface)); border-radius: var(--tj-radius-card); }
.tj-event-directory[data-tj-ui="cinematic"] .tj-calendar-heading h2 { color: var(--tj-text); font-family: var(--tj-font-display); font-size: clamp(2.5rem,6vw,5rem); font-weight: 400; letter-spacing: normal; transform: none; margin-left: 1rem; }
.tj-event-directory[data-tj-ui="cinematic"] .tj-events-kicker { color: var(--tj-pink-soft); font-size: .75rem; font-weight: 700; }
.tj-event-directory[data-tj-ui="cinematic"] > .tj-calendar-heading + p { color: var(--tj-text-muted); font-size: .9375rem; }
.tj-event-directory[data-tj-ui="cinematic"] .tj-events-search { border: 1px solid var(--tj-border); border-radius: var(--tj-radius-sm); }
.tj-event-directory[data-tj-ui="cinematic"] .tj-events-search button { min-height: 44px; min-width: 0; padding: .75rem 1.25rem; font-size: .875rem; font-weight: 700; }
.tj-event-directory[data-tj-ui="cinematic"] .tj-events-layout { grid-template-columns: var(--tj-sidebar-width) minmax(0,1fr); gap: 1.25rem; }
.tj-event-directory[data-tj-ui="cinematic"] .tj-events-filters { padding: 1.25rem; border-color: var(--tj-border); border-radius: var(--tj-radius-card); background: var(--tj-surface); }
.tj-event-directory[data-tj-ui="cinematic"] .tj-events-filters h3 { font-family: var(--tj-font-heading); font-size: 1.25rem; font-weight: 700; }
.tj-event-directory[data-tj-ui="cinematic"] .tj-events-filters label { color: var(--tj-text); font-size: .875rem; font-weight: 600; }
.tj-event-directory[data-tj-ui="cinematic"] select { background: var(--tj-surface-raised); color: var(--tj-text); border-color: var(--tj-text-subtle); border-radius: var(--tj-radius-sm); font-family: var(--tj-font-body); }
.tj-event-directory[data-tj-ui="cinematic"] :is(.tj-events-filter-note,.tj-events-viewbar p,[data-calendar-status]) { color: var(--tj-text-muted); }
.tj-event-directory[data-tj-ui="cinematic"] :is([data-calendar-toolbar] button,.tj-events-viewbar button,.tj-events-filters>button) { min-height: 44px; border: 1px solid var(--tj-border); border-radius: var(--tj-radius-sm); background: var(--tj-surface-raised); color: var(--tj-text); font-size: .875rem; font-weight: 600; }
.tj-event-directory[data-tj-ui="cinematic"] .tj-events-viewbar [aria-pressed=true] { background: var(--tj-pink); color: var(--tj-on-accent); }
.tj-event-directory[data-tj-ui="cinematic"] .tj-events-viewbar select { max-width: 100%; }
.tj-event-directory[data-tj-ui="cinematic"] .tj-event-cards-grid { grid-template-columns: repeat(auto-fill,minmax(min(100%,15rem),1fr)); gap: 1rem; }
.tj-event-directory[data-tj-ui="cinematic"] .tj-calendar-event { border: 1px solid var(--tj-border); border-radius: var(--tj-radius-card); background: var(--tj-surface); color: var(--tj-text); box-shadow: none; }
.tj-event-directory[data-tj-ui="cinematic"] .tj-event-card-body h3 { font-family: var(--tj-font-heading); font-size: 1.125rem; line-height: 1.3; }
.tj-event-directory[data-tj-ui="cinematic"] .tj-event-card-body p { color: var(--tj-text-muted); font-size: .8125rem; }
.tj-event-directory[data-tj-ui="cinematic"] .tj-event-type { background: var(--tj-pink-soft); color: var(--tj-on-accent); font-size: .75rem; font-weight: 700; }
.tj-event-directory[data-tj-ui="cinematic"] .tj-event-price { background: var(--tj-pink); color: var(--tj-on-accent); }
.tj-event-directory[data-tj-ui="cinematic"] .tj-event-price[data-free=true] { background: var(--tj-success); color: var(--tj-on-accent); }
.tj-event-directory[data-tj-ui="cinematic"] .tj-events-empty { border-color: var(--tj-border); border-radius: var(--tj-radius-card); background: var(--tj-surface); color: var(--tj-text-muted); }
.tj-event-directory[data-tj-ui="cinematic"] :is(a,button,input,select):focus-visible { outline: 3px solid var(--tj-focus); outline-offset: 3px; }
@media(max-width:900px) { .tj-event-directory[data-tj-ui="cinematic"] .tj-events-layout { grid-template-columns: minmax(0,1fr); } }
@media(max-width:600px) {
  .tj-event-directory[data-tj-ui="cinematic"] .tj-event-cards-list>.tj-calendar-event { grid-template-columns: minmax(0,1fr); }
  .tj-event-directory[data-tj-ui="cinematic"] .tj-events-search { flex-wrap: wrap; }
  .tj-event-directory[data-tj-ui="cinematic"] .tj-events-search input { flex-basis: 100%; }
  .tj-event-directory[data-tj-ui="cinematic"] .tj-events-search button { width: 100%; }
}

/* Cinematic date contrast: preserve selected pink/ink state. */
.tj-event-directory[data-tj-ui="cinematic"] table td>button,
.tj-event-directory[data-tj-ui="cinematic"] table td>button:is(:hover,:focus) { color: var(--tj-calendar-date-text,var(--tj-text)) !important; }
/* Native event inputs have important legacy colours; scope the correction to this PHP directory. */
.tj-event-directory[data-tj-ui="cinematic"] :is(.tj-events-search input[type=search],.tj-events-filters label input,input[type=month]) {
  background:var(--tj-surface-raised)!important;
  color:var(--tj-text)!important;
  border-color:var(--tj-text-subtle)!important;
  font-family:var(--tj-font-body)!important;
}
.tj-event-directory[data-tj-ui="cinematic"] input[type=search]::placeholder { color:var(--tj-text-muted); opacity:1; }
/* Native Event image uploader surround; file policy and handlers remain original. */
dialog.tj-calendar-dialog[data-tj-ui="cinematic"] .tju { background:var(--tj-surface-raised)!important;color:var(--tj-text);border-color:var(--tj-border);border-radius:var(--tj-radius-card); }

/* Native public-event editor secondary action; provider and venue handlers unchanged. */
body:has(.tj-event-directory[data-tj-ui="cinematic"]) dialog.tj-calendar-dialog form > button[type="button"] { background:var(--tj-surface-raised); color:var(--tj-text); border:1px solid var(--tj-text-subtle); border-radius:var(--tj-radius-sm); min-height:44px; }

/* Native unclassed event-detail action group; keep identity chooser primary styling. */
body:has(.tj-event-directory[data-tj-ui="cinematic"]) dialog.tj-calendar-dialog > div > div > button[type="button"]:not(.tj-identity-trigger) { background:var(--tj-surface-raised); color:var(--tj-text); border:1px solid var(--tj-text-subtle); border-radius:var(--tj-radius-sm); min-height:44px; }

/* Public native Event attendance only; no global/shell or private Project styling. */
body:has(.tj-event-directory[data-tj-ui="cinematic"]) dialog.tj-calendar-dialog[data-tj-ui="cinematic"] .tj-event-attendance {
  display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;padding-top:1rem;
  border-top:1px solid var(--tj-border);min-width:0;
}
body:has(.tj-event-directory[data-tj-ui="cinematic"]) dialog.tj-calendar-dialog[data-tj-ui="cinematic"] .tj-event-attendance > :is(h3,p) {flex-basis:100%;min-width:0;margin:0;overflow-wrap:anywhere;}
body:has(.tj-event-directory[data-tj-ui="cinematic"]) dialog.tj-calendar-dialog[data-tj-ui="cinematic"] .tj-event-attendance h3 {color:var(--tj-text);font:700 1.5rem/1.2 var(--tj-font-heading);}
body:has(.tj-event-directory[data-tj-ui="cinematic"]) dialog.tj-calendar-dialog[data-tj-ui="cinematic"] .tj-event-attendance button {min-height:44px;max-width:100%;padding:.65rem .9rem;border-radius:var(--tj-radius-sm);}
body:has(.tj-event-directory[data-tj-ui="cinematic"]) dialog.tj-calendar-dialog[data-tj-ui="cinematic"] .tj-event-going {background:var(--tj-pink);color:var(--tj-on-accent);border:1px solid var(--tj-pink);}
body:has(.tj-event-directory[data-tj-ui="cinematic"]) dialog.tj-calendar-dialog[data-tj-ui="cinematic"] .tj-event-attendance-refresh {background:var(--tj-surface-raised);color:var(--tj-text);border:1px solid var(--tj-text-subtle);}

/* Original Events controls relocated by the page owner into P3's single shared slot. */
.tj-event-directory[data-tj-ui="cinematic"] .tj-events-layout.tj-events-context-mounted{grid-template-columns:minmax(0,1fr)}
[data-tj-context-owner="events"] .tj-events-filters{min-width:0;padding:0;border:0;background:transparent;color:var(--tj-text,#eef1f5);font-family:var(--tj-font-body,Arial,sans-serif)}
[data-tj-context-owner="events"] .tj-events-filters h3{margin:0 0 1.25rem;color:inherit;font:700 1.25rem/1.3 var(--tj-font-heading,Arial,sans-serif)}
[data-tj-context-owner="events"] .tj-events-filters label{display:block;margin:1.1rem 0;color:inherit;font-size:.875rem;font-weight:600}
[data-tj-context-owner="events"] .tj-events-filters :is(input,select,button){box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:44px;padding:.65rem .75rem;border:1px solid var(--tj-border,#465260);border-radius:var(--tj-radius-sm,6px);background:var(--tj-surface-raised,#212b36);color:var(--tj-text,#eef1f5);font:400 .875rem/1.5 var(--tj-font-body,Arial,sans-serif)}
[data-tj-context-owner="events"] .tj-events-filters label :is(input,select){display:block;margin-top:.5rem}
[data-tj-context-owner="events"] .tj-events-filters button{margin:.25rem 0;font-weight:600;white-space:normal}
[data-tj-context-owner="events"] .tj-events-filters p{color:var(--tj-text-muted,#b5c0ce);font-size:.8125rem;line-height:1.5;overflow-wrap:anywhere}
[data-tj-context-owner="events"] .tj-events-filters :is(button,input,select):focus-visible{outline:3px solid var(--tj-focus,#82b8ff);outline-offset:2px}

/* Events shared-panel typography and native input specificity. */
[data-tj-context-owner="events"]>h2{font:700 1.25rem/1.25 var(--tj-font-heading,Arial,sans-serif)!important;letter-spacing:.04em!important;margin:0 0 1rem!important}
[data-tj-context-owner="events"] .tj-events-filters input[type="search"]{background:var(--tj-surface-raised,#212b36)!important;color:var(--tj-text,#eef1f5)!important;border-color:var(--tj-border,#465260)!important}

/* My Events uses native articles inside the marked public Events dialog. */
body:has(.tj-event-directory[data-tj-ui="cinematic"]) dialog.tj-calendar-dialog[data-tj-ui="cinematic"] article.tj-calendar-event {
  min-width: 0;
  margin: 0 0 1rem;
  padding: 1rem;
  border: 1px solid var(--tj-border,#465260);
  border-radius: var(--tj-radius-card,10px);
  background: var(--tj-surface-raised,#212b36) !important;
  color: var(--tj-text,#eef1f5);
}
body:has(.tj-event-directory[data-tj-ui="cinematic"]) dialog.tj-calendar-dialog[data-tj-ui="cinematic"] article.tj-calendar-event h3 {
  margin: 0 0 .75rem;
  color: var(--tj-text,#eef1f5);
  font: 700 1.25rem/1.3 var(--tj-font-heading,Arial,sans-serif);
  overflow-wrap: anywhere;
}
body:has(.tj-event-directory[data-tj-ui="cinematic"]) dialog.tj-calendar-dialog[data-tj-ui="cinematic"] article.tj-calendar-event button {
  min-height: 44px;
  margin: .25rem .5rem .25rem 0;
  padding: .65rem .9rem;
  border: 1px solid var(--tj-border,#465260);
  border-radius: var(--tj-radius-sm,6px);
  background: var(--tj-surface,#101820);
  color: var(--tj-text,#eef1f5);
}

/* Public Events hero follows the native Festival hero; original actions are moved intact. */
.tj-event-directory[data-tj-ui="cinematic"] > .tj-calendar-heading.tj-events-hero {
  display:block;position:relative;isolation:isolate;overflow:hidden;
  min-height:360px;padding:48px clamp(20px,4vw,64px);border-radius:0;
  background-color:#080c10;
  background-image:linear-gradient(90deg,rgba(8,12,16,.98),rgba(8,12,16,.78) 38%,rgba(8,12,16,.08) 78%),url('https://thejoined.com/wp-content/uploads/Punk-Inventors-Creative-Events-Desk.webp');
  background-size:cover;background-position:center right;
}
.tj-event-directory[data-tj-ui="cinematic"] .tj-events-hero-copy{max-width:650px;min-width:0}
.tj-event-directory[data-tj-ui="cinematic"] .tj-events-hero .tj-events-kicker{position:static;margin:0 0 14px;color:#ff5da1;font:800 12px/1.5 var(--tj-font-body,Inter,Arial,sans-serif);letter-spacing:.4em}
.tj-event-directory[data-tj-ui="cinematic"] .tj-events-hero h1{margin:0 0 26px;color:#fff;font:400 clamp(42px,6vw,92px)/.98 var(--tj-font-display,Anton,Impact,sans-serif);letter-spacing:-.025em;text-transform:uppercase;transform:none;overflow-wrap:normal}
.tj-event-directory[data-tj-ui="cinematic"] .tj-events-hero h1 span{color:#ff1478}
.tj-event-directory[data-tj-ui="cinematic"] .tj-events-hero-motto{margin:0 0 14px;color:#fff;font:700 11px/1.8 var(--tj-font-body,Inter,Arial,sans-serif);letter-spacing:.25em;text-transform:uppercase}
.tj-event-directory[data-tj-ui="cinematic"] .tj-events-hero-intro{max-width:490px;margin:0;color:#e4e8ec;font:400 16px/1.6 var(--tj-font-body,Inter,Arial,sans-serif)}
.tj-event-directory[data-tj-ui="cinematic"] .tj-events-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.tj-event-directory[data-tj-ui="cinematic"] .tj-events-hero-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;margin:0;padding:11px 18px;border:1px solid #303942;border-radius:8px;background:#13191fe6;color:#ff1478;font:650 14px/1.5 var(--tj-font-body,Inter,Arial,sans-serif);text-transform:none;letter-spacing:normal;white-space:normal}
.tj-event-directory[data-tj-ui="cinematic"] .tj-events-hero-actions .tj-events-hero-primary{background:#ff1478;border-color:#ff1478;color:#080c10}
.tj-event-directory[data-tj-ui="cinematic"] .tj-events-hero-actions button:hover{border-color:#ff72af}
.tj-event-directory[data-tj-ui="cinematic"] .tj-events-hero-actions button:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:760px){
 .tj-event-directory[data-tj-ui="cinematic"] > .tj-calendar-heading.tj-events-hero{padding:36px 20px;background-image:linear-gradient(90deg,rgba(8,12,16,.96),rgba(8,12,16,.82) 55%,rgba(8,12,16,.55)),url('https://thejoined.com/wp-content/uploads/Punk-Inventors-Creative-Events-Desk.webp');background-position:65% center}
 .tj-event-directory[data-tj-ui="cinematic"] .tj-events-hero h1{font-size:clamp(42px,9vw,68px)}
}

/* Hero cleanup: full content width and uncropped artwork on wide screens. */
.tj-event-directory[data-tj-ui="cinematic"] { --tj-events-gutter:clamp(1rem,3vw,3rem); padding:0 var(--tj-events-gutter) var(--tj-events-gutter); margin-block:0; border:0; border-radius:0; }
.tj-event-directory[data-tj-ui="cinematic"] > .tj-calendar-heading.tj-events-hero { width:calc(100% + 2 * var(--tj-events-gutter)); margin:0 calc(-1 * var(--tj-events-gutter)) 1.5rem; min-height:440px; padding:48px clamp(20px,4vw,64px); background-size:100% 100%,auto 100%; background-position:center,right center; background-repeat:no-repeat; }
@media(max-width:760px) {
 .tj-event-directory[data-tj-ui="cinematic"] > .tj-calendar-heading.tj-events-hero { min-height:360px; padding:36px 20px; background-size:100% 100%,auto 100%; background-position:center,70% top; }
}

/* Give native Google suggestions room inside Events location dialogs. */
body:has(.tj-event-directory[data-tj-ui="cinematic"]) dialog.tj-calendar-dialog[data-tj-ui="cinematic"]:has(gmp-place-autocomplete)>div{min-height:min(22rem,calc(100dvh - 12rem))}

/* User-requested full-cover hero with per-image face framing. */
.tj-event-directory[data-tj-ui="cinematic"] > .tj-calendar-heading.tj-events-hero { background-size:100% 100%,cover; background-position:center,right 28%; }