/* summit-app-ux-mobile.css
Mobile UX layer for Summit App (page 462 only)
Requires: summit-app.css + summit-app-experiments.css
*/
@media (max-width: 720px){
/* =========================================
0) Kill the theme mobile header spacer / black bar
(Kioto theme header wrapper)
========================================= */
body.summit-app-page .kioto_fn_mobilemenu_wrap,
body.summit-app-page .kioto_fn_mobilemenu_wrap .mobile_in,
body.summit-app-page .kioto_fn_mobilemenu_wrap .dropdown,
body.summit-app-page header,
body.summit-app-page .site-header{
display: none !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* If the theme reserves space for header */
body.summit-app-page{
padding-top: 0 !important;
margin-top: 0 !important;
}
body.summit-app-page #page,
body.summit-app-page #content,
body.summit-app-page .site-content,
body.summit-app-page .site-main,
body.summit-app-page .entry-content{
padding-top: 0 !important;
margin-top: 0 !important;
}
/* Optional: if Safari still shows a dark overscroll background */
html, body{
background: #eef2f6;
}
/* =========================================
1) Make speaker headshots circular
========================================= */
body.summit-app-page .summit-session__avatar,
body.summit-app-page .summit-modal__avatar{
border-radius: 999px !important;
overflow: hidden !important;
}
/* If avatar is a background-image div (yours is) */
body.summit-app-page .summit-session__avatar{
background-size: cover !important;
background-position: center center !important;
}
/* =========================================
2) Star button (works with your injected .summit-fav)
- keep it visible, not crowding the title
- yellow active state
========================================= */
body.summit-app-page .summit-session{
position: relative;
}
/* Space on the right for star + tools cluster */
body.summit-app-page .summit-session__title{
padding-right: 96px !important; /* room for star + icons */
}
body.summit-app-page .summit-fav{
position: absolute;
top: 12px;
right: 12px;
width: 36px;
height: 36px;
border-radius: 999px;
border: 2px solid rgba(180,195,220,.90);
background: #fff;
display: grid;
place-items: center;
cursor: pointer;
z-index: 20;
}
body.summit-app-page .summit-fav svg{
width: 18px;
height: 18px;
display: block;
fill: #111;
opacity: .55;
}
body.summit-app-page .summit-fav.is-active{
border-color: #f4b400 !important;
background: #fff7d6 !important;
}
body.summit-app-page .summit-fav.is-active svg{
fill: #f4b400 !important;
opacity: 1 !important;
}
/* =========================================
3) Session header tool alignment (mic/headphone/caret)
- push them to the far right, keep tidy
========================================= */
body.summit-app-page .summit-session__head{
display: flex !important;
align-items: flex-start !important;
gap: 12px !important;
}
/* left side (avatar + title wrapper) should flex */
body.summit-app-page .summit-session__head > :first-child{
flex: 1 1 auto !important;
min-width: 0 !important;
}
body.summit-app-page .summit-session__tools{
margin-left: auto !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
white-space: nowrap !important;
}
/* Make the tool pills slightly tighter so they don't collide with star */
body.summit-app-page .summit-tool,
body.summit-app-page .summit-expand{
padding: 5px 8px !important;
border-radius: 999px !important;
}
body.summit-app-page .summit-tool{
gap: var(--summit-lang-tool-gap, 4px) !important;
}
/* If you want the caret as the last item and perfectly aligned */
body.summit-app-page .summit-expand{
min-width: 36px;
text-align: center;
}
/* =========================================
4) Mobile filters: clean vertical alignment
- Dates row on top
- Categories row below
- Filter button on the RIGHT, below categories row
- Remove "Category" label pseudo element
========================================= */
/* Remove the "Category" label injected via ::before in experiments */
body.summit-app-page #summit-app .summit-mini-toolbar__cats::before{
content: none !important;
display: none !important;
}
/* Stack the toolbar rows nicely */
body.summit-app-page #summit-app .summit-mini-toolbar{
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
position: relative !important;
}
/* Keep both rows full width */
body.summit-app-page #summit-app .summit-mini-toolbar__row--days,
body.summit-app-page #summit-app .summit-mini-toolbar__row--cats{
width: 100% !important;
}
/* Make the day pills row wrap cleanly */
body.summit-app-page #summit-app .summit-mini-toolbar__row--days{
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
align-items: center !important;
}
/* Categories row: pills on left, filter on right (same row) */
body.summit-app-page #summit-app .summit-mini-toolbar__row--cats{
display: flex !important;
align-items: center !important;
gap: 10px !important;
}
body.summit-app-page #summit-app .summit-mini-toolbar__catrow .summit-btnrow{
padding-left: 0 !important; }
/* category pills container en and fr */
#summit-langbar .summit-btnrow {
display: inline-flex;
gap: 10px;
align-items: center;
margin: 3px 0;
padding: 0 2px;
}
/* Final viewport and bottom-nav stability overrides. */
html:has(body.summit-app-standalone-page),
body.summit-app-standalone-page{
margin: 0 !important;
padding: 0 !important;
min-height: 100dvh !important;
overscroll-behavior-y: none !important;
}
body.summit-app-standalone-page.admin-bar{
margin-top: 0 !important;
}
body.summit-app-standalone-page #wpadminbar{
display: none !important;
}
body.summit-app-standalone-page #summit-app{
width: 100% !important;
max-width: none !important;
min-height: 100dvh !important;
margin: 0 !important;
padding: 0 var(--summit-app-side-pad) !important;
}
body.summit-app-standalone-page #summit-app .summit-hero{
margin-top: 0 !important;
}
body.summit-app-standalone-page #summit-app .summit-intro,
body.summit-app-standalone-page #summit-app .summit-header,
body.summit-app-standalone-page #summit-app .summit-main{
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
}
body.summit-app-page .summit-bottomnav{
transform: translateZ(0) !important;
-webkit-transform: translateZ(0) !important;
contain: layout paint !important;
touch-action: manipulation !important;
}
body.summit-app-page .summit-bottomnav__btn{
touch-action: manipulation !important;
-webkit-tap-highlight-color: transparent !important;
}
body.summit-app-page.summit-has-bottomnav #summit-app,
body.summit-app-page.summit-has-bottomnav #summit-sessions-panel{
padding-bottom: 0 !important;
}
body.summit-app-page.summit-has-bottomnav #summit-app #summit-sessions{
padding-bottom: calc(64px + env(safe-area-inset-bottom)) !important;
}
body.summit-app-page #summit-map-panel{
min-height: calc(100dvh - 56px - env(safe-area-inset-bottom)) !important;
display: flex !important;
flex-direction: column !important;
}
body.summit-app-page #summit-map{
flex: 1 1 auto !important;
min-height: 55dvh !important;
max-height: none !important;
}
/* 0.7.2 mobile layout reset: remove scroll arrows, restore edge hero, trim schedule tail. */
@media (max-width: 720px){
body.summit-app-page #summit-app .summit-mini-toolbar__days.summit-scrollhint::before,
body.summit-app-page #summit-app .summit-mini-toolbar__days.summit-scrollhint::after,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow.summit-scrollhint::before,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow.summit-scrollhint::after{
content: none !important;
display: none !important;
}
body.summit-app-page #summit-app .summit-mini-toolbar__days .summit-btnrow,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow .summit-btnrow{
padding-right: 2px !important;
}
body.summit-app-page #summit-app .summit-hero,
body.summit-app-standalone-page #summit-app .summit-hero{
width: calc(100% + (2 * var(--summit-app-side-pad, 16px))) !important;
max-width: none !important;
margin-left: calc(-1 * var(--summit-app-side-pad, 16px)) !important;
margin-right: calc(-1 * var(--summit-app-side-pad, 16px)) !important;
border-radius: 0 !important;
}
body.summit-app-page #summit-app .summit-structured-event,
body.summit-app-standalone-page #summit-app .summit-structured-event{
width: 100% !important;
max-width: 100% !important;
}
body.summit-app-page #summit-app .summit-structured-event__row,
body.summit-app-standalone-page #summit-app .summit-structured-event__row{
grid-template-columns: 58px minmax(0, 1fr) !important;
column-gap: 14px !important;
}
body.summit-app-page #summit-app .summit-structured-event__row::before,
body.summit-app-standalone-page #summit-app .summit-structured-event__row::before{
justify-self: center !important;
}
body.summit-app-page #summit-app .summit-structured-event__row--place .summit-structured-event__text,
body.summit-app-standalone-page #summit-app .summit-structured-event__row--place .summit-structured-event__text{
width: 100% !important;
padding-top: 0 !important;
border-top: 0 !important;
}
body.summit-app-page #summit-app .summit-main,
body.summit-app-page #summit-app #summit-sessions-panel,
body.summit-app-page #summit-app #summit-sessions{
min-height: 0 !important;
height: auto !important;
max-height: none !important;
}
body.summit-app-page.summit-has-bottomnav #summit-app #summit-sessions{
padding-bottom: calc(18px + env(safe-area-inset-bottom)) !important;
}
body.summit-app-page #summit-app #summit-map-panel{
min-height: 0 !important;
}
}
/* 0.7.8 EOF: keep the current intended mobile UX last in the cascade. */
body.summit-app-page #summit-app .summit-mini-toolbar__days::before,
body.summit-app-page #summit-app .summit-mini-toolbar__days::after,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow::before,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow::after,
body.summit-app-page #summit-app .summit-mini-toolbar__days.summit-scrollhint.has-scroll-right::before,
body.summit-app-page #summit-app .summit-mini-toolbar__days.summit-scrollhint.has-scroll-right::after,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow.summit-scrollhint.has-scroll-right::before,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow.summit-scrollhint.has-scroll-right::after{
content: none !important;
display: none !important;
}
body.summit-app-page #summit-app .summit-mini-toolbar__days .summit-btnrow,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow .summit-btnrow{
padding-right: 2px !important;
}
body.summit-app-page #summit-app .summit-title--structured .summit-structured-title,
body.summit-app-standalone-page #summit-app .summit-title--structured .summit-structured-title{
gap: var(--summit-typo-title-stack-gap-mobile, 10px) !important;
}
body.summit-app-page #summit-app .summit-structured-title__overline,
body.summit-app-standalone-page #summit-app .summit-structured-title__overline{
font-size: var(--summit-typo-overline-size-mobile, 12px) !important;
}
body.summit-app-page #summit-app .summit-structured-title__main,
body.summit-app-standalone-page #summit-app .summit-structured-title__main{
font-size: var(--summit-typo-main-title-size-mobile, 56px) !important;
}
body.summit-app-page #summit-app .summit-structured-title__suffix,
body.summit-app-standalone-page #summit-app .summit-structured-title__suffix{
font-size: var(--summit-typo-title-suffix-size-mobile, 34px) !important;
}
body.summit-app-page #summit-app .summit-structured-event__row,
body.summit-app-standalone-page #summit-app .summit-structured-event__row{
font-size: var(--summit-typo-event-info-size-mobile, 16px) !important;
}
body.summit-app-page #summit-app .summit-structured-intro__text,
body.summit-app-standalone-page #summit-app .summit-structured-intro__text{
font-size: var(--summit-typo-intro-text-size-mobile, 18px) !important;
}
body.summit-app-page #summit-app .summit-structured-event__row > :not(.summit-structured-event__text),
body.summit-app-standalone-page #summit-app .summit-structured-event__row > :not(.summit-structured-event__text){
display: none !important;
}
body.summit-app-page #summit-app .summit-structured-event__row--place .summit-structured-event__text,
body.summit-app-standalone-page #summit-app .summit-structured-event__row--place .summit-structured-event__text{
padding-top: 0 !important;
border-top: 0 !important;
}
body.summit-app-page #summit-app .summit-expand,
body.summit-app-standalone-page #summit-app .summit-expand{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
opacity: 1 !important;
}
body.summit-app-page #summit-app .summit-expand--pill,
body.summit-app-standalone-page #summit-app .summit-expand--pill{
width: auto !important;
min-width: 0 !important;
height: auto !important;
padding: 4px 6px !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
color: var(--summit-expand-text, #334155) !important;
font-size: var(--summit-expand-font-size, 13px) !important;
font-weight: var(--summit-expand-font-weight, 800) !important;
white-space: nowrap !important;
}
body.summit-app-page #summit-app .summit-expand--pill .summit-expand__label,
body.summit-app-standalone-page #summit-app .summit-expand--pill .summit-expand__label{
display: inline !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: 1 !important;
}
body.summit-app-page #summit-app .summit-expand--pill .summit-expand__icon,
body.summit-app-standalone-page #summit-app .summit-expand--pill .summit-expand__icon{
display: none !important;
}
body.summit-app-page #summit-app .summit-expand--triangle,
body.summit-app-standalone-page #summit-app .summit-expand--triangle{
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
color: #374151 !important;
font-size: 20px !important;
font-weight: 900 !important;
}
body.summit-app-page #summit-app.summit-theme-dark .summit-expand--pill,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-expand--pill,
body.summit-app-standalone-page #summit-app.summit-theme-dark .summit-expand--pill{
color: var(--summit-expand-dark-text, #d1d5db) !important;
}
body.summit-app-page #summit-app.summit-theme-dark .summit-expand--triangle,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-expand--triangle,
body.summit-app-standalone-page #summit-app.summit-theme-dark .summit-expand--triangle{
color: #d1d5db !important;
}
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__quick .summit-mini-toolbar__filter,
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__quick .summit-mini-toolbar__tags,
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__quick .summit-header-actions__policies,
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__resources,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions__quick .summit-mini-toolbar__filter,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions__quick .summit-mini-toolbar__tags,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions__quick .summit-header-actions__policies,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions__resources{
background: #151515 !important;
border-color: #3f3f46 !important;
color: #f8fafc !important;
opacity: 1 !important;
}
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__quick .summit-mini-toolbar__filter::before,
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__quick .summit-mini-toolbar__tags::before,
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__quick .summit-header-actions__policies::before,
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__resources::before,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions__quick .summit-mini-toolbar__filter::before,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions__quick .summit-mini-toolbar__tags::before,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions__quick .summit-header-actions__policies::before,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions__resources::before{
filter: invert(1) brightness(1.7) !important;
opacity: 1 !important;
}
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__custom-icon,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions__custom-icon{
filter: invert(1) brightness(1.45) !important;
opacity: 1 !important;
}
/* 0.7.14.1 EOF: final mobile guard against duplicate event date/location icons. */
body.summit-app-page #summit-app .summit-structured-event,
body.summit-app-standalone-page #summit-app .summit-structured-event{
--summit-event-icon-size: 54px;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
gap: 8px !important;
align-items: stretch !important;
max-width: 640px !important;
}
body.summit-app-page #summit-app .summit-structured-event__row,
body.summit-app-standalone-page #summit-app .summit-structured-event__row{
display: grid !important;
grid-template-columns: var(--summit-event-icon-size) minmax(0, 1fr) !important;
grid-column: auto !important;
grid-row: auto !important;
width: 100% !important;
column-gap: 18px !important;
align-items: center !important;
padding: 0 !important;
}
body.summit-app-page #summit-app .summit-structured-event__row::before,
body.summit-app-standalone-page #summit-app .summit-structured-event__row::before{
width: var(--summit-event-icon-size) !important;
height: var(--summit-event-icon-size) !important;
margin: 0 !important;
justify-self: center !important;
}
body.summit-app-page #summit-app .summit-structured-event__row > :not(.summit-structured-event__text),
body.summit-app-standalone-page #summit-app .summit-structured-event__row > :not(.summit-structured-event__text),
body.summit-app-page #summit-app .summit-structured-event__row .summit-structured-event__icon,
body.summit-app-standalone-page #summit-app .summit-structured-event__row .summit-structured-event__icon{
display: none !important;
}
/* 0.7.14.2 TRUE EOF: suppress saved Custom CSS wrapper icons/divider on frontend. */
body.summit-app-page #summit-app .summit-structured-event::before,
body.summit-app-page #summit-app .summit-structured-event::after,
body.summit-app-standalone-page #summit-app .summit-structured-event::before,
body.summit-app-standalone-page #summit-app .summit-structured-event::after,
.summit-preview-app .summit-structured-event::before,
.summit-preview-app .summit-structured-event::after{
content: none !important;
display: none !important;
}
body.summit-app-page #summit-app .summit-structured-event > :first-child::after,
body.summit-app-standalone-page #summit-app .summit-structured-event > :first-child::after,
.summit-preview-app .summit-structured-event > :first-child::after{
content: none !important;
display: none !important;
}
/* 0.7.14.6 TRUE EOF: frontend header toolbar pill stability.
This must remain after legacy toolbar overrides. */
body.summit-app-page #summit-app .summit-header-actions--pill{
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
max-width: 100% !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
}
body.summit-app-page #summit-app .summit-header-actions--pill::-webkit-scrollbar{
display: none !important;
}
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick{
display: inline-flex !important;
flex: 0 0 auto !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
min-width: 0 !important;
}
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick .summit-mini-toolbar__filter,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick .summit-mini-toolbar__tags,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick .summit-header-actions__policies,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__resources{
position: static !important;
flex: 0 0 auto !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: 40px !important;
min-height: 40px !important;
margin: 0 !important;
padding: 0 13px !important;
border-radius: 999px !important;
line-height: 1 !important;
white-space: nowrap !important;
overflow: visible !important;
text-indent: 0 !important;
text-decoration: none !important;
}
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__label{
display: inline-block !important;
flex: 0 0 auto !important;
min-width: 0 !important;
color: currentColor !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__custom-icon,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick .summit-mini-toolbar__filter::before,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick .summit-mini-toolbar__tags::before,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick .summit-header-actions__policies::before,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__resources::before{
flex: 0 0 17px !important;
width: 17px !important;
min-width: 17px !important;
max-width: 17px !important;
height: 17px !important;
min-height: 17px !important;
max-height: 17px !important;
margin: 0 !important;
object-fit: contain !important;
}
body.summit-app-page #summit-app .summit-header-actions--pill .has-custom-icon::before,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__resources.has-custom-icon::before{
content: none !important;
display: none !important;
}
/* 0.7.14.7 TRUE EOF: shortcode/frontend-safe pill toolbar overrides.
Some templates do not include the summit body class, so keep this scoped to the app root. */
#summit-app .summit-header-actions--pill,
#summit-app .summit-header-actions--pill .summit-header-actions__quick{
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
min-width: 0 !important;
max-width: 100% !important;
}
#summit-app .summit-header-actions--pill{
width: 100% !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
}
#summit-app .summit-header-actions--pill::-webkit-scrollbar{
display: none !important;
}
#summit-app .summit-header-actions--pill .summit-header-actions__quick{
flex: 0 0 auto !important;
}
#summit-app .summit-header-actions--pill .summit-mini-toolbar__filter,
#summit-app .summit-header-actions--pill .summit-mini-toolbar__tags,
#summit-app .summit-header-actions--pill .summit-header-actions__policies,
#summit-app .summit-header-actions--pill .summit-header-actions__resources{
position: static !important;
flex: 0 0 auto !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: 40px !important;
min-height: 40px !important;
margin: 0 !important;
padding: 0 13px !important;
border-radius: 999px !important;
line-height: 1 !important;
white-space: nowrap !important;
overflow: visible !important;
text-indent: 0 !important;
color: var(--summit-text-color, #10182f) !important;
font-size: 14px !important;
font-weight: 800 !important;
text-decoration: none !important;
}
#summit-app .summit-header-actions--pill .summit-header-actions__label{
display: inline-block !important;
flex: 0 0 auto !important;
min-width: 0 !important;
color: currentColor !important;
font: inherit !important;
line-height: 1 !important;
white-space: nowrap !important;
text-indent: 0 !important;
}
#summit-app .summit-header-actions--pill .summit-header-actions__custom-icon{
display: block !important;
flex: 0 0 17px !important;
width: 17px !important;
min-width: 17px !important;
max-width: 17px !important;
height: 17px !important;
min-height: 17px !important;
max-height: 17px !important;
margin: 0 !important;
object-fit: contain !important;
}
#summit-app .summit-header-actions--pill .summit-mini-toolbar__filter.has-custom-icon::before,
#summit-app .summit-header-actions--pill .summit-mini-toolbar__tags.has-custom-icon::before,
#summit-app .summit-header-actions--pill .summit-header-actions__policies.has-custom-icon::before,
#summit-app .summit-header-actions--pill .summit-header-actions__resources.has-custom-icon::before{
content: none !important;
display: none !important;
}
#summit-app.summit-theme-dark .summit-header-actions--pill .summit-mini-toolbar__filter,
#summit-app.summit-theme-dark .summit-header-actions--pill .summit-mini-toolbar__tags,
#summit-app.summit-theme-dark .summit-header-actions--pill .summit-header-actions__policies,
#summit-app.summit-theme-dark .summit-header-actions--pill .summit-header-actions__resources{
color: var(--summit-dark-text, #f7f7fb) !important;
}
/* 0.7.14.7 TRUE EOF: frontend-safe event info cleanup. */
#summit-app .summit-structured-event__row > :not(.summit-structured-event__text),
#summit-app .summit-structured-event__row .summit-structured-event__icon{
display: none !important;
}
#summit-app .summit-structured-event::before,
#summit-app .summit-structured-event::after,
#summit-app .summit-structured-event > :first-child::after{
content: none !important;
display: none !important;
}
/* 0.7.14.8 LOCAL: dark footer contrast + room map modal alignment. */
body.summit-app-page.summit-app-theme-dark .summit-bottomnav,
body.summit-app-page #summit-app.summit-theme-dark .summit-bottomnav{
background: #050505 !important;
border-top-color: #2f2f2f !important;
}
body.summit-app-page.summit-app-theme-dark .summit-bottomnav .summit-bottomnav__btn,
body.summit-app-page #summit-app.summit-theme-dark .summit-bottomnav .summit-bottomnav__btn{
color: #f3f4f6 !important;
opacity: 1 !important;
filter: none !important;
}
body.summit-app-page.summit-app-theme-dark .summit-bottomnav .summit-bottomnav__btn.is-active,
body.summit-app-page #summit-app.summit-theme-dark .summit-bottomnav .summit-bottomnav__btn.is-active{
color: #ffffff !important;
}
body.summit-app-page.summit-app-theme-dark .summit-bottomnav .summit-bottomnav__icon,
body.summit-app-page.summit-app-theme-dark .summit-bottomnav .summit-bottomnav__label,
body.summit-app-page #summit-app.summit-theme-dark .summit-bottomnav .summit-bottomnav__icon,
body.summit-app-page #summit-app.summit-theme-dark .summit-bottomnav .summit-bottomnav__label{
color: currentColor !important;
opacity: 1 !important;
}
body.summit-app-page.summit-app-theme-dark .summit-bottomnav .summit-bottomnav__icon svg,
body.summit-app-page #summit-app.summit-theme-dark .summit-bottomnav .summit-bottomnav__icon svg{
color: currentColor !important;
stroke: currentColor !important;
opacity: 1 !important;
}
body.summit-app-page.summit-app-theme-dark .summit-bottomnav .summit-bottomnav__btn::before,
body.summit-app-page #summit-app.summit-theme-dark .summit-bottomnav .summit-bottomnav__btn::before{
opacity: 1 !important;
filter: invert(1) brightness(1.45) !important;
}
body.summit-app-page .summit-map-modal:not([hidden]){
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 100dvh !important;
padding: 18px 14px calc(18px + env(safe-area-inset-bottom)) !important;
box-sizing: border-box !important;
}
body.summit-app-page .summit-map-modal .summit-modal__panel{
position: relative !important;
width: min(92vw, 760px) !important;
max-width: 760px !important;
max-height: calc(100dvh - 36px - env(safe-area-inset-bottom)) !important;
margin: auto !important;
overflow: hidden !important;
border-radius: 24px !important;
background: #ffffff !important;
color: #0f172a !important;
box-shadow: 0 24px 70px rgba(15, 23, 42, .34) !important;
}
body.summit-app-page .summit-map-modal .summit-modal__header{
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 14px !important;
min-height: 74px !important;
padding: 18px 64px 14px 22px !important;
border-bottom: 1px solid rgba(15, 23, 42, .10) !important;
background: #ffffff !important;
box-sizing: border-box !important;
}
body.summit-app-page .summit-map-modal .summit-modal__name{
margin: 0 !important;
color: #0f172a !important;
font-size: 22px !important;
font-weight: 900 !important;
line-height: 1.12 !important;
}
body.summit-app-page .summit-map-modal .summit-modal__role{
margin: 3px 0 0 !important;
color: #64748b !important;
font-size: 15px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
}
body.summit-app-page .summit-map-modal .summit-modal__close{
position: absolute !important;
top: 16px !important;
right: 16px !important;
left: auto !important;
bottom: auto !important;
transform: none !important;
z-index: 5 !important;
width: 44px !important;
height: 44px !important;
margin: 0 !important;
padding: 0 !important;
display: grid !important;
place-items: center !important;
border-radius: 999px !important;
border: 2px solid #cbd5e1 !important;
background: #ffffff !important;
color: #0f172a !important;
box-shadow: none !important;
font-size: 26px !important;
font-weight: 900 !important;
line-height: 1 !important;
text-indent: 0 !important;
}
body.summit-app-page .summit-map-modal .summit-modal__mapwrap{
display: grid !important;
place-items: center !important;
max-height: calc(100dvh - 128px - env(safe-area-inset-bottom)) !important;
padding: 20px 22px 24px !important;
overflow: auto !important;
box-sizing: border-box !important;
}
body.summit-app-page .summit-map-guidance-host[hidden]{
display: none !important;
}
body.summit-app-page .summit-map-modal .summit-map-guidance-host{
padding: 10px 22px 0 !important;
box-sizing: border-box !important;
}
body.summit-app-page .summit-map-modal .summit-map-guidance,
body.summit-app-page #summit-map .summit-map-guidance{
margin: 0 0 12px !important;
padding: 8px 10px !important;
border: 1px solid rgba(203, 213, 225, .9) !important;
border-radius: 10px !important;
background: rgba(248, 250, 252, .78) !important;
color: #334155 !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.4 !important;
box-shadow: none !important;
}
body.summit-app-page.summit-app-theme-dark .summit-map-modal .summit-modal__panel,
body.summit-app-page #summit-app.summit-theme-dark .summit-map-modal .summit-modal__panel{
background: #090909 !important;
border-color: #303030 !important;
color: #f8fafc !important;
}
body.summit-app-page.summit-app-theme-dark .summit-map-modal .summit-modal__header,
body.summit-app-page #summit-app.summit-theme-dark .summit-map-modal .summit-modal__header{
background: #090909 !important;
border-bottom-color: #303030 !important;
}
body.summit-app-page.summit-app-theme-dark .summit-map-modal .summit-modal__name,
body.summit-app-page #summit-app.summit-theme-dark .summit-map-modal .summit-modal__name{
color: #f8fafc !important;
}
body.summit-app-page.summit-app-theme-dark .summit-map-modal .summit-modal__role,
body.summit-app-page #summit-app.summit-theme-dark .summit-map-modal .summit-modal__role{
color: #cbd5e1 !important;
}
body.summit-app-page.summit-app-theme-dark .summit-map-modal .summit-modal__close,
body.summit-app-page #summit-app.summit-theme-dark .summit-map-modal .summit-modal__close{
background: #111111 !important;
border-color: #334155 !important;
color: #f8fafc !important;
}
body.summit-app-page.summit-app-theme-dark .summit-map-modal .summit-map-guidance,
body.summit-app-page #summit-app.summit-theme-dark .summit-map-modal .summit-map-guidance,
body.summit-app-page.summit-app-theme-dark #summit-map .summit-map-guidance,
body.summit-app-page #summit-app.summit-theme-dark #summit-map .summit-map-guidance{
background: rgba(15, 23, 42, .72) !important;
border-color: rgba(71, 85, 105, .88) !important;
color: #d1d5db !important;
}
/* Session Details/Less control: final cascade override.
Older caret rules above set the expand control to a fixed 44px/20px icon.
Keep pill mode text-only and driven by the admin settings. */
body.summit-app-page #summit-app .summit-session__chips .summit-expand--pill,
body.summit-app-page #summit-app .summit-session__tools .summit-expand--pill,
body.summit-app-page #summit-app .summit-expand--pill,
body.summit-app-standalone-page #summit-app .summit-session__chips .summit-expand--pill,
body.summit-app-standalone-page #summit-app .summit-session__tools .summit-expand--pill,
body.summit-app-standalone-page #summit-app .summit-expand--pill{
width: auto !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
margin-left: auto !important;
padding: 4px 6px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: var(--summit-expand-text, #334155) !important;
font-size: var(--summit-expand-font-size, 13px) !important;
font-weight: var(--summit-expand-font-weight, 800) !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body.summit-app-page #summit-app .summit-expand--pill .summit-expand__label,
body.summit-app-standalone-page #summit-app .summit-expand--pill .summit-expand__label{
display: inline !important;
font: inherit !important;
line-height: inherit !important;
}
body.summit-app-page #summit-app .summit-expand--pill .summit-expand__icon,
body.summit-app-standalone-page #summit-app .summit-expand--pill .summit-expand__icon{
display: none !important;
}
body.summit-app-page #summit-app.summit-theme-dark .summit-expand--pill,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-expand--pill,
body.summit-app-standalone-page #summit-app.summit-theme-dark .summit-expand--pill{
color: var(--summit-expand-dark-text, #d1d5db) !important;
}
body.summit-app-page #summit-app .summit-expand--triangle,
body.summit-app-standalone-page #summit-app .summit-expand--triangle{
width: 36px !important;
min-width: 36px !important;
height: 36px !important;
min-height: 36px !important;
padding: 0 !important;
font-size: 16px !important;
}
/* 0.7.14.9: final session Details/Less affordance override */
body.summit-app-page #summit-app .summit-session__tools .summit-expand,
body.summit-app-standalone-page #summit-app .summit-session__tools .summit-expand,
#summit-app .summit-session__tools .summit-expand{
box-sizing: border-box !important;
display: inline-flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
opacity: 1 !important;
line-height: 1 !important;
text-align: center !important;
text-decoration: none !important;
text-transform: none !important;
}
body.summit-app-page #summit-app .summit-session__tools .summit-expand--pill,
body.summit-app-standalone-page #summit-app .summit-session__tools .summit-expand--pill,
#summit-app .summit-session__tools .summit-expand--pill{
width: auto !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
gap: 0 !important;
padding: 5px 8px !important;
border: 0 !important;
border-radius: 8px !important;
background: transparent !important;
color: var(--summit-expand-text, #475569) !important;
font-size: var(--summit-expand-font-size, 13px) !important;
font-weight: var(--summit-expand-font-weight, 800) !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
box-shadow: none !important;
}
body.summit-app-page #summit-app .summit-session__tools .summit-expand--pill .summit-expand__label,
body.summit-app-standalone-page #summit-app .summit-session__tools .summit-expand--pill .summit-expand__label,
#summit-app .summit-session__tools .summit-expand--pill .summit-expand__label{
display: inline-block !important;
color: inherit !important;
font: inherit !important;
line-height: 1 !important;
}
body.summit-app-page #summit-app .summit-session__tools .summit-expand--pill .summit-expand__icon,
body.summit-app-standalone-page #summit-app .summit-session__tools .summit-expand--pill .summit-expand__icon,
#summit-app .summit-session__tools .summit-expand--pill .summit-expand__icon{
display: none !important;
}
body.summit-app-page #summit-app .summit-session__tools .summit-expand--triangle,
body.summit-app-standalone-page #summit-app .summit-session__tools .summit-expand--triangle,
#summit-app .summit-session__tools .summit-expand--triangle{
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: #374151 !important;
font-size: 22px !important;
font-weight: 900 !important;
}
body.summit-app-page #summit-app.summit-theme-dark .summit-session__tools .summit-expand--pill,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-session__tools .summit-expand--pill,
body.summit-app-standalone-page #summit-app.summit-theme-dark .summit-session__tools .summit-expand--pill,
#summit-app.summit-theme-dark .summit-session__tools .summit-expand--pill{
background: transparent !important;
border-color: transparent !important;
color: var(--summit-expand-dark-text, #CBD5E1) !important;
}
body.summit-app-page #summit-app.summit-theme-dark .summit-session__tools .summit-expand--triangle,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-session__tools .summit-expand--triangle,
body.summit-app-standalone-page #summit-app.summit-theme-dark .summit-session__tools .summit-expand--triangle,
#summit-app.summit-theme-dark .summit-session__tools .summit-expand--triangle{
color: #d1d5db !important;
}
/* 0.7.14.9: configurable session Details/Less affordance */
body.summit-app-page #summit-app .summit-expand,
body.summit-app-standalone-page #summit-app .summit-expand{
box-sizing: border-box !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
opacity: 1 !important;
line-height: 1 !important;
}
body.summit-app-page #summit-app .summit-expand--pill,
body.summit-app-standalone-page #summit-app .summit-expand--pill{
width: auto !important;
min-width: 0 !important;
height: 34px !important;
gap: 6px !important;
padding: 0 12px !important;
border: 2px solid var(--summit-expand-border, #CBD5E1) !important;
border-radius: 999px !important;
background: var(--summit-expand-bg, #FFFFFF) !important;
color: var(--summit-expand-text, #334155) !important;
font-size: var(--summit-expand-font-size, 13px) !important;
font-weight: var(--summit-expand-font-weight, 800) !important;
white-space: nowrap !important;
}
body.summit-app-page #summit-app .summit-expand--pill .summit-expand__label,
body.summit-app-standalone-page #summit-app .summit-expand--pill .summit-expand__label,
body.summit-app-page #summit-app .summit-expand--pill .summit-expand__icon,
body.summit-app-standalone-page #summit-app .summit-expand--pill .summit-expand__icon{
display: inline-block !important;
color: inherit !important;
font: inherit !important;
line-height: 1 !important;
}
body.summit-app-page #summit-app .summit-expand--pill .summit-expand__icon,
body.summit-app-standalone-page #summit-app .summit-expand--pill .summit-expand__icon{
font-size: .9em !important;
}
body.summit-app-page #summit-app .summit-expand--triangle,
body.summit-app-standalone-page #summit-app .summit-expand--triangle{
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: #374151 !important;
font-size: 22px !important;
font-weight: 900 !important;
}
body.summit-app-page #summit-app .summit-expand--triangle .summit-expand__label,
body.summit-app-standalone-page #summit-app .summit-expand--triangle .summit-expand__label{
display: none !important;
}
body.summit-app-page #summit-app.summit-theme-dark .summit-expand--pill,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-expand--pill,
body.summit-app-standalone-page #summit-app.summit-theme-dark .summit-expand--pill{
background: var(--summit-expand-dark-bg, #111827) !important;
border-color: var(--summit-expand-dark-border, #475569) !important;
color: var(--summit-expand-dark-text, #E5E7EB) !important;
}
body.summit-app-page #summit-app.summit-theme-dark .summit-expand--triangle,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-expand--triangle,
body.summit-app-standalone-page #summit-app.summit-theme-dark .summit-expand--triangle{
color: #d1d5db !important;
}
/* 0.7.14.7: shortcode/frontend-safe pill toolbar overrides.
Some templates do not include the summit body class, so keep this scoped to the app root. */
#summit-app .summit-header-actions--pill,
#summit-app .summit-header-actions--pill .summit-header-actions__quick{
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
min-width: 0 !important;
max-width: 100% !important;
}
#summit-app .summit-header-actions--pill{
width: 100% !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
}
#summit-app .summit-header-actions--pill::-webkit-scrollbar{
display: none !important;
}
#summit-app .summit-header-actions--pill .summit-header-actions__quick{
flex: 0 0 auto !important;
}
#summit-app .summit-header-actions--pill .summit-mini-toolbar__filter,
#summit-app .summit-header-actions--pill .summit-mini-toolbar__tags,
#summit-app .summit-header-actions--pill .summit-header-actions__policies,
#summit-app .summit-header-actions--pill .summit-header-actions__resources{
position: static !important;
flex: 0 0 auto !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: 40px !important;
min-height: 40px !important;
margin: 0 !important;
padding: 0 13px !important;
border-radius: 999px !important;
line-height: 1 !important;
white-space: nowrap !important;
overflow: visible !important;
text-indent: 0 !important;
color: var(--summit-text-color, #10182f) !important;
font-size: 14px !important;
font-weight: 800 !important;
text-decoration: none !important;
}
#summit-app .summit-header-actions--pill .summit-header-actions__label{
display: inline-block !important;
flex: 0 0 auto !important;
min-width: 0 !important;
color: currentColor !important;
font: inherit !important;
line-height: 1 !important;
white-space: nowrap !important;
text-indent: 0 !important;
}
#summit-app .summit-header-actions--pill .summit-header-actions__custom-icon{
display: block !important;
flex: 0 0 17px !important;
width: 17px !important;
min-width: 17px !important;
max-width: 17px !important;
height: 17px !important;
min-height: 17px !important;
max-height: 17px !important;
margin: 0 !important;
object-fit: contain !important;
}
#summit-app .summit-header-actions--pill .summit-mini-toolbar__filter.has-custom-icon::before,
#summit-app .summit-header-actions--pill .summit-mini-toolbar__tags.has-custom-icon::before,
#summit-app .summit-header-actions--pill .summit-header-actions__policies.has-custom-icon::before,
#summit-app .summit-header-actions--pill .summit-header-actions__resources.has-custom-icon::before{
content: none !important;
display: none !important;
}
#summit-app .summit-header-actions--pill:not(:has(.has-custom-icon)) .summit-mini-toolbar__filter::before,
#summit-app .summit-header-actions--pill:not(:has(.has-custom-icon)) .summit-mini-toolbar__tags::before,
#summit-app .summit-header-actions--pill:not(:has(.has-custom-icon)) .summit-header-actions__policies::before,
#summit-app .summit-header-actions--pill:not(:has(.has-custom-icon)) .summit-header-actions__resources::before{
flex: 0 0 17px !important;
width: 17px !important;
min-width: 17px !important;
max-width: 17px !important;
height: 17px !important;
min-height: 17px !important;
max-height: 17px !important;
margin: 0 !important;
}
#summit-app.summit-theme-dark .summit-header-actions--pill .summit-mini-toolbar__filter,
#summit-app.summit-theme-dark .summit-header-actions--pill .summit-mini-toolbar__tags,
#summit-app.summit-theme-dark .summit-header-actions--pill .summit-header-actions__policies,
#summit-app.summit-theme-dark .summit-header-actions--pill .summit-header-actions__resources{
color: var(--summit-dark-text, #f7f7fb) !important;
}
/* 0.7.14.7: frontend-safe event info cleanup. */
#summit-app .summit-structured-event__row > :not(.summit-structured-event__text),
#summit-app .summit-structured-event__row .summit-structured-event__icon{
display: none !important;
}
#summit-app .summit-structured-event::before,
#summit-app .summit-structured-event::after,
#summit-app .summit-structured-event > :first-child::after{
content: none !important;
display: none !important;
}
/* 0.7.14.6: keep header toolbar pills intact in the real frontend.
Older mobile overrides inject built-in icons with ::before; uploaded icons
come from markup. This final pass prevents both icon sources showing at once
and keeps each pill from stretching/splitting at wider preview widths. */
body.summit-app-page #summit-app .summit-header-actions--pill{
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
max-width: 100% !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
}
body.summit-app-page #summit-app .summit-header-actions--pill::-webkit-scrollbar{
display: none !important;
}
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick{
display: inline-flex !important;
flex: 0 0 auto !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
min-width: 0 !important;
}
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick .summit-mini-toolbar__filter,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick .summit-mini-toolbar__tags,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick .summit-header-actions__policies,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__resources{
position: static !important;
flex: 0 0 auto !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: 40px !important;
min-height: 40px !important;
margin: 0 !important;
padding: 0 13px !important;
border-radius: 999px !important;
line-height: 1 !important;
white-space: nowrap !important;
overflow: visible !important;
text-indent: 0 !important;
text-decoration: none !important;
}
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__label{
display: inline-block !important;
flex: 0 0 auto !important;
min-width: 0 !important;
color: currentColor !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__custom-icon,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick .summit-mini-toolbar__filter::before,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick .summit-mini-toolbar__tags::before,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick .summit-header-actions__policies::before,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__resources::before{
flex: 0 0 17px !important;
width: 17px !important;
min-width: 17px !important;
max-width: 17px !important;
height: 17px !important;
min-height: 17px !important;
max-height: 17px !important;
margin: 0 !important;
object-fit: contain !important;
}
body.summit-app-page #summit-app .summit-header-actions--pill .has-custom-icon::before,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__resources.has-custom-icon::before{
content: none !important;
display: none !important;
}
/* 0.7.14.3 TRUE EOF: reset saved Custom CSS event grid back to row icons. */
body.summit-app-page #summit-app .summit-structured-event,
body.summit-app-standalone-page #summit-app .summit-structured-event,
.summit-preview-app .summit-structured-event{
--summit-event-icon-size: 54px;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
gap: 8px !important;
align-items: stretch !important;
max-width: 640px !important;
}
body.summit-app-page #summit-app .summit-structured-event__row,
body.summit-app-standalone-page #summit-app .summit-structured-event__row,
.summit-preview-app .summit-structured-event__row{
display: grid !important;
grid-template-columns: var(--summit-event-icon-size) minmax(0, 1fr) !important;
grid-column: auto !important;
grid-row: auto !important;
width: 100% !important;
column-gap: 18px !important;
align-items: center !important;
padding: 0 !important;
}
body.summit-app-page #summit-app .summit-structured-event::before,
body.summit-app-page #summit-app .summit-structured-event::after,
body.summit-app-standalone-page #summit-app .summit-structured-event::before,
body.summit-app-standalone-page #summit-app .summit-structured-event::after,
.summit-preview-app .summit-structured-event::before,
.summit-preview-app .summit-structured-event::after,
body.summit-app-page #summit-app .summit-structured-event > :first-child::after,
body.summit-app-standalone-page #summit-app .summit-structured-event > :first-child::after,
.summit-preview-app .summit-structured-event > :first-child::after{
content: none !important;
display: none !important;
}
/* 0.7.14.2 TRUE EOF: suppress saved Custom CSS wrapper icons/divider on frontend. */
body.summit-app-page #summit-app .summit-structured-event::before,
body.summit-app-page #summit-app .summit-structured-event::after,
body.summit-app-standalone-page #summit-app .summit-structured-event::before,
body.summit-app-standalone-page #summit-app .summit-structured-event::after,
.summit-preview-app .summit-structured-event::before,
.summit-preview-app .summit-structured-event::after{
content: none !important;
display: none !important;
}
body.summit-app-page #summit-app .summit-structured-event > :first-child::after,
body.summit-app-standalone-page #summit-app .summit-structured-event > :first-child::after,
.summit-preview-app .summit-structured-event > :first-child::after{
content: none !important;
display: none !important;
}
body.summit-app-page #summit-app .summit-structured-event::before,
body.summit-app-page #summit-app .summit-structured-event::after,
body.summit-app-standalone-page #summit-app .summit-structured-event::before,
body.summit-app-standalone-page #summit-app .summit-structured-event::after,
.summit-preview-app .summit-structured-event::before,
.summit-preview-app .summit-structured-event::after{
content: none !important;
display: none !important;
}
body.summit-app-page #summit-app .summit-structured-event > :first-child::after,
body.summit-app-standalone-page #summit-app .summit-structured-event > :first-child::after,
.summit-preview-app .summit-structured-event > :first-child::after{
content: none !important;
display: none !important;
}
/* 0.7.14.1: final mobile guard against duplicate event date/location icons. */
body.summit-app-page #summit-app .summit-structured-event,
body.summit-app-standalone-page #summit-app .summit-structured-event{
--summit-event-icon-size: 54px;
}
body.summit-app-page #summit-app .summit-structured-event__row,
body.summit-app-standalone-page #summit-app .summit-structured-event__row{
grid-template-columns: var(--summit-event-icon-size) minmax(0, 1fr) !important;
}
body.summit-app-page #summit-app .summit-structured-event__row::before,
body.summit-app-standalone-page #summit-app .summit-structured-event__row::before{
width: var(--summit-event-icon-size) !important;
height: var(--summit-event-icon-size) !important;
margin: 0 !important;
justify-self: center !important;
}
body.summit-app-page #summit-app .summit-structured-event__row > :not(.summit-structured-event__text),
body.summit-app-standalone-page #summit-app .summit-structured-event__row > :not(.summit-structured-event__text),
body.summit-app-page #summit-app .summit-structured-event__row .summit-structured-event__icon,
body.summit-app-standalone-page #summit-app .summit-structured-event__row .summit-structured-event__icon{
display: none !important;
}
/* 0.7.10: keep venue and city readable on narrow mobile screens. */
body.summit-app-page #summit-app .summit-structured-event__sep,
body.summit-app-standalone-page #summit-app .summit-structured-event__sep,
.summit-preview-app .summit-structured-event__sep{
display: none !important;
}
body.summit-app-page #summit-app .summit-structured-event__city,
body.summit-app-standalone-page #summit-app .summit-structured-event__city,
.summit-preview-app .summit-structured-event__city{
display: block !important;
margin-top: 2px !important;
}
/* 0.7.9: optional text-label pill mode for top quick actions. */
body.summit-app-page #summit-app .summit-header-actions--pill{
justify-content: flex-start !important;
gap: 8px !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
}
body.summit-app-page #summit-app .summit-header-actions--pill::-webkit-scrollbar{
display: none !important;
}
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick{
gap: 8px !important;
}
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick .summit-mini-toolbar__filter,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick .summit-mini-toolbar__tags,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick .summit-header-actions__policies,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__resources{
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: 40px !important;
padding: 0 14px !important;
gap: 8px !important;
border-radius: 999px !important;
color: #0f172a !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1 !important;
text-indent: 0 !important;
overflow: visible !important;
white-space: nowrap !important;
}
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__resources.has-custom-icon{
text-indent: 0 !important;
}
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick .summit-mini-toolbar__filter::before,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick .summit-mini-toolbar__tags::before,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick .summit-header-actions__policies::before,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__resources::before,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__custom-icon{
width: 17px !important;
height: 17px !important;
max-width: 17px !important;
max-height: 17px !important;
flex: 0 0 17px !important;
}
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__resources .summit-header-actions__label,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick .summit-header-actions__label{
display: inline !important;
color: currentColor !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions--pill .summit-header-actions__quick .summit-mini-toolbar__filter,
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions--pill .summit-header-actions__quick .summit-mini-toolbar__tags,
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions--pill .summit-header-actions__quick .summit-header-actions__policies,
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions--pill .summit-header-actions__resources,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions--pill .summit-header-actions__quick .summit-mini-toolbar__filter,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions--pill .summit-header-actions__quick .summit-mini-toolbar__tags,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions--pill .summit-header-actions__quick .summit-header-actions__policies,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions--pill .summit-header-actions__resources{
background: #151515 !important;
border-color: #3f3f46 !important;
color: #f8fafc !important;
}
/* 0.7.7: keep one event-info icon and remove legacy divider/inline icons. */
body.summit-app-page #summit-app .summit-structured-event__row > :not(.summit-structured-event__text),
body.summit-app-standalone-page #summit-app .summit-structured-event__row > :not(.summit-structured-event__text){
display: none !important;
}
body.summit-app-page #summit-app .summit-structured-event__row--place .summit-structured-event__text,
body.summit-app-standalone-page #summit-app .summit-structured-event__row--place .summit-structured-event__text{
padding-top: 0 !important;
border-top: 0 !important;
}
/* 0.7.6: modal close controls are a quiet X, without a circle. */
body.summit-app-page .summit-modal__close,
body.summit-app-standalone-page .summit-modal__close{
position: static !important;
inset: auto !important;
transform: none !important;
flex: 0 0 auto !important;
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
min-height: 38px !important;
margin: 0 0 0 auto !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: #94a3b8 !important;
font-size: 28px !important;
font-weight: 850 !important;
line-height: 1 !important;
text-indent: 0 !important;
cursor: pointer !important;
touch-action: manipulation !important;
-webkit-tap-highlight-color: transparent !important;
}
body.summit-app-page .summit-modal__close:hover,
body.summit-app-page .summit-modal__close:focus-visible,
body.summit-app-standalone-page .summit-modal__close:hover,
body.summit-app-standalone-page .summit-modal__close:focus-visible{
color: #64748b !important;
background: transparent !important;
outline: 2px solid rgba(100, 116, 139, .22) !important;
outline-offset: 2px !important;
}
body.summit-app-page.summit-app-theme-dark .summit-modal__close,
body.summit-app-standalone-page.summit-app-theme-dark .summit-modal__close,
body.summit-app-page #summit-app.summit-theme-dark .summit-modal__close,
body.summit-app-standalone-page #summit-app.summit-theme-dark .summit-modal__close{
color: #9ca3af !important;
background: transparent !important;
border: 0 !important;
}
body.summit-app-page.summit-app-theme-dark .summit-modal__close:hover,
body.summit-app-page.summit-app-theme-dark .summit-modal__close:focus-visible,
body.summit-app-standalone-page.summit-app-theme-dark .summit-modal__close:hover,
body.summit-app-standalone-page.summit-app-theme-dark .summit-modal__close:focus-visible,
body.summit-app-page #summit-app.summit-theme-dark .summit-modal__close:hover,
body.summit-app-page #summit-app.summit-theme-dark .summit-modal__close:focus-visible{
color: #e5e7eb !important;
outline-color: rgba(229, 231, 235, .22) !important;
}
/* 0.7.2 mobile layout reset: no filter arrows/fade; trim schedule tail. */
@media (max-width: 720px){
body.summit-app-page #summit-app .summit-mini-toolbar__days::before,
body.summit-app-page #summit-app .summit-mini-toolbar__days::after,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow::before,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow::after{
content: none !important;
display: none !important;
}
body.summit-app-page #summit-app .summit-mini-toolbar__days .summit-btnrow,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow .summit-btnrow{
padding-right: 2px !important;
}
body.summit-app-page #summit-app .summit-hero,
body.summit-app-standalone-page #summit-app .summit-hero{
width: calc(100% + (2 * var(--summit-app-side-pad, 16px))) !important;
max-width: none !important;
margin-left: calc(-1 * var(--summit-app-side-pad, 16px)) !important;
margin-right: calc(-1 * var(--summit-app-side-pad, 16px)) !important;
border-radius: 0 !important;
}
body.summit-app-page #summit-app .summit-structured-event,
body.summit-app-standalone-page #summit-app .summit-structured-event{
width: 100% !important;
max-width: 100% !important;
}
body.summit-app-page #summit-app .summit-structured-event__row,
body.summit-app-standalone-page #summit-app .summit-structured-event__row{
grid-template-columns: 58px minmax(0, 1fr) !important;
column-gap: 14px !important;
}
body.summit-app-page #summit-app .summit-structured-event__row::before,
body.summit-app-standalone-page #summit-app .summit-structured-event__row::before{
justify-self: center !important;
}
body.summit-app-page #summit-app .summit-structured-event__row--place .summit-structured-event__text,
body.summit-app-standalone-page #summit-app .summit-structured-event__row--place .summit-structured-event__text{
width: 100% !important;
padding-top: 0 !important;
border-top: 0 !important;
}
body.summit-app-page #summit-app .summit-main,
body.summit-app-page #summit-app #summit-sessions-panel,
body.summit-app-page #summit-app #summit-sessions{
min-height: 0 !important;
height: auto !important;
max-height: none !important;
}
body.summit-app-page.summit-has-bottomnav #summit-app #summit-sessions{
padding-bottom: calc(18px + env(safe-area-inset-bottom)) !important;
}
body.summit-app-page #summit-app #summit-map-panel{
min-height: 0 !important;
}
}
/* 0.7.8: final pass for live/preview parity and small control visibility. */
body.summit-app-page #summit-app .summit-mini-toolbar__days::before,
body.summit-app-page #summit-app .summit-mini-toolbar__days::after,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow::before,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow::after,
body.summit-app-page #summit-app .summit-mini-toolbar__days.summit-scrollhint.has-scroll-right::before,
body.summit-app-page #summit-app .summit-mini-toolbar__days.summit-scrollhint.has-scroll-right::after,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow.summit-scrollhint.has-scroll-right::before,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow.summit-scrollhint.has-scroll-right::after{
content: none !important;
display: none !important;
}
body.summit-app-page #summit-app .summit-title--structured .summit-structured-title,
body.summit-app-standalone-page #summit-app .summit-title--structured .summit-structured-title{
gap: var(--summit-typo-title-stack-gap-mobile, 10px) !important;
}
body.summit-app-page #summit-app .summit-structured-title__overline,
body.summit-app-standalone-page #summit-app .summit-structured-title__overline{
font-size: var(--summit-typo-overline-size-mobile, 12px) !important;
}
body.summit-app-page #summit-app .summit-structured-title__main,
body.summit-app-standalone-page #summit-app .summit-structured-title__main{
font-size: var(--summit-typo-main-title-size-mobile, 56px) !important;
}
body.summit-app-page #summit-app .summit-structured-title__suffix,
body.summit-app-standalone-page #summit-app .summit-structured-title__suffix{
font-size: var(--summit-typo-title-suffix-size-mobile, 34px) !important;
}
body.summit-app-page #summit-app .summit-structured-event__row,
body.summit-app-standalone-page #summit-app .summit-structured-event__row{
font-size: var(--summit-typo-event-info-size-mobile, 16px) !important;
}
body.summit-app-page #summit-app .summit-structured-intro__text,
body.summit-app-standalone-page #summit-app .summit-structured-intro__text{
font-size: var(--summit-typo-intro-text-size-mobile, 18px) !important;
}
body.summit-app-page #summit-app .summit-structured-event__row > :not(.summit-structured-event__text),
body.summit-app-standalone-page #summit-app .summit-structured-event__row > :not(.summit-structured-event__text){
display: none !important;
}
body.summit-app-page #summit-app .summit-structured-event__row--place .summit-structured-event__text,
body.summit-app-standalone-page #summit-app .summit-structured-event__row--place .summit-structured-event__text{
padding-top: 0 !important;
border-top: 0 !important;
}
body.summit-app-page #summit-app .summit-expand,
body.summit-app-standalone-page #summit-app .summit-expand{
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
color: #374151 !important;
font-size: 20px !important;
font-weight: 900 !important;
line-height: 1 !important;
opacity: 1 !important;
}
body.summit-app-page #summit-app.summit-theme-dark .summit-expand,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-expand,
body.summit-app-standalone-page #summit-app.summit-theme-dark .summit-expand{
color: #d1d5db !important;
}
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__quick .summit-mini-toolbar__filter,
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__quick .summit-mini-toolbar__tags,
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__quick .summit-header-actions__policies,
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__resources,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions__quick .summit-mini-toolbar__filter,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions__quick .summit-mini-toolbar__tags,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions__quick .summit-header-actions__policies,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions__resources{
background: #151515 !important;
border-color: #3f3f46 !important;
color: #f8fafc !important;
opacity: 1 !important;
}
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__quick .summit-mini-toolbar__filter::before,
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__quick .summit-mini-toolbar__tags::before,
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__quick .summit-header-actions__policies::before,
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__resources::before,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions__quick .summit-mini-toolbar__filter::before,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions__quick .summit-mini-toolbar__tags::before,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions__quick .summit-header-actions__policies::before,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions__resources::before{
filter: invert(1) brightness(1.7) !important;
opacity: 1 !important;
}
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__custom-icon,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions__custom-icon{
filter: invert(1) brightness(1.45) !important;
opacity: 1 !important;
}
/* Final mobile filter overflow affordance: show a clear "more this way" cue instead of cut-off labels. */
@media (max-width: 720px){
body.summit-app-page #summit-app .summit-mini-toolbar__days.summit-scrollhint,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow.summit-scrollhint{
position: relative !important;
}
body.summit-app-page #summit-app .summit-mini-toolbar__days.summit-scrollhint .summit-btnrow,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow.summit-scrollhint .summit-btnrow{
padding-right: 44px !important;
}
body.summit-app-page #summit-app .summit-mini-toolbar__days.summit-scrollhint.has-scroll-right::after,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow.summit-scrollhint.has-scroll-right::after{
content: "" !important;
position: absolute !important;
z-index: 3 !important;
top: 0 !important;
right: 0 !important;
bottom: 6px !important;
width: 68px !important;
pointer-events: none !important;
border-radius: 0 18px 18px 0 !important;
background: linear-gradient(90deg, rgba(238, 244, 250, 0), rgba(238, 244, 250, .94) 62%, rgba(238, 244, 250, 1)) !important;
}
body.summit-app-page #summit-app .summit-mini-toolbar__days.summit-scrollhint.has-scroll-right::before,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow.summit-scrollhint.has-scroll-right::before{
content: "›" !important;
position: absolute !important;
z-index: 4 !important;
top: calc(50% - 3px) !important;
right: 8px !important;
transform: translateY(-50%) !important;
width: 32px !important;
height: 32px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 999px !important;
border: 2px solid #cbd5e1 !important;
background: rgba(255, 255, 255, .94) !important;
color: #0f172a !important;
font-size: 30px !important;
font-weight: 900 !important;
line-height: 1 !important;
pointer-events: none !important;
box-shadow: 0 6px 16px rgba(15, 23, 42, .08) !important;
}
body.summit-app-page.summit-app-theme-dark #summit-app .summit-mini-toolbar__days.summit-scrollhint.has-scroll-right::after,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-mini-toolbar__catrow.summit-scrollhint.has-scroll-right::after,
body.summit-app-page #summit-app.summit-theme-dark .summit-mini-toolbar__days.summit-scrollhint.has-scroll-right::after,
body.summit-app-page #summit-app.summit-theme-dark .summit-mini-toolbar__catrow.summit-scrollhint.has-scroll-right::after{
background: linear-gradient(90deg, rgba(10, 10, 10, 0), rgba(10, 10, 10, .88) 62%, rgba(10, 10, 10, .98)) !important;
}
body.summit-app-page.summit-app-theme-dark #summit-app .summit-mini-toolbar__days.summit-scrollhint.has-scroll-right::before,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-mini-toolbar__catrow.summit-scrollhint.has-scroll-right::before,
body.summit-app-page #summit-app.summit-theme-dark .summit-mini-toolbar__days.summit-scrollhint.has-scroll-right::before,
body.summit-app-page #summit-app.summit-theme-dark .summit-mini-toolbar__catrow.summit-scrollhint.has-scroll-right::before{
border-color: #334155 !important;
background: rgba(17, 17, 17, .96) !important;
color: #f8fafc !important;
}
}
.summit-modal-loading{
padding: 18px !important;
color: #475569 !important;
font-weight: 800 !important;
}
/* Final agenda modal header: match map/speaker modals and keep X inside. */
@media (max-width: 720px){
body.summit-app-page .summit-modal[data-modal-type="agenda"] .summit-modal__head{
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 14px !important;
padding: 16px 18px 14px !important;
border-bottom: 1px solid rgba(15, 23, 42, .10) !important;
background: #ffffff !important;
}
body.summit-app-page .summit-modal[data-modal-type="agenda"] .summit-modal__title{
color: #0f172a !important;
font-size: 18px !important;
line-height: 1.12 !important;
font-weight: 900 !important;
}
body.summit-app-page .summit-modal[data-modal-type="agenda"] .summit-modal__close{
position: static !important;
inset: auto !important;
transform: none !important;
flex: 0 0 44px !important;
width: 44px !important;
height: 44px !important;
margin: 0 !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 999px !important;
border: 2px solid #cbd5e1 !important;
background: #ffffff !important;
color: #0f172a !important;
box-shadow: none !important;
font-size: 26px !important;
line-height: 1 !important;
text-indent: 0 !important;
}
body.summit-app-page.summit-app-theme-dark .summit-modal[data-modal-type="agenda"] .summit-modal__head{
background: #0a0a0a !important;
border-bottom-color: #2f2f2f !important;
}
body.summit-app-page.summit-app-theme-dark .summit-modal[data-modal-type="agenda"] .summit-modal__title{
color: #f8fafc !important;
}
body.summit-app-page.summit-app-theme-dark .summit-modal[data-modal-type="agenda"] .summit-modal__close{
background: #111111 !important;
border-color: #334155 !important;
color: #f8fafc !important;
}
}
/* Final bottom toolbar tap-target pass: taller hit area without returning to the oversized footer. */
@media (max-width: 720px){
body.summit-app-page .summit-bottomnav{
padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) !important;
gap: 6px !important;
}
body.summit-app-page .summit-bottomnav .summit-bottomnav__btn{
min-height: 56px !important;
padding: 7px 4px !important;
gap: 3px !important;
align-content: center !important;
touch-action: manipulation !important;
-webkit-tap-highlight-color: transparent !important;
}
body.summit-app-page .summit-bottomnav__icon{
margin-bottom: 2px !important;
}
body.summit-app-page.summit-has-bottomnav #summit-app #summit-sessions{
padding-bottom: calc(82px + env(safe-area-inset-bottom)) !important;
}
}
/* Final scroll-tail fix: reserve footer clearance only on the session list. */
@media (max-width: 720px){
body.summit-app-page.summit-has-bottomnav #summit-app,
body.summit-app-page.summit-has-bottomnav #summit-sessions-panel,
body.summit-app-standalone-page #summit-app{
padding-bottom: 0 !important;
}
body.summit-app-page.summit-has-bottomnav #summit-app #summit-sessions{
padding-bottom: calc(64px + env(safe-area-inset-bottom)) !important;
}
body.summit-app-page #summit-app .summit-main,
body.summit-app-page #summit-sessions-panel{
min-height: 0 !important;
height: auto !important;
max-height: none !important;
}
}
/* Final scroll-tail fix: reserve footer clearance only on the session list. */
@media (max-width: 720px){
body.summit-app-page.summit-has-bottomnav #summit-app,
body.summit-app-page.summit-has-bottomnav #summit-sessions-panel,
body.summit-app-standalone-page #summit-app{
padding-bottom: 0 !important;
}
body.summit-app-page.summit-has-bottomnav #summit-app #summit-sessions{
padding-bottom: calc(64px + env(safe-area-inset-bottom)) !important;
}
body.summit-app-page #summit-app .summit-main,
body.summit-app-page #summit-sessions-panel{
min-height: 0 !important;
height: auto !important;
max-height: none !important;
}
}
/* category pills container (your .summit-mini-toolbar__catrow) */
body.summit-app-page #summit-app .summit-mini-toolbar__catrow{
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
align-items: center !important;
flex: 1 1 auto !important;
min-width: 0 !important;
}
/* Move filter to the right (but NOT floating up anymore) */
body.summit-app-page #summit-app .summit-mini-toolbar__filter{
position: static !important;
margin-left: auto !important;
flex: 0 0 auto !important;
z-index: 1 !important;
}
/* Optional: slightly smaller filter pill so it feels balanced */
body.summit-app-page #summit-app .summit-mini-toolbar__filter{
padding: 10px 14px !important;
border-radius: 999px !important;
}
/* =========================================
5) Optional: remove extra "Category" label if it exists anywhere else
(safe catch-all for old markup)
========================================= */
body.summit-app-page .summit-filter label,
body.summit-app-page .summit-filter .summit-filter__label,
body.summit-app-page .summit-filter h3,
body.summit-app-page .summit-filter-title{
display: none !important;
}
}
/* =========================================
PATCH: mobile header + toolbar + session head
Page 462 only
========================================= */
@media (max-width: 720px){
/* --- 1) Kill the theme mobile header + its spacer (black bar) --- */
body.summit-app-page .kioto_fn_mobilemenu_wrap,
body.summit-app-page .kioto_fn_mobilemenu_wrap *{
display: none !important;
}
/* Remove any top spacing the theme keeps for the header */
body.summit-app-page .kioto_fn_pages,
body.summit-app-page .kioto_fn_pages_in,
body.summit-app-page .kioto_fn_page_ajax,
body.summit-app-page .kioto_fn_full_page_in,
body.summit-app-page .fn__container,
body.summit-app-page .full_content{
padding-top: 0 !important;
margin-top: 0 !important;
}
/* --- 2) Toolbar spacing so it doesn't overlap first session --- */
body.summit-app-page #summit-app .summit-mini-toolbar{
position: static !important; /* prevents sticky/absolute overlap */
margin-bottom: 14px !important;
}
body.summit-app-page #summit-app #summit-sessions{
padding-top: 8px !important;
}
/* --- 3) Make headshots circular --- */
body.summit-app-page .summit-session__avatar,
body.summit-app-page .summit-avatar,
body.summit-app-page .session-avatar,
body.summit-app-page .speaker-avatar{
border-radius: 999px !important;
overflow: hidden !important;
}
body.summit-app-page .summit-session__avatar img,
body.summit-app-page .summit-avatar img,
body.summit-app-page .session-avatar img,
body.summit-app-page .speaker-avatar img{
border-radius: 999px !important;
object-fit: cover !important;
}
/* --- 4) Put ⭐ above mic/headphones/caret (right side) --- */
body.summit-app-page .summit-session__head{
display: grid !important;
grid-template-columns: 1fr auto !important;
grid-template-rows: auto auto !important;
column-gap: 12px !important;
row-gap: 8px !important;
align-items: start !important;
}
/* Left side (title/meta) */
body.summit-app-page .summit-session__title{
grid-column: 1 !important;
grid-row: 1 !important;
padding-right: 0 !important; /* remove old “reserve for star” */
}
/* Star sits top-right (in flow, not absolute) */
body.summit-app-page .summit-fav{
position: static !important;
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: end !important;
align-self: start !important;
margin: 2px 0 0 0 !important;
}
/* Tools sit under the star, right aligned */
body.summit-app-page .summit-session__tools{
grid-column: 2 !important;
grid-row: 2 !important;
justify-self: end !important;
align-self: start !important;
display: flex !important;
gap: 8px !important;
flex-wrap: nowrap !important;
}
/* If your mic/headphones live in .summit-trans-tools, keep them tight */
body.summit-app-page .summit-trans-tools{
display: flex !important;
gap: 8px !important;
align-items: center !important;
}
}
@media (max-width: 720px){
/* Keep toolbar sticky */
body.summit-app-page #summit-app .summit-mini-toolbar{
position: sticky !important;
top: 0 !important;
z-index: 1000 !important;
background: var(--summit-app-bg) !important;
padding: 12px 12px 14px !important;
margin: 0 0 14px 0 !important;
border-radius: 16px !important;
}
/* ✅ Reserve space on the PANEL (not the inner list) */
body.summit-app-page #summit-app #summit-sessions-panel{
padding-top: 140px !important; /* adjust if needed */
}
body.summit-app-page #summit-sessions-panel{
padding-bottom: calc(78px + env(safe-area-inset-bottom)) !important;
}
/* Remove any previous padding you added to the inner list */
body.summit-app-page #summit-app #summit-sessions{
padding-top: 0 !important;
margin-top: 0 !important;
}
/* Optional: when tapping/opening a session, don’t hide it under the sticky bar */
body.summit-app-page #summit-app .summit-session{
scroll-margin-top: 160px;
}
/* Filter stays part of the cats row */
body.summit-app-page #summit-app .summit-mini-toolbar__filter{
position: static !important;
margin-left: auto !important;
}
}
/* ===========================
Bottom nav + modal system
Mobile only (page 462)
=========================== */
@media (max-width: 720px){
/* Add breathing room so bottom nav doesn't cover content */
body.summit-app-page #summit-app{
padding-bottom: 0 !important;
}
/* Bottom nav */
body.summit-app-page .summit-bottomnav{
position: fixed;
left: 0; right: 0; bottom: 0;
z-index: 999999;
background: #fff;
border-top: 1px solid rgba(0,0,0,.10);
padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
display: flex;
gap: 8px;
}
body.summit-app-page .summit-bottomnav__btn{
appearance: none;
-webkit-appearance: none;
border: 0;
background: transparent;
padding: 8px 6px;
display: grid;
justify-items: center;
gap: 6px;
font-weight: var(--summit-footer-label-weight, 800);
font-size: var(--summit-footer-label-size, 12px);
line-height: 1.1;
color: #111;
opacity: .78;
flex: 1 1 0;
min-width: 0;
}
body.summit-app-page .summit-bottomnav__btn.is-active{
opacity: 1;
}
body.summit-app-page .summit-bottomnav__btn svg{
width: 22px;
height: 22px;
display: block;
stroke: currentColor;
fill: none;
stroke-width: 2;
opacity: .9;
}
}
@media (max-width: 720px){
body.summit-app-page .summit-modal{
position: fixed;
inset: 0;
z-index: 999998;
display: grid; /* ✅ default ON */
align-items: end;
background: rgba(0,0,0,.45);
padding: 14px;
}
body.summit-app-page .summit-modal[hidden]{
display: none !important; /* ✅ hidden attribute controls visibility */
}
}
@media (max-width: 720px){
/* 1) Never let the thumb flex-grow (prevents banner-stretch) */
body.summit-app-page #summit-app .summit-session__head > .summit-session__thumb{
flex: 0 0 44px !important;
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
border-radius: 999px !important;
overflow: hidden !important;
position: relative !important;
z-index: 60 !important;
}
/* 2) Fix your broad flex rule so it DOESN’T hit the thumb */
body.summit-app-page #summit-app .summit-session__head > :not(.summit-fav):not(.summit-session__thumb){
min-width: 0 !important;
flex: 1 1 auto !important;
}
/* 3) Make sure the thumb stays clickable */
body.summit-app-page #summit-app .summit-session__thumb{
pointer-events: auto !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
}
/* ---------- FIX: headshots stretching / not circular (mobile) ---------- */
@media (max-width: 720px){
/* 1) Force the avatar container to be a fixed circle */
body.summit-app-page #summit-app .summit-session__avatar,
body.summit-app-page #summit-app .summit-speaker-thumb,
body.summit-app-page #summit-app .summit-speakercard__avatar{
width: 44px !important;
height: 44px !important;
border-radius: 999px !important;
overflow: hidden !important;
flex: 0 0 44px !important;
background: #eee !important;
}
/* 2) Only circle-crop the IMG *inside* those avatar containers */
body.summit-app-page #summit-app .summit-session__avatar img,
body.summit-app-page #summit-app .summit-speaker-thumb img,
body.summit-app-page #summit-app .summit-speakercard__avatar img{
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: cover !important;
display: block !important;
border-radius: 999px !important;
}
/* 3) If any “speaker/headshot” image is being rendered as a wide banner, stop it */
body.summit-app-page #summit-app .summit-session__head img:not(.summit-session__avatar img):not(.summit-speaker-thumb img){
width: auto !important;
max-width: 44px !important;
height: auto !important;
max-height: 44px !important;
object-fit: cover !important;
border-radius: 999px !important;
}
/* 4) If the head row has a background-image headshot strip, neutralize it */
body.summit-app-page #summit-app .summit-session__head{
background-image: none !important;
}
}
/* Modal sheet */
body.summit-app-page .summit-modal__sheet{
background: #fff;
border-radius: 18px;
max-height: 82vh;
overflow: hidden;
box-shadow: 0 20px 60px rgba(0,0,0,.25);
display: grid;
grid-template-rows: auto 1fr;
}
body.summit-app-page .summit-modal__head{
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 12px 14px;
border-bottom: 1px solid rgba(0,0,0,.08);
}
body.summit-app-page .summit-modal__title{
font-weight: 900;
font-size: 15px;
margin: 0;
}
body.summit-app-page .summit-modal__close{
border: 1px solid rgba(0,0,0,.12);
background: #f6f6f6;
border-radius: 999px;
padding: 8px 12px;
font-weight: 900;
cursor: pointer;
}
body.summit-app-page .summit-modal__body{
padding: 12px 14px 14px;
overflow: auto;
}
/* Horizontal carousel rows (Maps/Speakers) */
body.summit-app-page .summit-carousel{
display: grid;
grid-auto-flow: column;
grid-auto-columns: 86%;
gap: 12px;
overflow-x: auto;
scroll-snap-type: x mandatory;
padding-bottom: 8px;
-webkit-overflow-scrolling: touch;
}
body.summit-app-page .summit-carousel > *{
scroll-snap-align: start;
}
body.summit-app-page .summit-card{
border: 1px solid rgba(0,0,0,.10);
border-radius: 16px;
background: #fff;
overflow: hidden;
}
body.summit-app-page .summit-mapimg{
width: 100%;
display: block;
height: auto;
}
/* Speaker tiles */
body.summit-app-page .summit-speaker{
padding: 14px;
display: grid;
gap: 10px;
justify-items: center;
text-align: center;
}
body.summit-app-page .summit-speaker__img{
width: 110px;
height: 110px;
border-radius: 999px;
object-fit: cover;
border: 3px solid rgba(0,0,0,.08);
background: #f2f2f2;
}
body.summit-app-page .summit-speaker__name{
font-weight: 900;
font-size: 16px;
line-height: 1.2;
}
/* Agenda list */
body.summit-app-page .summit-agenda{
display: grid;
gap: 12px;
}
body.summit-app-page .summit-agenda__item{
border: 1px solid rgba(0,0,0,.10);
border-radius: 16px;
padding: 12px;
background: #fff;
display: grid;
gap: 8px;
position: relative;
}
body.summit-app-page .summit-agenda__title{
font-weight: 900;
font-size: 15px;
line-height: 1.25;
}
body.summit-app-page .summit-agenda__meta{
opacity: .75;
font-weight: 700;
font-size: 12px;
}
body.summit-app-page .summit-agenda__unfav{
position: absolute;
top: 10px;
right: 10px;
}
}
/* =========================================================
UX PATCH — Mobile polish (page 462)
- Full-width app container (removes side whitespace)
- Date/Category tabs: squared, compact, no overlap
- Avatar/headshots: left + circular
- Favourite star: force visible
- Bottom bar + modals: force app font
========================================================= */
@media (max-width: 720px){
/* (1) Full-width app area (remove "boxed" look on mobile) */
body.summit-app-page .fn__container,
body.summit-app-page .full_content,
body.summit-app-page .kioto_fn_pages_in,
body.summit-app-page .kioto_fn_page_ajax,
body.summit-app-page .kioto_fn_full_page_in{
width: 100% !important;
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.summit-app-page #summit-app{
max-width: 100% !important;
width: 100% !important;
margin: 0 !important;
padding-left: 14px !important;
padding-right: 14px !important;
box-sizing: border-box;
}
/* (2) Keep filter/date/category block in normal flow (NO overlay) */
body.summit-app-page #summit-app .summit-mini-toolbar{
position: relative !important; /* NOT fixed */
top: auto !important;
z-index: auto !important;
}
/* Add breathing room between toolbar and first session */
body.summit-app-page #summit-app #summit-sessions{
margin-top: 12px !important;
}
/* Date + Category tabs style: squared + compact */
body.summit-app-page #summit-app .summit-mini-toolbar button,
body.summit-app-page #summit-app .summit-mini-toolbar .summit-btn,
body.summit-app-page #summit-app .summit-mini-toolbar .summit-filter-chip,
body.summit-app-page #summit-app .summit-mini-toolbar .summit-filter-btn{
border-radius: 10px !important; /* square-ish */
padding: 10px 12px !important;
font-weight: 900 !important;
font-size: 13px !important;
line-height: 1 !important;
}
/* Remove the injected "Category" label (pseudo element) */
body.summit-app-page #summit-app .summit-mini-toolbar__cats::before{
content: none !important;
display: none !important;
}
/* Put Filter on the right, BELOW categories (not floating over sessions) */
body.summit-app-page #summit-app .summit-mini-toolbar__row--cats{
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 10px !important;
}
body.summit-app-page #summit-app .summit-mini-toolbar__filter{
position: static !important;
margin-left: auto !important;
order: 99 !important; /* last on the row */
}
/* (3) Session header layout: avatar left, title next, star top-right */
body.summit-app-page #summit-app .summit-session__head{
position: relative !important;
display: flex !important;
align-items: flex-start !important;
gap: 12px !important;
}
/* Avatar/headshot as a circle and kept LEFT */
body.summit-app-page #summit-app .summit-session__avatar,
body.summit-app-page #summit-app .summit-speaker-thumb,
body.summit-app-page #summit-app .summit-session__head img{
width: 44px !important;
height: 44px !important;
border-radius: 999px !important;
overflow: hidden !important;
object-fit: cover !important;
flex: 0 0 44px !important;
}
/* Ensure title column can wrap properly */
body.summit-app-page #summit-app .summit-session__head > :not(.summit-fav){
min-width: 0 !important;
flex: 1 1 auto !important;
}
/* (6) Force star visible (in case other CSS hides it) */
body.summit-app-page #summit-app .summit-fav{
display: grid !important;
place-items: center !important;
position: absolute !important;
top: 12px !important;
right: 12px !important;
z-index: 50 !important;
}
/* (5/6) Force app font everywhere (bottom bar + modals too) */
body.summit-app-page #summit-app,
body.summit-app-page .summit-bottomnav,
body.summit-app-page .summit-modal,
body.summit-app-page .summit-modal *{
font-family: system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important;
}
}
/* === FIX: session headshot/thumb should NEVER stretch; always circular === */
@media (max-width: 720px){
/* Your thumb is a DIV with background-image */
body.summit-app-page #summit-app .summit-session__thumb{
width: 44px !important;
height: 44px !important;
flex: 0 0 44px !important;
min-width: 44px !important;
max-width: 44px !important;
border-radius: 999px !important;
overflow: hidden !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
/* keep it on the LEFT */
margin: 0 12px 0 0 !important;
align-self: flex-start !important;
pointer-events: auto !important; /* re-enable clicks */
}
/* If any generic flex rule is stretching head children, pin thumb */
body.summit-app-page #summit-app .summit-session__head > .summit-session__thumb{
flex: 0 0 44px !important;
}
/* Make sure the title column takes remaining space */
body.summit-app-page #summit-app .summit-session__title{
flex: 1 1 auto !important;
min-width: 0 !important;
}
/* Keep the fav star above other controls */
body.summit-app-page #summit-app .summit-fav{
z-index: 30 !important;
}
}
/* === FIX: if a sheet/overlay is "closed", it must NOT intercept taps === */
@media (max-width: 720px){
body.summit-app-page .summit-sheet[hidden],
body.summit-app-page .summit-overlay[hidden]{
display: none !important;
pointer-events: none !important;
}
/* Ensure key buttons are tappable */
body.summit-app-page #summit-app .summit-view-room,
body.summit-app-page #summit-app .summit-session__thumb{
pointer-events: auto !important;
}
}
/* === My Agenda (sheet) nicer styling + scroll === */
@media (max-width: 720px){
body.summit-app-page .summit-sheet__body{
max-height: calc(70vh - 64px);
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 14px;
}
body.summit-app-page .summit-agenda-card{
border: 1px solid rgba(0,0,0,.10);
border-radius: 16px;
background: #fff;
padding: 12px;
margin: 0 0 12px 0;
}
body.summit-app-page .summit-agenda-title{
font-weight: 900;
font-size: 16px;
line-height: 1.25;
margin: 0 0 6px 0;
}
body.summit-app-page .summit-agenda-meta{
font-size: 13px;
opacity: .75;
margin: 0 0 6px 0;
}
body.summit-app-page .summit-agenda-room{
font-size: 13px;
opacity: .85;
margin: 0;
}
body.summit-app-page .summit-agenda-fav{
margin-top: 10px;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 10px;
border-radius: 12px;
border: 1px solid rgba(0,0,0,.12);
background: #fff7d6;
color: #8a5a00;
font-weight: 900;
cursor: pointer;
}
}
@media (max-width: 720px){
body.summit-app-page{
overflow-x: hidden !important;
}
/* Don’t let the app canvas clip fixed-position modals */
body.summit-app-page #summit-app{
overflow-x: hidden !important;
overflow-y: visible !important;
}
/* Also neutralize clipping on common theme wrappers */
body.summit-app-page .kioto_fn_pages,
body.summit-app-page .kioto_fn_pages_in,
body.summit-app-page .kioto_fn_page_ajax,
body.summit-app-page .kioto_fn_full_page_in,
body.summit-app-page .fn__container,
body.summit-app-page .full_content{
overflow-x: hidden !important;
overflow-y: visible !important;
}
}
/* === FIX: Center ALL modals on mobile + prevent cutoff === */
@media (max-width: 720px){
/* Overlay must center, not bottom-sheet */
body.summit-app-page .summit-modal.is-open,
body.summit-app-page .summit-modal[style*="display: grid"],
body.summit-app-page .summit-modal[style*="display:grid"],
body.summit-app-page .summit-modal[style*="display: flex"],
body.summit-app-page .summit-modal[style*="display:flex"]{
display: grid !important;
place-items: center !important;
align-items: center !important;
justify-items: center !important;
}
/* Give safe gutters and account for bottom nav */
body.summit-app-page .summit-modal{
padding:
14px /* ⬅ smaller top padding */
12px
calc(12px + 64px + env(safe-area-inset-bottom))
14px !important;
padding-top: env(safe-area-inset-top);
}
/* YOUR real modal container is .summit-modal__panel (not __sheet) */
body.summit-app-page .summit-modal__panel{
width: calc(100vw - 24px) !important;
max-width: 560px !important; /* keeps it “app-like” */
max-height: calc(100vh - 28px - 64px - env(safe-area-inset-bottom)) !important;
overflow: auto !important;
margin: 0 !important;
box-sizing: border-box !important;
}
/* If any modal uses __sheet, clamp it too */
body.summit-app-page .summit-modal__sheet{
width: calc(100vw - 24px) !important;
max-width: 560px !important;
max-height: calc(100vh - 24px - 64px - env(safe-area-inset-bottom)) !important;
}
}
@media (max-width: 720px){
/* Center modals in the visible phone area (account for bottom nav) */
body.summit-app-page .summit-modal{
position: fixed !important;
inset: 0 !important;
z-index: 999999 !important;
/* This is the key: make the “centering box” exclude the bottom nav height */
padding: 12px 12px calc(12px + 64px + env(safe-area-inset-bottom)) 12px !important;
box-sizing: border-box !important;
place-items: center !important; /* if display:grid */
align-items: center !important;
justify-content: center !important;
}
/* When JS opens it (grid/flex), keep it centered */
body.summit-app-page .summit-modal[hidden]{ display: none !important; }
body.summit-app-page .summit-modal:not([hidden]){
display: grid !important;
}
/* Panel sizing: never exceed the usable viewport height */
body.summit-app-page .summit-modal__panel{
width: min(720px, calc(100vw - 24px)) !important;
max-height: calc(100vh - (24px + 64px + env(safe-area-inset-bottom))) !important;
margin: 0 !important;
}
}
/* =========================================================
FINAL OVERRIDE: Summit modal open/close MUST obey JS + class
Put this at the VERY END of summit-app-ux-mobile.css
========================================================= */
@media (max-width: 720px){
/* Default: hidden */
body.summit-app-page .summit-modal{
display: none !important;
position: fixed !important;
inset: 0 !important;
z-index: 9999999 !important;
padding: 14px !important;
box-sizing: border-box !important;
background: rgba(0,0,0,.45) !important;
place-items: center !important;
}
/* JS-opened state (prefer class if you use it) */
body.summit-app-page .summit-modal.is-open{
display: grid !important;
}
/* JS-opened state (your JS currently uses inline display:block) */
body.summit-app-page .summit-modal[style*="display: block"],
body.summit-app-page .summit-modal[style*="display:block"],
body.summit-app-page .summit-modal[style*="display: grid"],
body.summit-app-page .summit-modal[style*="display:grid"],
body.summit-app-page .summit-modal[style*="display: flex"],
body.summit-app-page .summit-modal[style*="display:flex"]{
display: grid !important;
}
/* JS-closed state must ALWAYS win */
body.summit-app-page .summit-modal[hidden],
body.summit-app-page .summit-modal[style*="display: none"],
body.summit-app-page .summit-modal[style*="display:none"]{
display: none !important;
pointer-events: none !important;
}
/* Panel sizing */
body.summit-app-page .summit-modal__sheet{
width: min(720px, calc(100vw - 28px)) !important;
max-height: min(82vh, calc(100vh - 28px)) !important;
overflow: auto !important;
background: #fff !important;
border-radius: 18px !important;
}
/* Make sure close button is actually clickable */
body.summit-app-page .summit-modal__close{
pointer-events: auto !important;
z-index: 2 !important;
}
}
/* =========================================
BOTTOM NAV — INLINE SVG ICONS (NO FONT)
========================================= */
body.summit-app-page .summit-bottomnav button{
background: none !important;
border: 0 !important;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
color: #111 !important;
}
/* shared icon base */
body.summit-app-page .summit-bottomnav button::before{
content:"";
display:block;
width:24px;
height:24px;
margin:0 auto 6px;
background-repeat:no-repeat;
background-position:center;
background-size:24px 24px;
opacity:.9;
}
/* Schedule */
body.summit-app-page .summit-bottomnav button[data-tab="schedule"]::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3C/svg%3E");
}
/* Map */
body.summit-app-page .summit-bottomnav button[data-tab="map"]::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2'%3E%3Cpolygon points='1 6 8 3 16 6 23 3 23 18 16 21 8 18 1 21 1 6'/%3E%3Cline x1='8' y1='3' x2='8' y2='18'/%3E%3Cline x1='16' y1='6' x2='16' y2='21'/%3E%3C/svg%3E");
}
/* Speakers */
body.summit-app-page .summit-bottomnav button[data-tab="speakers"]::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M4 21c0-4 4-7 8-7s8 3 8 7'/%3E%3C/svg%3E");
}
/* My Agenda */
body.summit-app-page .summit-bottomnav button[data-tab="agenda"]::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2'%3E%3Cpath d='M3 3h18v18H3z'/%3E%3Cline x1='7' y1='7' x2='17' y2='7'/%3E%3Cline x1='7' y1='12' x2='17' y2='12'/%3E%3Cline x1='7' y1='17' x2='13' y2='17'/%3E%3C/svg%3E");
}
/* Active tab */
body.summit-app-page .summit-bottomnav button.is-active{
color:#111 !important;
font-weight:900;
}
body.summit-app-page .summit-bottomnav img{
display: none !important;
}
/* =========================================
MY AGENDA — CARD TYPOGRAPHY
========================================= */
body.summit-app-page .summit-agenda-card{
color:#111 !important;
}
/* Session title */
body.summit-app-page .summit-agenda-card .summit-agenda-title{
font-weight:900 !important;
font-size:16px;
line-height:1.25;
color:#111 !important;
margin-bottom:6px;
}
/* Meta text */
body.summit-app-page .summit-agenda-card .summit-agenda-meta{
font-size:14px;
color:#111 !important;
opacity:.85;
}
/* Star button inside agenda */
body.summit-app-page .summit-agenda-card .summit-fav{
color:#f5b400 !important;
border-color:#f5b400 !important;
}
/* =========================================
BOTTOM NAV ICONS — ROBUST (no data-* needed)
Targets: .summit-bottomnav__btn
========================================= */
@media (max-width: 720px){
body.summit-app-page .summit-bottomnav__btn{
display: grid !important;
justify-items: center !important;
align-content: center !important;
gap: 6px !important;
color: #111 !important;
}
/* icon slot */
body.summit-app-page .summit-bottomnav__btn::before{
content: "" !important;
display: block !important;
width: 24px !important;
height: 24px !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 24px 24px !important;
opacity: .9 !important;
}
/* If you previously hid images, ensure they are not required */
body.summit-app-page .summit-bottomnav__btn img{
display: none !important;
}
/* 1) Schedule */
body.summit-app-page .summit-bottomnav__btn:nth-child(1)::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
}
/* 2) Map */
body.summit-app-page .summit-bottomnav__btn:nth-child(2)::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2'%3E%3Cpolygon points='1 6 8 3 16 6 23 3 23 18 16 21 8 18 1 21 1 6'/%3E%3Cline x1='8' y1='3' x2='8' y2='18'/%3E%3Cline x1='16' y1='6' x2='16' y2='21'/%3E%3C/svg%3E");
}
/* 3) Speakers */
body.summit-app-page .summit-bottomnav__btn:nth-child(3)::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-7 8-7s8 3 8 7'/%3E%3C/svg%3E");
}
/* 4) My Agenda */
body.summit-app-page .summit-bottomnav__btn:nth-child(4)::before{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2'%3E%3Cpath d='M6 2h9l3 3v17H6z'/%3E%3Cpath d='M15 2v4h4'/%3E%3Cline x1='8' y1='10' x2='16' y2='10'/%3E%3Cline x1='8' y1='14' x2='16' y2='14'/%3E%3Cline x1='8' y1='18' x2='13' y2='18'/%3E%3C/svg%3E");
}
}
@media (max-width: 720px) {
#summit-app .summit-session__meta {
margin-top: 2px;
}
#summit-app .summit-time {
display: inline-block;
font-size: 14px;
font-weight: 700;
color: #000;
}
#summit-app .status-badge {
margin-left: 8px;
}
}
/* Hide caret on desktop only */
@media (min-width: 721px){
body.summit-app-page #summit-app .summit-expand{
display: none !important;
}
}
@media (max-width: 720px){
/* Make chips row a single flex row */
body.summit-app-page #summit-app .summit-session__chips{
display: flex !important;
align-items: center !important;
gap: 10px !important;
}
/* Push the caret to the far right of the chips row */
body.summit-app-page #summit-app .summit-session__chips .summit-expand{
margin-left: auto !important;
flex: 0 0 auto !important;
align-self: center !important;
transform: none !important;
}
/* Optional: ensure the caret button stays consistent size */
body.summit-app-page #summit-app .summit-session__chips .summit-expand{
width: 38px !important;
height: 38px !important;
border-radius: 999px !important;
display: grid !important;
place-items: center !important;
}
}
/* ✅ Clean chevron caret (no pill, no circle) */
#summit-app .summit-expand {
width: auto !important;
height: auto !important;
padding: 0 !important;
background: none !important;
border: none !important;
border-radius: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #111 !important;
cursor: pointer;
}
/* ===========================
AGENDA: title + star row
=========================== */
body.summit-app-page .summit-agenda-card__row{
display: flex !important;
align-items: flex-start !important;
justify-content: space-between !important;
gap: 12px !important;
}
body.summit-app-page .summit-agenda-card__title{
font-weight: 900 !important;
color: #111 !important;
line-height: 1.2 !important;
flex: 1 1 auto !important;
min-width: 0 !important;
}
/* Yellow star on the RIGHT */
body.summit-app-page .summit-agenda-card__star{
flex: 0 0 auto !important;
width: 36px !important;
height: 36px !important;
border-radius: 999px !important;
display: grid !important;
place-items: center !important;
border: 2px solid #f4b400 !important;
background: #fff7d6 !important;
color: #f4b400 !important;
font-size: 18px !important;
line-height: 1 !important;
cursor: pointer !important;
}
/* Make agenda body text black too */
body.summit-app-page .summit-agenda-card__meta,
body.summit-app-page .summit-agenda-card__chips{
color: #111 !important;
opacity: 1 !important;
}
/* Date group headers inside My Agenda */
body.summit-app-page .summit-agenda-date{
font-weight: 900 !important;
color: #111 !important;
margin: 6px 2px 10px !important;
padding-top: 6px !important;
border-top: 1px solid rgba(0,0,0,.08) !important;
}
.summit-modal__head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
.summit-modal__close{
margin-left:auto;
}
/* My Agenda date headers */
.summit-agenda-date {
margin: 18px 0 10px;
padding: 8px 14px;
display: inline-block;
font-weight: 800;
font-size: 16px;
letter-spacing: 0.3px;
color: #000;
background: #f3f5f7;
border: 1px solid #e0e4ea;
border-radius: 999px;
}
/* ----------------------------
Desktop: move language toggle to the right + accessible colours
---------------------------- */
@media (min-width: 721px) {
/* If its parent row isn't flex, this still works nicely */
.summit-intro,
.summit-header,
#summit-app .summit-hero + .summit-intro {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 6px; /* spacing between title and subtitle */
}
}
/* =========================================================
LANG TOGGLE — SINGLE SOURCE OF TRUTH (ALL SIZES)
Put this at the VERY END of your CSS file.
========================================================= */
/* Hero must be positioning context */
#summit-app .summit-hero{
position: relative !important;
}
/* Langbar docked into hero (desktop + mobile) */
#summit-app #summit-langbar.is-hero-docked{
position: absolute !important;
top: 10px !important;
right: 10px !important;
z-index: 9999 !important; /* ✅ always above Resources/anything */
margin: 0 !important;
}
/* The outer capsule */
#summit-app #summit-langbar{
box-sizing: border-box !important;
display: inline-flex !important;
align-items: center !important;
padding: 4px !important;
gap: 0 !important;
border-radius: 999px !important;
background: rgba(70,70,70,0.72) !important;
border: 1px solid rgba(255,255,255,0.35) !important;
}
#summit-app #summit-langbar .summit-btnrow{
display: inline-flex !important;
align-items: center !important;
gap: 2px !important;
margin: 0 !important;
padding: 0 !important;
}
/* Buttons (supports either direct buttons OR buttons inside .toggle-button) */
#summit-app #summit-langbar button,
#summit-app #summit-langbar .toggle-button button{
box-sizing: border-box !important;
appearance: none;
-webkit-appearance: none;
border: 0 !important;
background: transparent !important;
min-width: 44px !important;
min-height: 38px !important;
padding: 0 12px !important;
border-radius: 999px !important;
font-weight: 900 !important;
font-size: 14px !important;
line-height: 1 !important;
color: rgba(255,255,255,0.92) !important;
/* ✅ smoother, slightly slower than before */
transition:
background-color 320ms cubic-bezier(.2,.8,.2,1),
color 320ms cubic-bezier(.2,.8,.2,1),
transform 180ms ease !important;
}
#summit-app #summit-langbar button:active,
#summit-app #summit-langbar .toggle-button button:active{
transform: scale(0.98);
}
/* Active state */
#summit-app #summit-langbar button.is-active,
#summit-app #summit-langbar button[aria-pressed="true"],
#summit-app #summit-langbar .toggle-button button.is-active,
#summit-app #summit-langbar .toggle-button button[aria-pressed="true"]{
background: #ffffff !important;
color: #111111 !important;
}
/* Keyboard focus (accessible) */
#summit-app #summit-langbar button:focus-visible,
#summit-app #summit-langbar .toggle-button button:focus-visible{
outline: 3px solid #2563eb !important;
outline-offset: 2px !important;
}
/* Optional: nudge in a touch on very small phones */
@media (max-width: 420px){
#summit-app #summit-langbar.is-hero-docked{
top: 8px !important;
right: 8px !important;
}
#summit-app #summit-langbar button,
#summit-app #summit-langbar .toggle-button button{
min-height: 36px !important;
padding: 0 10px !important;
min-width: 40px !important;
}
}
/* =========================================================
MOBILE (page 462): Filter icon-only pinned top-right
========================================================= */
@media (max-width: 720px){
/* Toolbar is the positioning container (already sticky in your CSS) */
body.summit-app-page #summit-app .summit-mini-toolbar{
position: sticky !important;
top: 0 !important;
z-index: 1000 !important;
}
/* Pin the FILTER BUTTON (your button has this class) */
body.summit-app-page #summit-app button.summit-mini-toolbar__filter{
position: absolute !important;
top: 12px !important;
right: 12px !important;
left: auto !important;
bottom: auto !important;
margin: 0 !important;
width: 44px !important;
height: 40px !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
/* Hide any real text node like "Filter" */
font-size: 0 !important;
line-height: 0 !important;
color: transparent !important;
text-indent: -9999px !important;
overflow: hidden !important;
white-space: nowrap !important;
z-index: 1200 !important;
}
/* Reserve space so the dates don't run under the icon */
body.summit-app-page #summit-app .summit-mini-toolbar__row--days{
padding-right: 56px !important;
}
/* Draw the sliders icon */
body.summit-app-page #summit-app button.summit-mini-toolbar__filter::before{
content: "" !important;
display: block !important;
width: 20px !important;
height: 20px !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 20px 20px !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='21' x2='4' y2='14'/%3E%3Cline x1='4' y1='10' x2='4' y2='3'/%3E%3Cline x1='12' y1='21' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12' y2='3'/%3E%3Cline x1='20' y1='21' x2='20' y2='16'/%3E%3Cline x1='20' y1='12' x2='20' y2='3'/%3E%3Cline x1='1' y1='14' x2='7' y2='14'/%3E%3Cline x1='9' y1='8' x2='15' y2='8'/%3E%3Cline x1='17' y1='16' x2='23' y2='16'/%3E%3C/svg%3E") !important;
}
/* Safety: if any other pseudo-element injects text */
body.summit-app-page #summit-app button.summit-mini-toolbar__filter::after{
content: "" !important;
display: none !important;
}
}
/* =========================================================
FINAL MICRO-FIX: perfectly center filter icon
========================================================= */
@media (max-width: 720px){
body.summit-app-page #summit-app button.summit-mini-toolbar__filter{
position: absolute !important; /* already true, restated for clarity */
}
/* Force pseudo-element to be geometrically centered */
body.summit-app-page #summit-app button.summit-mini-toolbar__filter::before{
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
}
/* =========================================================
MOBILE: Speaker modal header layout (avatar left, name+role right)
========================================================= */
@media (max-width: 720px){
/* 1) Make the TOP area the grid */
body.summit-app-page .summit-speakercard__top{
display: grid !important;
grid-template-columns: 96px 1fr !important;
grid-template-areas:
"avatar name"
"avatar role" !important;
column-gap: 14px !important;
row-gap: 6px !important;
align-items: center !important;
text-align: left !important;
}
/* 2) Avatar */
body.summit-app-page .summit-speakercard__avatar{
grid-area: avatar !important;
width: 96px !important;
height: 96px !important;
border-radius: 999px !important;
overflow: hidden !important;
justify-self: start !important;
align-self: start !important;
}
body.summit-app-page .summit-speakercard__avatar img{
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
border-radius: 999px !important;
}
/* 3) Name (this is a in your inspect) */
body.summit-app-page p.summit-modal__name{
grid-area: name !important;
margin: 0 !important;
font-weight: 900 !important;
font-size: 20px !important;
line-height: 1.15 !important;
text-align: left !important;
justify-self: start !important;
align-self: end !important;
}
/* 4) Role line (your inspected
...) */
body.summit-app-page p.summit-modal__role{
grid-area: role !important;
margin: 0 !important;
font-weight: 700 !important;
font-size: 14px !important;
line-height: 1.25 !important;
opacity: .85 !important;
text-align: left !important;
justify-self: start !important;
align-self: start !important;
}
/* 5) Bio full width below */
body.summit-app-page .summit-speakercard__bio,
body.summit-app-page .summit-modal__bio{
margin-top: 10px !important;
text-align: left !important;
}
/* OPTIONAL: remove the starburst decoration */
body.summit-app-page .summit-speakercard__avatar::before,
body.summit-app-page .summit-speakercard__avatar::after{
content: none !important;
display: none !important;
}
}
@media (max-width: 720px){
body.summit-app-page #summit-app .summit-session__head{
display: flex !important;
align-items: flex-start !important;
gap: 12px !important;
}
/* keep the avatar/thumb from stretching */
body.summit-app-page #summit-app .summit-session__thumb{
flex: 0 0 44px !important;
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
border-radius: 999px !important;
overflow: hidden !important;
}
/* tools (mic/headphones) hug the right edge */
body.summit-app-page #summit-app .summit-session__tools{
margin-left: auto !important;
margin-right: -6px !important; /* small “nudge” to the edge */
white-space: nowrap !important;
}
/* don’t reserve space for the star */
body.summit-app-page #summit-app .summit-session__title{
padding-right: 0 !important;
}
}
@media (max-width: 720px){
body.summit-app-page #summit-app .summit-session__thumb--extra{
margin-left: -10px !important; /* overlap slightly like stacked avatars */
border: 2px solid #eef2f6 !important;
}
}
@media (max-width: 720px){
body.summit-app-page #summit-app .summit-session__head{
position: relative !important;
}
body.summit-app-page #summit-app .summit-fav{
position: absolute !important;
top: 12px !important;
right: 12px !important;
z-index: 999 !important;
}
/* Make sure tools don’t reserve weird space */
body.summit-app-page #summit-app .summit-session__tools{
margin-left: auto !important;
}
}
/* =========================================================
MOBILE: Align caret (expand) with Room/Level pills row
Page 462 only
Put this at the VERY END of your CSS file
========================================================= */
@media (max-width: 720px){
/* The row that contains “Ballroom – …” and “Level 4” */
body.summit-app-page #summit-app .summit-session__chips{
position: relative !important;
align-items: center !important;
padding-right: 34px !important; /* reserve space so pills don't run under caret */
}
/* The caret button */
body.summit-app-page #summit-app .summit-session__chips .summit-expand{
position: absolute !important;
right: 10px !important;
top: 50% !important;
transform: translateY(-50%) !important;
margin: 0 !important;
padding: 0 !important;
/* decent tap target without changing icon look */
width: 28px !important;
height: 28px !important;
display: grid !important;
place-items: center !important;
background: none !important;
border: none !important;
}
}
@media (max-width: 720px){
/* Keep time + badge on ONE line on iPhone Safari */
body.summit-app-page #summit-app .summit-session__meta{
display: flex !important;
align-items: center !important;
gap: 6px !important;
flex-wrap: nowrap !important;
min-width: 0 !important;
}
/* Make the time the flexible item (so badge never forces weird wraps) */
body.summit-app-page #summit-app .summit-time{
flex: 1 1 auto !important;
min-width: 0 !important;
white-space: nowrap !important;
overflow-wrap: normal !important;
word-break: keep-all !important;
}
/* Badge stays “its size” and never wraps */
body.summit-app-page #summit-app .status-badge{
flex: 0 0 auto !important;
white-space: nowrap !important;
margin-left: 0 !important; /* don’t fight gap */
}
}
@media (max-width: 720px){
/* Ensure header is the positioning context */
body.summit-app-page #summit-app .summit-session__head{
position: relative !important;
}
/* Tools row = mic + headphone + star */
body.summit-app-page #summit-app .summit-session__tools{
position: absolute !important;
top: 12px !important;
right: 12px !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
margin: 0 !important;
z-index: 60 !important;
}
/* Put the favourite INTO the tools row */
body.summit-app-page #summit-app .summit-fav{
position: static !important; /* ⬅ key change */
width: 32px !important;
height: 32px !important;
margin-left: 4px !important;
display: grid !important;
place-items: center !important;
}
/* Keep mic/headphone icons readable on mobile */
body.summit-app-page #summit-app .summit-tool svg{
width: var(--summit-lang-icon-size, 18px) !important;
height: var(--summit-lang-icon-size, 18px) !important;
}
body.summit-app-page #summit-app .summit-tool img{
width: var(--summit-lang-icon-size, 18px) !important;
height: var(--summit-lang-icon-size, 18px) !important;
object-fit: contain !important;
}
body.summit-app-page #summit-app .summit-fav svg{
width: 16px !important;
height: 16px !important;
}
/* Prevent title/time from running underneath */
body.summit-app-page #summit-app .summit-session__title,
body.summit-app-page #summit-app .summit-session__meta{
padding-right: 120px !important;
}
}
@media (max-width: 720px){
/* make the session head the positioning context */
body.summit-app-page #summit-app .summit-session__head{
position: relative !important;
}
/* STAR: pinned top-right */
body.summit-app-page #summit-app .summit-fav{
position: absolute !important;
top: 12px !important;
right: 12px !important;
z-index: 80 !important;
width: 32px !important;
height: 32px !important;
border-radius: 999px !important;
display: grid !important;
place-items: center !important;
}
/* TOOLS: pinned top-right, but shifted LEFT to make room for the star */
body.summit-app-page #summit-app .summit-session__tools{
position: absolute !important;
top: 12px !important;
/* 12px (edge) + 32px (star) + 8px (gap) = 52px */
right: 52px !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
margin: 0 !important;
white-space: nowrap !important;
z-index: 70 !important;
}
/* Keep language tool icons readable in the tools row */
body.summit-app-page #summit-app .summit-session__tools .summit-tool svg{
width: var(--summit-lang-icon-size, 18px) !important;
height: var(--summit-lang-icon-size, 18px) !important;
}
body.summit-app-page #summit-app .summit-session__tools .summit-tool img{
width: var(--summit-lang-icon-size, 18px) !important;
height: var(--summit-lang-icon-size, 18px) !important;
object-fit: contain !important;
}
body.summit-app-page #summit-app .summit-fav svg{
width: 16px !important;
height: 16px !important;
}
/* prevent title/time from hiding under the top-right cluster */
body.summit-app-page #summit-app .summit-session__title{
padding-right: 120px !important;
}
}
/* ===========================
MOBILE FIX: let title use full width (no phantom right gap)
Put at VERY END
=========================== */
@media (max-width: 720px){
/* Kill the old "reserve space for star/tools" padding */
body.summit-app-page #summit-app .summit-session__title{
padding-right: 0 !important;
margin-right: 0 !important;
/* Make sure it can actually grow */
flex: 1 1 auto !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
/* Safer wrapping */
overflow-wrap: anywhere;
}
/* Ensure the row behaves like a normal flex row */
body.summit-app-page #summit-app .summit-session__head{
display: flex !important;
align-items: flex-start !important;
}
/* Keep right-side controls from stealing more space than needed */
body.summit-app-page #summit-app .summit-session__tools{
flex: 0 0 auto !important;
margin-left: auto !important;
white-space: nowrap !important;
}
/* Fav should also not affect title sizing more than necessary */
body.summit-app-page #summit-app .summit-fav{
flex: 0 0 auto !important;
}
}
/* =========================================================
PAGE 462 — FULL-BLEED APP (break out of theme container)
========================================================= */
/* 1) Remove theme side padding/max-width around the content */
body.summit-app-page .fn__container,
body.summit-app-page .full_content,
body.summit-app-page .kioto_fn_pages_in,
body.summit-app-page .kioto_fn_page_ajax,
body.summit-app-page .kioto_fn_full_page_in,
body.summit-app-page .site-content,
body.summit-app-page .site-main,
body.summit-app-page .entry-content{
width: 100% !important;
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
/* 2) Make the app itself full width */
body.summit-app-page #summit-app{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
box-sizing: border-box !important;
}
/* 3) Expand the panels to full width too (some themes constrain inner sections) */
body.summit-app-page #summit-app .summit-panel,
body.summit-app-page #summit-sessions-panel,
body.summit-app-page #summit-map-panel{
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
/* 4) Optional: keep a tiny “phone gutter” so cards don’t touch the edge */
@media (max-width: 720px){
body.summit-app-page #summit-app{
padding-left: 10px !important;
padding-right: 10px !important;
}
}
/* 5) Optional: true edge-to-edge (NO gutter) — use this instead of #4 if you want
@media (max-width: 720px){
body.summit-app-page #summit-app{
padding-left: 0 !important;
padding-right: 0 !important;
}
}
*/
@media (max-width: 720px){
/* Smaller filter button */
body.summit-app-page #summit-app button.summit-mini-toolbar__filter{
width: 34px !important; /* ⬅ was ~44 */
height: 34px !important;
padding: 0 !important;
border-radius: 999px !important;
}
/* Smaller sliders icon inside */
body.summit-app-page #summit-app button.summit-mini-toolbar__filter::before{
width: 16px !important; /* ⬅ was 20 */
height: 16px !important;
background-size: 16px 16px !important;
}
/* Adjust positioning slightly so it still feels aligned */
body.summit-app-page #summit-app button.summit-mini-toolbar__filter{
top: 10px !important; /* was 12 */
right: 10px !important;
}
/* Re-balance spacing so date pills don't collide */
body.summit-app-page #summit-app .summit-mini-toolbar__row--days{
padding-right: 30px !important; /* match new button size */
}
}
@media (max-width: 720px){
body.summit-app-page .summit-mini-toolbar__days .summit-btn {
padding: 8px 10px !important;
border-radius: 12px !important;
font-size: 13px !important;
white-space: nowrap !important;
}}
@media (max-width: 720px){
body.summit-app-page .summit-mini-toolbar__catrow .summit-btn {
flex: 0 0 auto;
border-radius: 999px !important;
padding: 8px 9px !important; }}
/* =========================================================
FINAL HOTFIX (mobile visual regressions)
- Keep hero/banner aligned like older build
- Keep Day/Category pills readable without clipping/oversize drift
- Keep time + Ended badge from overlapping
- Keep favourite star right-aligned in the top tools row
========================================================= */
@media (max-width: 720px){
/* Hero image: don't vertically center-crop important top content */
body.summit-app-page #summit-app .summit-hero{
background-position: center top !important;
}
/* Day row should stay one line and scroll instead of wrapping */
body.summit-app-page #summit-app .summit-mini-toolbar__days .summit-btnrow{
flex-wrap: nowrap !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
padding-right: 40px !important;
padding-bottom: 0 !important;
scrollbar-width: none !important;
-ms-overflow-style: none !important;
}
body.summit-app-page #summit-app .summit-mini-toolbar__days .summit-btnrow::-webkit-scrollbar{
display: none !important;
width: 0 !important;
height: 0 !important;
background: transparent !important;
}
body.summit-app-page #summit-app .summit-mini-toolbar__days .summit-btnrow::-webkit-scrollbar-thumb{
display: none !important;
}
/* Category row: no hard clipping of longer labels */
body.summit-app-page #summit-app .summit-mini-toolbar__catrow .summit-btnrow{
flex-wrap: nowrap !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
padding-right: 14px !important;
}
/* Normalize pill text size/height */
body.summit-app-page #summit-app .summit-mini-toolbar__days .summit-btn,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow .summit-btn{
font-size: 12px !important;
line-height: 1.2 !important;
padding: 8px 12px !important;
}
body.summit-app-page #summit-app .summit-mini-toolbar__catrow .summit-btn{
max-width: none !important;
text-overflow: clip !important;
}
/* Session top-right controls + star alignment */
body.summit-app-page #summit-app .summit-session__head{
position: relative !important;
}
body.summit-app-page #summit-app .summit-session__tools{
position: absolute !important;
top: 10px !important;
right: 10px !important;
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
flex-wrap: nowrap !important;
white-space: nowrap !important;
z-index: 80 !important;
}
body.summit-app-page #summit-app .summit-fav{
position: static !important;
order: 99 !important;
margin: 0 0 0 2px !important;
width: 32px !important;
height: 32px !important;
}
/* Time + Ended badge: no overlap under larger font/accessibility sizing */
body.summit-app-page #summit-app .summit-session__meta{
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 6px 10px !important;
}
body.summit-app-page #summit-app .summit-time{
flex: 0 0 auto !important;
white-space: nowrap !important;
}
body.summit-app-page #summit-app .status-badge{
flex: 0 0 auto !important;
white-space: nowrap !important;
}
}
/* =========================================================
FINAL HOTFIX: Venue Map carousel (single map + arrows)
========================================================= */
@media (max-width: 720px){
body.summit-app-page .summit-mapcarousel{
position: relative;
padding: 0 0 8px;
}
body.summit-app-page .summit-mapcarousel__viewport{
overflow: hidden;
border: 1px solid rgba(0,0,0,.10);
border-radius: 16px;
background: #fff;
min-height: min(58vh, 520px);
}
body.summit-app-page .summit-mapcarousel__track{
display: flex;
width: 100%;
transition: transform .28s ease;
will-change: transform;
touch-action: pan-y;
}
body.summit-app-page .summit-mapcarousel__slide{
flex: 0 0 100%;
min-width: 0;
min-height: inherit;
}
body.summit-app-page .summit-mapcard{
padding: 10px;
display: grid;
grid-template-rows: auto minmax(0, 1fr) auto;
gap: 10px;
min-height: min(58vh, 520px);
}
body.summit-app-page .summit-mapcard__head{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
padding: 0 2px;
}
body.summit-app-page .summit-mapcard__eyebrow{
margin: 0 0 2px;
font-size: 11px;
font-weight: 900;
line-height: 1.1;
letter-spacing: 0;
color: rgba(17,24,39,.58);
}
body.summit-app-page .summit-mapcard__label{
margin: 0;
font-weight: 900;
font-size: 17px;
line-height: 1.2;
color: #1f2937;
}
body.summit-app-page .summit-mapcard__zoom{
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
flex: 0 0 auto;
}
body.summit-app-page .summit-mapcard__zoom-btn{
min-width: 46px;
height: 42px;
border: 2px solid rgba(176,192,218,.95);
border-radius: 999px;
background: #fff;
color: #111827;
font-size: 18px;
font-weight: 900;
line-height: 1;
padding: 0 13px;
}
body.summit-app-page .summit-mapcard__zoom-reset{
min-width: 78px;
font-size: 16px;
}
body.summit-app-page .summit-mapcard__controls{
display: flex;
justify-content: center;
padding: 4px 0 2px;
}
body.summit-app-page .summit-mapcard__viewport{
overflow: auto;
-webkit-overflow-scrolling: touch;
border-radius: 12px;
border: 1px solid rgba(0,0,0,.10);
background: #f7f9fc;
touch-action: pan-x pan-y;
min-height: min(38vh, 360px);
max-height: min(42vh, 410px);
}
body.summit-app-page .summit-mapcard__img{
display: block;
width: 100%;
height: auto;
object-fit: contain;
cursor: default;
}
body.summit-app-page .summit-mapcarousel__nav{
position: static;
transform: none;
width: 44px;
height: 44px;
border-radius: 999px;
border: 2px solid rgba(176,192,218,.95);
background: #fff;
color: #111;
font-size: 20px;
font-weight: 900;
line-height: 1;
display: grid;
place-items: center;
padding: 0;
cursor: pointer;
}
body.summit-app-page .summit-mapcarousel__nav:disabled{
opacity: .4;
cursor: default;
}
body.summit-app-page .summit-mapcarousel__footer{
margin-top: 12px;
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
}
body.summit-app-page .summit-mapcarousel__counter{
min-width: 54px;
text-align: center;
font-size: 13px;
font-weight: 900;
color: rgba(17,17,17,.72);
white-space: nowrap;
}
body.summit-app-page .summit-mapcarousel__dots{
display: inline-flex;
align-items: center;
gap: 6px;
}
body.summit-app-page .summit-mapcarousel__dot{
width: 8px;
height: 8px;
border: 0;
border-radius: 999px;
padding: 0;
background: rgba(17,17,17,.24);
cursor: pointer;
}
body.summit-app-page .summit-mapcarousel__dot.is-active{
background: #111;
}
}
/* Map modal UX: one close control, clearer title, internal zoom/pan. */
@media (max-width: 720px){
body.summit-app-page .summit-map-modal .summit-modal__panel,
body.summit-app-page .summit-modal[data-modal-type="map"] .summit-modal__sheet{
overflow: hidden !important;
}
body.summit-app-page .summit-map-modal .summit-modal__header{
padding: 16px 56px 10px 18px !important;
border-bottom: 1px solid rgba(15,23,42,.10);
}
body.summit-app-page .summit-map-modal .summit-modal__name,
body.summit-app-page .summit-modal[data-modal-type="map"] .summit-modal__title{
margin: 0 !important;
color: #1f2937 !important;
font-size: 18px !important;
font-weight: 900 !important;
line-height: 1.15 !important;
}
body.summit-app-page .summit-map-modal .summit-modal__role{
margin: 2px 0 0 !important;
color: rgba(31,41,55,.68) !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
}
body.summit-app-page .summit-map-modal .summit-modal__mapwrap{
padding: 12px !important;
max-height: calc(82vh - 84px) !important;
overflow: hidden !important;
}
body.summit-app-page .summit-map-modal .summit-modal__actions{
display: none !important;
}
body.summit-app-page .summit-map-zoom{
display: flex;
align-items: center;
justify-content: flex-end;
gap: 6px;
margin-bottom: 8px;
}
body.summit-app-page .summit-map-zoom__label{
margin-right: auto;
color: rgba(31,41,55,.68);
font-size: 12px;
font-weight: 900;
}
body.summit-app-page .summit-map-zoom__btn{
min-width: 34px;
height: 32px;
border: 1px solid rgba(15,23,42,.18);
border-radius: 999px;
background: #fff;
color: #111827;
font-size: 13px;
font-weight: 900;
line-height: 1;
padding: 0 9px;
}
body.summit-app-page .summit-map-zoom__viewport{
max-height: calc(82vh - 136px);
overflow: auto;
-webkit-overflow-scrolling: touch;
border: 1px solid rgba(15,23,42,.12);
border-radius: 14px;
background: #f8fafc;
touch-action: pan-x pan-y;
}
body.summit-app-page .summit-map-zoom__content{
width: 100%;
}
body.summit-app-page .summit-map-zoom__content img,
body.summit-app-page .summit-map-zoom__content svg{
display: block;
width: 100% !important;
max-width: none !important;
height: auto !important;
}
}
/* =========================================================
FINAL HOTFIX: session title row + bottom scroll continuity
========================================================= */
@media (max-width: 900px){
/* Keep card heads consistent: tools top-right, title always beneath */
body.summit-app-page #summit-app .summit-session__head{
display: grid !important;
grid-template-columns: 44px 1fr auto !important;
grid-template-areas:
"thumb . tools"
"title title title" !important;
column-gap: 12px !important;
row-gap: 8px !important;
align-items: start !important;
}
body.summit-app-page #summit-app .summit-session__head > .summit-session__thumb{
grid-area: thumb !important;
margin: 0 !important;
}
body.summit-app-page #summit-app .summit-session__thumb--extra{
display: none !important;
}
body.summit-app-page #summit-app .summit-session__tools{
grid-area: tools !important;
position: static !important;
top: auto !important;
right: auto !important;
margin: 0 !important;
justify-self: end !important;
align-self: start !important;
z-index: 4 !important;
}
body.summit-app-page #summit-app .summit-session__title{
grid-area: title !important;
margin: 0 !important;
padding-right: 0 !important;
min-width: 0 !important;
max-width: 100% !important;
}
/* Avoid nested scroll trapping near the end of the list */
body.summit-app-page #summit-app .summit-main,
body.summit-app-page #summit-sessions-panel,
body.summit-app-page #summit-app #summit-sessions{
height: auto !important;
max-height: none !important;
overflow: visible !important;
}
body.summit-app-page #summit-sessions-panel{
padding-bottom: 0 !important;
}
body.summit-app-page #summit-app{
padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important;
}
body.summit-app-page .summit-bottomnav{
position: fixed !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
}
}
/* =========================================================
MOBILE UX: Filter + Tags icons live beside Resources
(left of Resources), not inside date/category toolbar
========================================================= */
/* Never show header quick icons on desktop */
body.summit-app-page #summit-app .summit-header-actions__quick{
display: none !important;
}
@media (max-width: 900px){
/* Keep toolbar rows clean: no floating filter/tags controls here */
body.summit-app-page #summit-app .summit-mini-toolbar__row--days{
padding-right: 0 !important;
}
body.summit-app-page #summit-app .summit-mini-toolbar__cats,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow .summit-btnrow{
padding-right: 0 !important;
}
body.summit-app-page #summit-app .summit-mini-toolbar__cats > .summit-mini-toolbar__filter,
body.summit-app-page #summit-app .summit-mini-toolbar__cats > .summit-mini-toolbar__tags{
display: none !important;
}
/* Header action row layout */
body.summit-app-page #summit-app .summit-header-actions{
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 8px !important;
padding-right: 10px !important;
}
body.summit-app-page #summit-app .summit-header-actions__quick{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
order: 1 !important;
}
body.summit-app-page #summit-app .summit-header-actions__resources{
order: 2 !important;
}
/* Icon-in-circle buttons (Filter + Tag + Resources) */
body.summit-app-page #summit-app .summit-header-actions__quick .summit-mini-toolbar__filter,
body.summit-app-page #summit-app .summit-header-actions__quick .summit-mini-toolbar__tags,
body.summit-app-page #summit-app .summit-header-actions__quick .summit-header-actions__policies,
body.summit-app-page #summit-app .summit-header-actions__resources{
position: static !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
transform: none !important;
width: 42px !important;
height: 42px !important;
margin: 0 !important;
padding: 0 !important;
border: 2px solid rgba(180,195,220,.90) !important;
border-radius: 999px !important;
background: #fff !important;
box-shadow: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 0 !important;
line-height: 0 !important;
vertical-align: middle !important;
font-size: 0 !important;
color: transparent !important;
text-indent: 0 !important;
text-decoration: none !important;
overflow: hidden !important;
white-space: nowrap !important;
}
body.summit-app-page #summit-app .summit-header-actions__quick .summit-mini-toolbar__filter::before{
content: "" !important;
display: block !important;
position: static !important;
top: auto !important;
left: auto !important;
transform: none !important;
width: 18px !important;
height: 18px !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 18px 18px !important;
/* Tabler-like Adjustments icon */
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='21' x2='4' y2='14'/%3E%3Cline x1='4' y1='10' x2='4' y2='3'/%3E%3Cline x1='12' y1='21' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12' y2='3'/%3E%3Cline x1='20' y1='21' x2='20' y2='16'/%3E%3Cline x1='20' y1='12' x2='20' y2='3'/%3E%3Cline x1='1' y1='14' x2='7' y2='14'/%3E%3Cline x1='9' y1='8' x2='15' y2='8'/%3E%3Cline x1='17' y1='16' x2='23' y2='16'/%3E%3C/svg%3E") !important;
}
body.summit-app-page #summit-app .summit-header-actions__quick .summit-mini-toolbar__tags::before{
content: "" !important;
display: block !important;
position: static !important;
top: auto !important;
left: auto !important;
transform: none !important;
width: 18px !important;
height: 18px !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 18px 18px !important;
/* Lucide-style tag icon (outline, crisp at small sizes) */
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41 12 22l-9-9V4h9l8.59 8.59a2 2 0 0 1 0 2.82Z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.3'/%3E%3C/svg%3E") !important;
}
/* Mobile-only icon for Resources (icon-only circle) */
body.summit-app-page #summit-app .summit-header-actions__resources::before{
content: "" !important;
display: block !important;
position: static !important;
top: auto !important;
left: auto !important;
transform: none !important;
width: 18px !important;
height: 18px !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 18px 18px !important;
/* Heroicons document-arrow-up */
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.5 14.25v4.5a2.25 2.25 0 0 1-2.25 2.25h-10.5A2.25 2.25 0 0 1 4.5 18.75v-13.5A2.25 2.25 0 0 1 6.75 3h6.879a2.25 2.25 0 0 1 1.591.659l3.621 3.621a2.25 2.25 0 0 1 .659 1.591v.879'/%3E%3Cpath d='M12 17.25V9.75'/%3E%3Cpath d='m8.25 13.5 3.75-3.75 3.75 3.75'/%3E%3C/svg%3E") !important;
}
body.summit-app-page #summit-app .summit-header-actions__quick .summit-header-actions__policies::before{
content: "" !important;
display: block !important;
width: 18px !important;
height: 18px !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 18px 18px !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l3 3v15H6z'/%3E%3Cpath d='M14 3v4h4M9 11h6M9 15h6'/%3E%3C/svg%3E") !important;
}
body.summit-app-page #summit-app .summit-header-actions__resources{
text-indent: -9999px !important; /* hide label text on mobile */
}
body.summit-app-page #summit-app .summit-header-actions__quick .has-custom-icon::before,
body.summit-app-page #summit-app .summit-header-actions__resources.has-custom-icon::before{
display: none !important;
}
body.summit-app-page #summit-app .summit-header-actions__resources.has-custom-icon{
text-indent: 0 !important;
}
body.summit-app-page #summit-app .summit-header-actions__custom-icon{
display: block !important;
width: 18px !important;
height: 18px !important;
max-width: 18px !important;
max-height: 18px !important;
min-width: 0 !important;
min-height: 0 !important;
object-fit: contain !important;
object-position: center !important;
flex: 0 0 auto !important;
aspect-ratio: 1 / 1 !important;
}
body.summit-app-page #summit-app .summit-header-actions__resources .summit-header-actions__label,
body.summit-app-page #summit-app .summit-header-actions__quick .summit-header-actions__label{
display: none !important;
}
/* Keep active filter state visible with red icon */
body.summit-app-page #summit-app .summit-header-actions__quick .summit-mini-toolbar__filter.is-active::before{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c81e1e' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='21' x2='4' y2='14'/%3E%3Cline x1='4' y1='10' x2='4' y2='3'/%3E%3Cline x1='12' y1='21' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12' y2='3'/%3E%3Cline x1='20' y1='21' x2='20' y2='16'/%3E%3Cline x1='20' y1='12' x2='20' y2='3'/%3E%3Cline x1='1' y1='14' x2='7' y2='14'/%3E%3Cline x1='9' y1='8' x2='15' y2='8'/%3E%3Cline x1='17' y1='16' x2='23' y2='16'/%3E%3C/svg%3E") !important;
}
}
@media (min-width: 721px) and (max-width: 900px){
body.summit-app-page #summit-app .summit-header-actions__resources{
width: auto !important;
height: auto !important;
min-height: 42px !important;
padding: 10px 16px !important;
gap: 8px !important;
font-size: 14px !important;
line-height: 1 !important;
color: #111 !important;
text-indent: 0 !important;
overflow: visible !important;
}
body.summit-app-page #summit-app .summit-header-actions__resources.has-custom-icon::before,
body.summit-app-page #summit-app .summit-header-actions__resources::before,
body.summit-app-page #summit-app .summit-header-actions__resources .summit-header-actions__custom-icon{
display: none !important;
}
body.summit-app-page #summit-app .summit-header-actions__resources .summit-header-actions__label{
display: inline !important;
}
}
/* Dark-mode toggle in language capsule */
#summit-app #summit-langbar button.summit-theme-toggle{
width: 38px !important;
min-width: 38px !important;
height: 38px !important;
min-height: 38px !important;
padding: 0 !important;
flex: 0 0 38px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: #ffffff !important;
color: #111111 !important;
border: 1px solid rgba(0,0,0,.2) !important;
}
#summit-app #summit-langbar button.summit-theme-toggle svg{
width: 16px !important;
height: 16px !important;
display: block !important;
pointer-events: none !important;
}
#summit-app #summit-langbar button.summit-theme-toggle.is-active,
#summit-app #summit-langbar button.summit-theme-toggle[aria-pressed="true"]{
background: #111111 !important;
color: #ffffff !important;
border-color: rgba(255,255,255,.45) !important;
}
@media (max-width: 420px){
#summit-app #summit-langbar button.summit-theme-toggle{
width: 36px !important;
min-width: 36px !important;
height: 36px !important;
min-height: 36px !important;
flex-basis: 36px !important;
}
}
/* Page 462 dark-mode overrides */
body.summit-app-page #summit-app.summit-theme-dark{
--summit-app-bg: #000000 !important;
--summit-pill-inactive-bg: #0f0f0f !important;
--summit-pill-inactive-text: #f0f0f0 !important;
--summit-pill-border: #2f2f2f !important;
--summit-text-color: #f0f0f0 !important;
}
body.summit-app-page #summit-app.summit-theme-dark,
body.summit-app-page #summit-app.summit-theme-dark .summit-app{
background: #000000 !important;
color: #f0f0f0 !important;
}
body.summit-app-page #summit-app.summit-theme-dark .summit-mini-toolbar,
body.summit-app-page #summit-app.summit-theme-dark .summit-session,
body.summit-app-page #summit-app.summit-theme-dark .summit-panel,
body.summit-app-page #summit-app.summit-theme-dark .summit-bottomnav{
background: #0a0a0a !important;
border-color: #2a2a2a !important;
color: #f0f0f0 !important;
}
body.summit-app-page #summit-app.summit-theme-dark .summit-title,
body.summit-app-page #summit-app.summit-theme-dark .summit-subtitle,
body.summit-app-page #summit-app.summit-theme-dark .summit-session__title,
body.summit-app-page #summit-app.summit-theme-dark .summit-time{
color: #f5f5f5 !important;
}
body.summit-app-page #summit-app.summit-theme-dark .summit-title,
body.summit-app-page #summit-app.summit-theme-dark .summit-title *{
background: transparent !important;
background-color: transparent !important;
color: #f5f5f5 !important;
}
body.summit-app-page #summit-app.summit-theme-dark .summit-subtitle,
body.summit-app-page #summit-app.summit-theme-dark .summit-subtitle *{
background: transparent !important;
background-color: transparent !important;
color: #f0f0f0 !important;
}
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__quick .summit-mini-toolbar__filter,
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__quick .summit-mini-toolbar__tags,
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__quick .summit-header-actions__policies,
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__resources{
background: #121212 !important;
border-color: #2f2f2f !important;
}
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__quick .summit-mini-toolbar__filter::before,
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__quick .summit-mini-toolbar__tags::before,
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__quick .summit-header-actions__policies::before,
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__resources::before{
filter: invert(1) brightness(1.2) !important;
}
/* Appended overlays/nav live on
, so style by body class too */
body.summit-app-page.summit-app-theme-dark{
background: #000000 !important;
}
@media (max-width: 900px){
body.summit-app-page.summit-app-theme-dark .fn__container,
body.summit-app-page.summit-app-theme-dark .full_content,
body.summit-app-page.summit-app-theme-dark .kioto_fn_pages,
body.summit-app-page.summit-app-theme-dark .kioto_fn_pages_in,
body.summit-app-page.summit-app-theme-dark .kioto_fn_page_ajax,
body.summit-app-page.summit-app-theme-dark .kioto_fn_full_page_in,
body.summit-app-page.summit-app-theme-dark .site-content,
body.summit-app-page.summit-app-theme-dark .site-main,
body.summit-app-page.summit-app-theme-dark .entry-content{
background: #000000 !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
box-shadow: none !important;
}
body.summit-app-page.summit-app-theme-dark #summit-app{
margin-left: 0 !important;
margin-right: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
outline: 0 !important;
}
}
body.summit-app-page.summit-app-theme-dark .summit-bottomnav{
background: #0a0a0a !important;
border-top-color: #2a2a2a !important;
}
body.summit-app-page.summit-app-theme-dark .summit-bottomnav__btn{
color: #f0f0f0 !important;
}
body.summit-app-page.summit-app-theme-dark .summit-bottomnav__btn::before{
filter: invert(1) brightness(1.15) !important;
}
body.summit-app-page.summit-app-theme-dark .summit-modal,
body.summit-app-page.summit-app-theme-dark .summit-filter-modal{
color: #f0f0f0 !important;
}
body.summit-app-page.summit-app-theme-dark .summit-modal__panel,
body.summit-app-page.summit-app-theme-dark .summit-modal__sheet,
body.summit-app-page.summit-app-theme-dark .summit-filter-modal__panel{
background: #0a0a0a !important;
border-color: #2a2a2a !important;
color: #f0f0f0 !important;
}
body.summit-app-page.summit-app-theme-dark .summit-filter-modal__title,
body.summit-app-page.summit-app-theme-dark .summit-filter-section__label,
body.summit-app-page.summit-app-theme-dark .summit-modal__title{
color: #ffffff !important;
}
body.summit-app-page.summit-app-theme-dark .summit-filter-chip,
body.summit-app-page.summit-app-theme-dark .summit-tag-pill,
body.summit-app-page.summit-app-theme-dark .summit-filter-btn,
body.summit-app-page.summit-app-theme-dark .summit-filter-section__clear{
background: #141414 !important;
border-color: #2f2f2f !important;
color: #f0f0f0 !important;
}
/* Keep selected states obvious in dark mode (tags + language chips). */
body.summit-app-page.summit-app-theme-dark .summit-filter-chip.is-active,
body.summit-app-page.summit-app-theme-dark .summit-tag-pill.is-active{
background: var(--summit-pill-active-bg, #3346d3) !important;
border-color: var(--summit-pill-active-bg, #3346d3) !important;
color: var(--summit-pill-active-text, #ffffff) !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.12) !important;
}
body.summit-app-page.summit-app-theme-dark .summit-filter-chip .tag{
background: rgba(255,255,255,.10) !important;
color: inherit !important;
}
body.summit-app-page.summit-app-theme-dark .summit-filter-chip.is-active .tag{
background: rgba(255,255,255,.26) !important;
color: inherit !important;
}
body.summit-app-page.summit-app-theme-dark .summit-filter-chip:focus-visible,
body.summit-app-page.summit-app-theme-dark .summit-filter-btn:focus-visible,
body.summit-app-page.summit-app-theme-dark .summit-filter-section__clear:focus-visible{
outline: 2px solid rgba(255,255,255,.65) !important;
outline-offset: 2px !important;
}
/* =========================================================
Speakers modal polish (mobile)
========================================================= */
@media (max-width: 720px){
body.summit-app-page .summit-modal[data-modal-type="speakers"] .summit-modal__panel{
display: flex !important;
flex-direction: column !important;
overflow: hidden !important;
}
body.summit-app-page .summit-modal[data-modal-type="speakers"] .summit-modal__head{
padding: 16px 16px 14px !important;
flex: 0 0 auto !important;
}
body.summit-app-page .summit-modal[data-modal-type="speakers"] .summit-modal__title{
font-size: 22px !important;
line-height: 1.15 !important;
font-weight: 900 !important;
letter-spacing: .01em !important;
}
body.summit-app-page .summit-modal[data-modal-type="speakers"] .summit-modal__body{
padding: 16px 14px 18px !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
max-height: min(68vh, 680px) !important;
}
body.summit-app-page .summit-speakers-modal__list{
display: grid !important;
gap: 14px !important;
}
body.summit-app-page .summit-speaker-card{
background: #ffffff !important;
border: 1px solid rgba(15,23,42,.11) !important;
border-radius: 18px !important;
padding: 16px !important;
box-shadow: 0 10px 24px rgba(15,23,42,.07) !important;
}
body.summit-app-page .summit-speaker-card__header{
display: grid !important;
grid-template-columns: minmax(104px, var(--summit-speaker-avatar-size, 112px)) minmax(0, 1fr) !important;
gap: 16px !important;
align-items: center !important;
margin-bottom: 14px !important;
}
body.summit-app-page .summit-speaker-card__avatar{
width: min(var(--summit-speaker-avatar-size, 112px), 34vw) !important;
height: min(var(--summit-speaker-avatar-size, 112px), 34vw) !important;
min-width: 104px !important;
min-height: 104px !important;
border-radius: 999px !important;
overflow: hidden !important;
border: 3px solid rgba(180,195,220,.95) !important;
background: #eef3fb !important;
display: grid !important;
place-items: center !important;
box-shadow: 0 10px 20px rgba(15,23,42,.08) !important;
}
body.summit-app-page .summit-speaker-card__avatar img{
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
body.summit-app-page .summit-speaker-card__initial{
font-size: 28px !important;
font-weight: 900 !important;
color: #334155 !important;
line-height: 1 !important;
}
body.summit-app-page .summit-speaker-card__meta{
min-width: 0 !important;
}
body.summit-app-page .summit-speaker-card__name{
margin: 0 !important;
font-size: var(--summit-speaker-name-size, 23px) !important;
line-height: 1.08 !important;
font-weight: 900 !important;
color: var(--summit-speaker-name-color, #0f172a) !important;
overflow-wrap: anywhere !important;
}
body.summit-app-page .summit-speaker-card__role{
margin: 5px 0 0 !important;
font-size: var(--summit-speaker-role-size, 15px) !important;
line-height: 1.3 !important;
font-weight: 700 !important;
color: var(--summit-speaker-role-color, #475569) !important;
overflow-wrap: anywhere !important;
}
body.summit-app-page .summit-speaker-card__bio{
border-top: 1px solid rgba(15,23,42,.10) !important;
padding-top: 14px !important;
color: var(--summit-speaker-bio-color, #253247) !important;
font-size: var(--summit-speaker-bio-size, 17px) !important;
line-height: 1.55 !important;
}
body.summit-app-page .summit-speaker-card__bio p{
margin: 0 0 10px !important;
}
body.summit-app-page .summit-speaker-card__bio p:last-child{
margin-bottom: 0 !important;
}
body.summit-app-page .summit-speaker-card__bio-empty{
opacity: .72 !important;
font-weight: 700 !important;
}
body.summit-app-page .summit-speakers-modal__empty{
border: 1px dashed rgba(15,23,42,.18) !important;
border-radius: 14px !important;
padding: 14px !important;
color: #64748b !important;
font-weight: 800 !important;
text-align: center !important;
}
}
/* Dark mode version for speaker cards */
@media (max-width: 720px){
body.summit-app-page.summit-app-theme-dark .summit-speaker-card{
background: #111111 !important;
border-color: #2f2f2f !important;
box-shadow: none !important;
}
body.summit-app-page.summit-app-theme-dark .summit-speaker-card__avatar{
background: #0f172a !important;
border-color: #334155 !important;
}
body.summit-app-page.summit-app-theme-dark .summit-speaker-card__initial{
color: #cbd5e1 !important;
}
body.summit-app-page.summit-app-theme-dark .summit-speaker-card__name{
color: #f8fafc !important;
}
body.summit-app-page.summit-app-theme-dark .summit-speaker-card__role{
color: #cbd5e1 !important;
}
body.summit-app-page.summit-app-theme-dark .summit-speaker-card__bio{
color: #e2e8f0 !important;
border-top-color: #2f2f2f !important;
}
body.summit-app-page.summit-app-theme-dark .summit-speakers-modal__empty{
border-color: #334155 !important;
color: #cbd5e1 !important;
}
}
/* =========================================================
Language chips: keep icon/text mini pills white for contrast
========================================================= */
@media (max-width: 720px){
body.summit-app-page .summit-language-filter-modal .summit-filter-chip[data-group="langmode"] > span{
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
flex-wrap: nowrap !important;
}
body.summit-app-page .summit-language-filter-modal .summit-filter-chip[data-group="langmode"] .tag{
background: #ffffff !important;
color: #1f2937 !important;
border: 1px solid rgba(15, 23, 42, 0.14) !important;
border-radius: 999px !important;
padding: 4px 10px !important;
line-height: 1.05 !important;
font-weight: 900 !important;
}
body.summit-app-page .summit-language-filter-modal .summit-filter-chip[data-group="langmode"] .tag--icon{
min-width: 34px !important;
text-align: center !important;
padding-left: 8px !important;
padding-right: 8px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
body.summit-app-page .summit-language-filter-modal .summit-filter-chip[data-group="langmode"] .tag--icon svg{
width: var(--summit-lang-icon-size, 18px) !important;
height: var(--summit-lang-icon-size, 18px) !important;
display: block !important;
fill: currentColor !important;
}
body.summit-app-page .summit-language-filter-modal .summit-filter-chip[data-group="langmode"] .tag--icon img{
width: var(--summit-lang-icon-size, 18px) !important;
height: var(--summit-lang-icon-size, 18px) !important;
display: block !important;
object-fit: contain !important;
}
body.summit-app-page .summit-language-filter-modal .summit-filter-chip[data-group="langmode"].is-active .tag{
background: #ffffff !important;
color: #111827 !important;
border-color: rgba(15, 23, 42, 0.2) !important;
}
}
@media (max-width: 720px){
body.summit-app-page.summit-app-theme-dark .summit-language-filter-modal .summit-filter-chip[data-group="langmode"] .tag,
body.summit-app-page.summit-app-theme-dark .summit-language-filter-modal .summit-filter-chip[data-group="langmode"].is-active .tag{
background: #ffffff !important;
color: #111827 !important;
border-color: rgba(15, 23, 42, 0.24) !important;
}
}
/* Mobile two-line schedule pills managed from backend */
@media (max-width: 720px){
body.summit-app-page #summit-app .summit-btn.summit-btn--day{
min-width: 112px !important;
padding: 8px 12px !important;
gap: 2px !important;
line-height: 1.05 !important;
}
body.summit-app-page #summit-app .summit-btn.summit-btn--day .summit-btn__date{
font-size: 12px !important;
line-height: 1 !important;
}
body.summit-app-page #summit-app .summit-btn.summit-btn--day .summit-btn__weekday{
font-size: 10px !important;
line-height: 1 !important;
}
body.summit-app-page #summit-app .summit-btn.summit-btn--category{
min-width: 132px !important;
white-space: nowrap !important;
}
body.summit-app-page #summit-app .summit-btn.summit-btn--category[data-cat="programming"]{
min-width: 160px !important;
}
body.summit-app-page #summit-app .summit-btn.summit-btn--category[data-cat="special"]{
min-width: 172px !important;
}
}
/* Final override: two-line date pills should not create the old horizontal scrollbar. */
@media (max-width: 720px){
body.summit-app-page #summit-app .summit-mini-toolbar__days .summit-btnrow{
flex-wrap: wrap !important;
overflow-x: visible !important;
padding-right: 0 !important;
row-gap: 8px !important;
}
body.summit-app-page #summit-app .summit-mini-toolbar__days .summit-btn.summit-btn--day{
min-width: 94px !important;
flex: 1 1 calc(25% - 8px) !important;
max-width: 122px !important;
}
}
/* Mobile filter rows: scroll horizontally instead of wrapping over session cards. */
@media (max-width: 720px){
body.summit-app-page #summit-app .summit-mini-toolbar,
body.summit-app-page #summit-app .summit-header{
height: auto !important;
min-height: 0 !important;
overflow: visible !important;
}
body.summit-app-page #summit-app .summit-mini-toolbar__row--days,
body.summit-app-page #summit-app .summit-mini-toolbar__row--cats{
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: visible !important;
}
body.summit-app-page #summit-app .summit-mini-toolbar__row--cats{
flex-wrap: nowrap !important;
}
body.summit-app-page #summit-app .summit-mini-toolbar__days,
body.summit-app-page #summit-app .summit-mini-toolbar__cats,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow{
min-width: 0 !important;
max-width: 100% !important;
overflow: visible !important;
}
body.summit-app-page #summit-app .summit-mini-toolbar__catrow{
flex: 1 1 auto !important;
flex-wrap: nowrap !important;
}
body.summit-app-page #summit-app .summit-mini-toolbar__days .summit-btnrow,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow .summit-btnrow{
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 10px !important;
max-width: 100% !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch !important;
scroll-behavior: smooth !important;
scrollbar-width: none !important;
-ms-overflow-style: none !important;
padding: 0 2px 6px !important;
}
body.summit-app-page #summit-app .summit-mini-toolbar__days .summit-btnrow::-webkit-scrollbar,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow .summit-btnrow::-webkit-scrollbar{
display: none !important;
width: 0 !important;
height: 0 !important;
}
body.summit-app-page #summit-app .summit-mini-toolbar__days .summit-btn,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow .summit-btn{
flex: 0 0 auto !important;
width: auto !important;
max-width: none !important;
white-space: nowrap !important;
}
body.summit-app-page #summit-app #summit-sessions{
clear: both !important;
margin-top: 10px !important;
}
body.summit-app-page #summit-sessions-panel{
padding-top: 0 !important;
}
}
/* Session type colors and concurrent groups */
@media (max-width: 720px){
body.summit-app-page #summit-app .summit-session{
border-left:4px solid var(--session-type-color,var(--summit-session-type-default,#6c757d)) !important;
}
body.summit-app-page #summit-app .summit-session__category-badge{
font-size:12px !important;
padding:5px 9px !important;
}
body.summit-app-page #summit-app .summit-session-group-header{
margin:12px 0 10px !important;
padding:12px 14px !important;
}
body.summit-app-page #summit-app.summit-theme-dark .summit-session{
border-left-color:var(--session-type-color,var(--summit-session-type-default,#6c757d)) !important;
}
}
/* Footer navigation icon controls (admin configurable) */
@media (max-width: 720px){
body.summit-app-page .summit-bottomnav .summit-bottomnav__btn{
color: var(--summit-footer-icon-color, #555555) !important;
font-size: var(--summit-footer-label-size, 12px) !important;
font-weight: var(--summit-footer-label-weight, 800) !important;
}
body.summit-app-page .summit-bottomnav .summit-bottomnav__btn.is-active{
color: var(--summit-footer-icon-active-color, #111111) !important;
}
body.summit-app-page .summit-bottomnav .summit-bottomnav__btn::before{
content: none !important;
display: none !important;
background-image: none !important;
}
body.summit-app-page .summit-bottomnav__icon{
width: var(--summit-footer-icon-size, 28px) !important;
height: var(--summit-footer-icon-size, 28px) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 auto 4px !important;
color: currentColor !important;
}
body.summit-app-page .summit-bottomnav__icon svg,
body.summit-app-page .summit-bottomnav__icon img{
width: 100% !important;
height: 100% !important;
display: block !important;
object-fit: contain !important;
}
body.summit-app-page .summit-bottomnav__icon svg{
stroke: currentColor !important;
fill: none !important;
stroke-width: 2 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
}
body.summit-app-page.summit-app-theme-dark .summit-bottomnav .summit-bottomnav__btn::before{
filter: none !important;
}
body.summit-app-page:not(.summit-has-bottomnav) #summit-app,
body.summit-app-page:not(.summit-has-bottomnav) #summit-sessions-panel{
padding-bottom: 0 !important;
}
/* Compact footer nav: keep custom icon sizes, reduce the white chrome. */
body.summit-app-page.summit-has-bottomnav #summit-app,
body.summit-app-page.summit-has-bottomnav #summit-sessions-panel{
padding-bottom: 0 !important;
}
body.summit-app-page.summit-has-bottomnav #summit-app #summit-sessions{
padding-bottom: calc(64px + env(safe-area-inset-bottom)) !important;
}
body.summit-app-page .summit-bottomnav{
padding: 3px 8px calc(3px + env(safe-area-inset-bottom)) !important;
gap: 4px !important;
}
body.summit-app-page .summit-bottomnav .summit-bottomnav__btn{
padding: 2px 3px !important;
gap: 1px !important;
min-height: 40px !important;
line-height: 1 !important;
}
body.summit-app-page .summit-bottomnav__icon{
margin-bottom: 0 !important;
}
body.summit-app-page .summit-bottomnav__label{
display: block !important;
line-height: 1 !important;
}
}
/* Final mobile spacing fix: remove obsolete sticky-toolbar reservation above sessions. */
@media (max-width: 720px){
body.summit-app-page #summit-app #summit-sessions-panel{
padding-top: 0 !important;
}
}
/* Mobile category pills should size to their label, not old fixed widths. */
@media (max-width: 720px){
body.summit-app-page #summit-app .summit-btn.summit-btn--category,
body.summit-app-page #summit-app .summit-btn.summit-btn--category[data-cat="programming"],
body.summit-app-page #summit-app .summit-btn.summit-btn--category[data-cat="special"]{
min-width: 0 !important;
width: auto !important;
max-width: none !important;
flex: 0 0 auto !important;
padding-left: 16px !important;
padding-right: 16px !important;
}
}
/* Keep translated category labels compact while allowing long French labels to scroll. */
@media (max-width: 720px){
body.summit-app-page #summit-app .summit-mini-toolbar__catrow .summit-btn,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow .summit-btn[lang="fr"],
body.summit-app-page #summit-app[data-lang="FR"] .summit-mini-toolbar__catrow .summit-btn,
body.summit-app-page #summit-app[data-lang="fr"] .summit-mini-toolbar__catrow .summit-btn{
min-width: 0 !important;
width: auto !important;
max-width: none !important;
flex: 0 0 auto !important;
white-space: nowrap !important;
padding-left: 16px !important;
padding-right: 16px !important;
}
}
/* Final speaker modal refresh: profile-first layout for the live mobile app. */
@media (max-width: 720px){
body.summit-app-page .summit-modal[data-modal-type="speakers"] .summit-modal__panel{
border-radius: 22px !important;
overflow: hidden !important;
}
body.summit-app-page .summit-modal[data-modal-type="speakers"] .summit-modal__head{
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 14px !important;
padding: 18px 20px 14px !important;
border-bottom: 1px solid rgba(15, 23, 42, .10) !important;
background: #ffffff !important;
}
body.summit-app-page .summit-modal[data-modal-type="speakers"] .summit-modal__title{
color: #0f172a !important;
font-size: 22px !important;
line-height: 1.12 !important;
}
body.summit-app-page .summit-modal[data-modal-type="speakers"] .summit-modal__close{
position: static !important;
inset: auto !important;
transform: none !important;
flex: 0 0 46px !important;
width: 46px !important;
height: 46px !important;
margin: 0 !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 999px !important;
border: 2px solid #cbd5e1 !important;
background: #ffffff !important;
color: #0f172a !important;
box-shadow: none !important;
font-size: 28px !important;
line-height: 0 !important;
text-indent: 0 !important;
}
body.summit-app-page .summit-modal[data-modal-type="speakers"] .summit-modal__body{
max-height: min(70vh, 700px) !important;
padding: 16px !important;
}
body.summit-app-page .summit-speakers-modal__list{
gap: 16px !important;
}
body.summit-app-page .summit-speaker-card{
border-radius: 20px !important;
padding: 18px !important;
}
body.summit-app-page .summit-speaker-card__header{
display: grid !important;
grid-template-columns: 1fr !important;
justify-items: center !important;
text-align: center !important;
gap: 12px !important;
margin-bottom: 16px !important;
}
body.summit-app-page .summit-speaker-card__avatar{
width: clamp(120px, 38vw, var(--summit-speaker-avatar-size, 132px)) !important;
height: clamp(120px, 38vw, var(--summit-speaker-avatar-size, 132px)) !important;
min-width: 120px !important;
min-height: 120px !important;
}
body.summit-app-page .summit-speaker-card__name{
font-size: var(--summit-speaker-name-size, 24px) !important;
line-height: 1.08 !important;
}
body.summit-app-page .summit-speaker-card__role{
margin-top: 6px !important;
font-size: var(--summit-speaker-role-size, 16px) !important;
line-height: 1.32 !important;
}
body.summit-app-page .summit-speaker-card__bio{
padding-top: 16px !important;
font-size: var(--summit-speaker-bio-size, 17px) !important;
line-height: 1.58 !important;
}
body.summit-app-page.summit-app-theme-dark .summit-modal[data-modal-type="speakers"] .summit-modal__head{
background: #0a0a0a !important;
border-bottom-color: #2f2f2f !important;
}
body.summit-app-page.summit-app-theme-dark .summit-modal[data-modal-type="speakers"] .summit-modal__title{
color: #f8fafc !important;
}
body.summit-app-page.summit-app-theme-dark .summit-modal[data-modal-type="speakers"] .summit-modal__close{
background: #111111 !important;
border-color: #334155 !important;
color: #f8fafc !important;
}
}
/* Final venue map modal header: keep close button inside the modal box. */
@media (max-width: 720px){
body.summit-app-page .summit-modal[data-modal-type="map"] .summit-modal__head{
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 14px !important;
padding: 18px 20px 14px !important;
border-bottom: 1px solid rgba(15, 23, 42, .10) !important;
background: #ffffff !important;
}
body.summit-app-page .summit-modal[data-modal-type="map"] .summit-modal__title{
color: #0f172a !important;
font-size: 22px !important;
line-height: 1.12 !important;
}
body.summit-app-page .summit-modal[data-modal-type="map"] .summit-modal__close{
position: static !important;
inset: auto !important;
transform: none !important;
flex: 0 0 46px !important;
width: 46px !important;
height: 46px !important;
margin: 0 !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 999px !important;
border: 2px solid #cbd5e1 !important;
background: #ffffff !important;
color: #0f172a !important;
box-shadow: none !important;
font-size: 28px !important;
line-height: 0 !important;
text-indent: 0 !important;
}
body.summit-app-page.summit-app-theme-dark .summit-modal[data-modal-type="map"] .summit-modal__head{
background: #0a0a0a !important;
border-bottom-color: #2f2f2f !important;
}
body.summit-app-page.summit-app-theme-dark .summit-modal[data-modal-type="map"] .summit-modal__title{
color: #f8fafc !important;
}
body.summit-app-page.summit-app-theme-dark .summit-modal[data-modal-type="map"] .summit-modal__close{
background: #111111 !important;
border-color: #334155 !important;
color: #f8fafc !important;
}
}
/* Final viewport and bottom-nav stability overrides. */
html:has(body.summit-app-standalone-page),
body.summit-app-standalone-page{
margin: 0 !important;
padding: 0 !important;
min-height: 100dvh !important;
overscroll-behavior-y: none !important;
}
body.summit-app-standalone-page.admin-bar{
margin-top: 0 !important;
}
body.summit-app-standalone-page #wpadminbar{
display: none !important;
}
body.summit-app-standalone-page #summit-app{
width: 100% !important;
max-width: none !important;
min-height: 100dvh !important;
margin: 0 !important;
padding: 0 var(--summit-app-side-pad) !important;
}
body.summit-app-standalone-page #summit-app .summit-hero{
margin-top: 0 !important;
}
body.summit-app-standalone-page #summit-app .summit-intro,
body.summit-app-standalone-page #summit-app .summit-header,
body.summit-app-standalone-page #summit-app .summit-main{
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
}
body.summit-app-page .summit-bottomnav{
transform: translateZ(0) !important;
-webkit-transform: translateZ(0) !important;
contain: layout paint !important;
touch-action: manipulation !important;
}
body.summit-app-page .summit-bottomnav__btn{
touch-action: manipulation !important;
-webkit-tap-highlight-color: transparent !important;
}
body.summit-app-page.summit-has-bottomnav #summit-app,
body.summit-app-page.summit-has-bottomnav #summit-sessions-panel{
padding-bottom: 0 !important;
}
body.summit-app-page.summit-has-bottomnav #summit-app #summit-sessions{
padding-bottom: calc(64px + env(safe-area-inset-bottom)) !important;
}
body.summit-app-page #summit-map-panel{
min-height: calc(100dvh - 56px - env(safe-area-inset-bottom)) !important;
display: flex !important;
flex-direction: column !important;
}
body.summit-app-page #summit-map{
flex: 1 1 auto !important;
min-height: 55dvh !important;
max-height: none !important;
}
/* Last word: mobile filter overflow affordance. */
@media (max-width: 720px){
body.summit-app-page #summit-app .summit-mini-toolbar__days.summit-scrollhint,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow.summit-scrollhint{
position: relative !important;
}
body.summit-app-page #summit-app .summit-mini-toolbar__days.summit-scrollhint .summit-btnrow,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow.summit-scrollhint .summit-btnrow{
padding-right: 44px !important;
}
body.summit-app-page #summit-app .summit-mini-toolbar__days.summit-scrollhint.has-scroll-right::after,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow.summit-scrollhint.has-scroll-right::after{
content: "" !important;
position: absolute !important;
z-index: 3 !important;
top: 0 !important;
right: 0 !important;
bottom: 6px !important;
width: 68px !important;
pointer-events: none !important;
border-radius: 0 18px 18px 0 !important;
background: linear-gradient(90deg, rgba(238, 244, 250, 0), rgba(238, 244, 250, .94) 62%, rgba(238, 244, 250, 1)) !important;
}
body.summit-app-page #summit-app .summit-mini-toolbar__days.summit-scrollhint.has-scroll-right::before,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow.summit-scrollhint.has-scroll-right::before{
content: "›" !important;
position: absolute !important;
z-index: 4 !important;
top: calc(50% - 3px) !important;
right: 8px !important;
transform: translateY(-50%) !important;
width: 32px !important;
height: 32px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 999px !important;
border: 2px solid #cbd5e1 !important;
background: rgba(255, 255, 255, .94) !important;
color: #0f172a !important;
font-size: 30px !important;
font-weight: 900 !important;
line-height: 1 !important;
pointer-events: none !important;
box-shadow: 0 6px 16px rgba(15, 23, 42, .08) !important;
}
body.summit-app-page.summit-app-theme-dark #summit-app .summit-mini-toolbar__days.summit-scrollhint.has-scroll-right::after,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-mini-toolbar__catrow.summit-scrollhint.has-scroll-right::after,
body.summit-app-page #summit-app.summit-theme-dark .summit-mini-toolbar__days.summit-scrollhint.has-scroll-right::after,
body.summit-app-page #summit-app.summit-theme-dark .summit-mini-toolbar__catrow.summit-scrollhint.has-scroll-right::after{
background: linear-gradient(90deg, rgba(10, 10, 10, 0), rgba(10, 10, 10, .88) 62%, rgba(10, 10, 10, .98)) !important;
}
body.summit-app-page.summit-app-theme-dark #summit-app .summit-mini-toolbar__days.summit-scrollhint.has-scroll-right::before,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-mini-toolbar__catrow.summit-scrollhint.has-scroll-right::before,
body.summit-app-page #summit-app.summit-theme-dark .summit-mini-toolbar__days.summit-scrollhint.has-scroll-right::before,
body.summit-app-page #summit-app.summit-theme-dark .summit-mini-toolbar__catrow.summit-scrollhint.has-scroll-right::before{
border-color: #334155 !important;
background: rgba(17, 17, 17, .96) !important;
color: #f8fafc !important;
}
}
/* 0.7.2 EOF override: no filter arrows/fade; edge hero; compact schedule tail. */
@media (max-width: 720px){
body.summit-app-page #summit-app .summit-mini-toolbar__days::before,
body.summit-app-page #summit-app .summit-mini-toolbar__days::after,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow::before,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow::after,
body.summit-app-page #summit-app .summit-mini-toolbar__days.summit-scrollhint.has-scroll-right::before,
body.summit-app-page #summit-app .summit-mini-toolbar__days.summit-scrollhint.has-scroll-right::after,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow.summit-scrollhint.has-scroll-right::before,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow.summit-scrollhint.has-scroll-right::after{
content: none !important;
display: none !important;
}
body.summit-app-page #summit-app .summit-mini-toolbar__days .summit-btnrow,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow .summit-btnrow{
padding-right: 2px !important;
}
body.summit-app-page #summit-app .summit-hero,
body.summit-app-standalone-page #summit-app .summit-hero{
width: calc(100% + (2 * var(--summit-app-side-pad, 16px))) !important;
max-width: none !important;
margin-left: calc(-1 * var(--summit-app-side-pad, 16px)) !important;
margin-right: calc(-1 * var(--summit-app-side-pad, 16px)) !important;
border-radius: 0 !important;
}
body.summit-app-page #summit-app .summit-structured-event,
body.summit-app-standalone-page #summit-app .summit-structured-event{
width: 100% !important;
max-width: 100% !important;
}
body.summit-app-page #summit-app .summit-structured-event__row,
body.summit-app-standalone-page #summit-app .summit-structured-event__row{
grid-template-columns: 58px minmax(0, 1fr) !important;
column-gap: 14px !important;
}
body.summit-app-page #summit-app .summit-structured-event__row::before,
body.summit-app-standalone-page #summit-app .summit-structured-event__row::before{
justify-self: center !important;
}
body.summit-app-page #summit-app .summit-structured-event__row--place .summit-structured-event__text,
body.summit-app-standalone-page #summit-app .summit-structured-event__row--place .summit-structured-event__text{
width: 100% !important;
padding-top: 0 !important;
border-top: 0 !important;
}
body.summit-app-page #summit-app .summit-main,
body.summit-app-page #summit-app #summit-sessions-panel,
body.summit-app-page #summit-app #summit-sessions{
min-height: 0 !important;
height: auto !important;
max-height: none !important;
}
body.summit-app-page.summit-has-bottomnav #summit-app #summit-sessions{
padding-bottom: calc(18px + env(safe-area-inset-bottom)) !important;
}
body.summit-app-page #summit-app #summit-map-panel{
min-height: 0 !important;
}
}
/* 0.7.8 EOF: current intended mobile UX, after all legacy patches. */
body.summit-app-page #summit-app .summit-mini-toolbar__days::before,
body.summit-app-page #summit-app .summit-mini-toolbar__days::after,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow::before,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow::after,
body.summit-app-page #summit-app .summit-mini-toolbar__days.summit-scrollhint.has-scroll-right::before,
body.summit-app-page #summit-app .summit-mini-toolbar__days.summit-scrollhint.has-scroll-right::after,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow.summit-scrollhint.has-scroll-right::before,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow.summit-scrollhint.has-scroll-right::after{
content: none !important;
display: none !important;
}
body.summit-app-page #summit-app .summit-mini-toolbar__days .summit-btnrow,
body.summit-app-page #summit-app .summit-mini-toolbar__catrow .summit-btnrow{
padding-right: 2px !important;
}
body.summit-app-page #summit-app .summit-title--structured .summit-structured-title,
body.summit-app-standalone-page #summit-app .summit-title--structured .summit-structured-title{
gap: var(--summit-typo-title-stack-gap-mobile, 10px) !important;
}
body.summit-app-page #summit-app .summit-structured-title__overline,
body.summit-app-standalone-page #summit-app .summit-structured-title__overline{
font-size: var(--summit-typo-overline-size-mobile, 12px) !important;
}
body.summit-app-page #summit-app .summit-structured-title__main,
body.summit-app-standalone-page #summit-app .summit-structured-title__main{
font-size: var(--summit-typo-main-title-size-mobile, 56px) !important;
}
body.summit-app-page #summit-app .summit-structured-title__suffix,
body.summit-app-standalone-page #summit-app .summit-structured-title__suffix{
font-size: var(--summit-typo-title-suffix-size-mobile, 34px) !important;
}
body.summit-app-page #summit-app .summit-structured-event__row,
body.summit-app-standalone-page #summit-app .summit-structured-event__row{
font-size: var(--summit-typo-event-info-size-mobile, 16px) !important;
}
body.summit-app-page #summit-app .summit-structured-intro__text,
body.summit-app-standalone-page #summit-app .summit-structured-intro__text{
font-size: var(--summit-typo-intro-text-size-mobile, 18px) !important;
}
body.summit-app-page #summit-app .summit-structured-event__row > :not(.summit-structured-event__text),
body.summit-app-standalone-page #summit-app .summit-structured-event__row > :not(.summit-structured-event__text){
display: none !important;
}
body.summit-app-page #summit-app .summit-structured-event__row--place .summit-structured-event__text,
body.summit-app-standalone-page #summit-app .summit-structured-event__row--place .summit-structured-event__text{
padding-top: 0 !important;
border-top: 0 !important;
}
body.summit-app-page #summit-app .summit-expand,
body.summit-app-standalone-page #summit-app .summit-expand{
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
color: #374151 !important;
font-size: 20px !important;
font-weight: 900 !important;
line-height: 1 !important;
opacity: 1 !important;
}
body.summit-app-page #summit-app.summit-theme-dark .summit-expand,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-expand,
body.summit-app-standalone-page #summit-app.summit-theme-dark .summit-expand{
color: #d1d5db !important;
}
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__quick .summit-mini-toolbar__filter,
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__quick .summit-mini-toolbar__tags,
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__quick .summit-header-actions__policies,
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__resources,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions__quick .summit-mini-toolbar__filter,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions__quick .summit-mini-toolbar__tags,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions__quick .summit-header-actions__policies,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions__resources{
background: #151515 !important;
border-color: #3f3f46 !important;
color: #f8fafc !important;
opacity: 1 !important;
}
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__quick .summit-mini-toolbar__filter::before,
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__quick .summit-mini-toolbar__tags::before,
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__quick .summit-header-actions__policies::before,
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__resources::before,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions__quick .summit-mini-toolbar__filter::before,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions__quick .summit-mini-toolbar__tags::before,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions__quick .summit-header-actions__policies::before,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions__resources::before{
filter: invert(1) brightness(1.7) !important;
opacity: 1 !important;
}
body.summit-app-page #summit-app.summit-theme-dark .summit-header-actions__custom-icon,
body.summit-app-page.summit-app-theme-dark #summit-app .summit-header-actions__custom-icon{
filter: invert(1) brightness(1.45) !important;
opacity: 1 !important;
}
/* 0.7.14.3 TRUE EOF: reset saved Custom CSS event grid back to row icons. */
body.summit-app-page #summit-app .summit-structured-event,
body.summit-app-standalone-page #summit-app .summit-structured-event,
.summit-preview-app .summit-structured-event{
--summit-event-icon-size: 54px;
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
gap: 8px !important;
align-items: stretch !important;
max-width: 640px !important;
}
body.summit-app-page #summit-app .summit-structured-event__row,
body.summit-app-standalone-page #summit-app .summit-structured-event__row,
.summit-preview-app .summit-structured-event__row{
display: grid !important;
grid-template-columns: var(--summit-event-icon-size) minmax(0, 1fr) !important;
grid-column: auto !important;
grid-row: auto !important;
width: 100% !important;
column-gap: 18px !important;
align-items: center !important;
padding: 0 !important;
}
body.summit-app-page #summit-app .summit-structured-event__row::before,
body.summit-app-standalone-page #summit-app .summit-structured-event__row::before,
.summit-preview-app .summit-structured-event__row::before{
width: var(--summit-event-icon-size) !important;
height: var(--summit-event-icon-size) !important;
margin: 0 !important;
justify-self: center !important;
}
body.summit-app-page #summit-app .summit-structured-event__row > :not(.summit-structured-event__text),
body.summit-app-standalone-page #summit-app .summit-structured-event__row > :not(.summit-structured-event__text),
body.summit-app-page #summit-app .summit-structured-event__row .summit-structured-event__icon,
body.summit-app-standalone-page #summit-app .summit-structured-event__row .summit-structured-event__icon{
display: none !important;
}
body.summit-app-page #summit-app .summit-structured-event::before,
body.summit-app-page #summit-app .summit-structured-event::after,
body.summit-app-standalone-page #summit-app .summit-structured-event::before,
body.summit-app-standalone-page #summit-app .summit-structured-event::after,
.summit-preview-app .summit-structured-event::before,
.summit-preview-app .summit-structured-event::after,
body.summit-app-page #summit-app .summit-structured-event > :first-child::after,
body.summit-app-standalone-page #summit-app .summit-structured-event > :first-child::after,
.summit-preview-app .summit-structured-event > :first-child::after{
content: none !important;
display: none !important;
}
/* 0.7.14.6 TRUE EOF: frontend header toolbar pill stability.
This must remain after legacy toolbar overrides. */
body.summit-app-page #summit-app .summit-header-actions--pill{
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
max-width: 100% !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
}
body.summit-app-page #summit-app .summit-header-actions--pill::-webkit-scrollbar{
display: none !important;
}
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick{
display: inline-flex !important;
flex: 0 0 auto !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
min-width: 0 !important;
}
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick .summit-mini-toolbar__filter,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick .summit-mini-toolbar__tags,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick .summit-header-actions__policies,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__resources{
position: static !important;
flex: 0 0 auto !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: 40px !important;
min-height: 40px !important;
margin: 0 !important;
padding: 0 13px !important;
border-radius: 999px !important;
line-height: 1 !important;
white-space: nowrap !important;
overflow: visible !important;
text-indent: 0 !important;
text-decoration: none !important;
}
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__label{
display: inline-block !important;
flex: 0 0 auto !important;
min-width: 0 !important;
color: currentColor !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__custom-icon,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick .summit-mini-toolbar__filter::before,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick .summit-mini-toolbar__tags::before,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__quick .summit-header-actions__policies::before,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__resources::before{
flex: 0 0 17px !important;
width: 17px !important;
min-width: 17px !important;
max-width: 17px !important;
height: 17px !important;
min-height: 17px !important;
max-height: 17px !important;
margin: 0 !important;
object-fit: contain !important;
}
body.summit-app-page #summit-app .summit-header-actions--pill .has-custom-icon::before,
body.summit-app-page #summit-app .summit-header-actions--pill .summit-header-actions__resources.has-custom-icon::before{
content: none !important;
display: none !important;
}
/* 0.7.14.7 TRUE FINAL EOF: shortcode/frontend-safe pill toolbar overrides. */
#summit-app .summit-header-actions--pill,
#summit-app .summit-header-actions--pill .summit-header-actions__quick{
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
min-width: 0 !important;
max-width: 100% !important;
}
#summit-app .summit-header-actions--pill{
width: 100% !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
}
#summit-app .summit-header-actions--pill::-webkit-scrollbar{
display: none !important;
}
#summit-app .summit-header-actions--pill .summit-header-actions__quick{
flex: 0 0 auto !important;
}
#summit-app .summit-header-actions--pill .summit-mini-toolbar__filter,
#summit-app .summit-header-actions--pill .summit-mini-toolbar__tags,
#summit-app .summit-header-actions--pill .summit-header-actions__policies,
#summit-app .summit-header-actions--pill .summit-header-actions__resources{
position: static !important;
flex: 0 0 auto !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: 40px !important;
min-height: 40px !important;
margin: 0 !important;
padding: 0 13px !important;
border-radius: 999px !important;
line-height: 1 !important;
white-space: nowrap !important;
overflow: visible !important;
text-indent: 0 !important;
color: var(--summit-text-color, #10182f) !important;
font-size: 14px !important;
font-weight: 800 !important;
text-decoration: none !important;
}
#summit-app .summit-header-actions--pill .summit-header-actions__label{
display: inline-block !important;
flex: 0 0 auto !important;
min-width: 0 !important;
color: currentColor !important;
font: inherit !important;
line-height: 1 !important;
white-space: nowrap !important;
text-indent: 0 !important;
}
#summit-app .summit-header-actions--pill .summit-header-actions__custom-icon{
display: block !important;
flex: 0 0 17px !important;
width: 17px !important;
min-width: 17px !important;
max-width: 17px !important;
height: 17px !important;
min-height: 17px !important;
max-height: 17px !important;
margin: 0 !important;
object-fit: contain !important;
}
#summit-app .summit-header-actions--pill .summit-mini-toolbar__filter.has-custom-icon::before,
#summit-app .summit-header-actions--pill .summit-mini-toolbar__tags.has-custom-icon::before,
#summit-app .summit-header-actions--pill .summit-header-actions__policies.has-custom-icon::before,
#summit-app .summit-header-actions--pill .summit-header-actions__resources.has-custom-icon::before{
content: none !important;
display: none !important;
}
#summit-app.summit-theme-dark .summit-header-actions--pill .summit-mini-toolbar__filter,
#summit-app.summit-theme-dark .summit-header-actions--pill .summit-mini-toolbar__tags,
#summit-app.summit-theme-dark .summit-header-actions--pill .summit-header-actions__policies,
#summit-app.summit-theme-dark .summit-header-actions--pill .summit-header-actions__resources{
color: var(--summit-dark-text, #f7f7fb) !important;
}
/* 0.7.14.7 TRUE FINAL EOF: frontend-safe event info cleanup. */
#summit-app .summit-structured-event__row > :not(.summit-structured-event__text),
#summit-app .summit-structured-event__row .summit-structured-event__icon{
display: none !important;
}
#summit-app .summit-structured-event::before,
#summit-app .summit-structured-event::after,
#summit-app .summit-structured-event > :first-child::after{
content: none !important;
display: none !important;
}
/* 0.7.14.8 LOCAL TRUE EOF: dark footer contrast + room map modal alignment. */
body.summit-app-page.summit-app-theme-dark .summit-bottomnav,
body.summit-app-page #summit-app.summit-theme-dark .summit-bottomnav{
background: #050505 !important;
border-top-color: #2f2f2f !important;
}
body.summit-app-page.summit-app-theme-dark .summit-bottomnav .summit-bottomnav__btn,
body.summit-app-page #summit-app.summit-theme-dark .summit-bottomnav .summit-bottomnav__btn{
color: #f3f4f6 !important;
opacity: 1 !important;
filter: none !important;
}
body.summit-app-page.summit-app-theme-dark .summit-bottomnav .summit-bottomnav__btn.is-active,
body.summit-app-page #summit-app.summit-theme-dark .summit-bottomnav .summit-bottomnav__btn.is-active{
color: #ffffff !important;
}
body.summit-app-page.summit-app-theme-dark .summit-bottomnav .summit-bottomnav__icon,
body.summit-app-page.summit-app-theme-dark .summit-bottomnav .summit-bottomnav__label,
body.summit-app-page #summit-app.summit-theme-dark .summit-bottomnav .summit-bottomnav__icon,
body.summit-app-page #summit-app.summit-theme-dark .summit-bottomnav .summit-bottomnav__label{
color: currentColor !important;
opacity: 1 !important;
}
body.summit-app-page.summit-app-theme-dark .summit-bottomnav .summit-bottomnav__icon svg,
body.summit-app-page #summit-app.summit-theme-dark .summit-bottomnav .summit-bottomnav__icon svg{
color: currentColor !important;
stroke: currentColor !important;
opacity: 1 !important;
}
body.summit-app-page.summit-app-theme-dark .summit-bottomnav .summit-bottomnav__btn::before,
body.summit-app-page #summit-app.summit-theme-dark .summit-bottomnav .summit-bottomnav__btn::before{
opacity: 1 !important;
filter: invert(1) brightness(1.45) !important;
}
body.summit-app-page .summit-map-modal:not([hidden]){
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 100dvh !important;
padding: 18px 14px calc(18px + env(safe-area-inset-bottom)) !important;
box-sizing: border-box !important;
}
body.summit-app-page .summit-map-modal .summit-modal__panel{
position: relative !important;
width: min(92vw, 760px) !important;
max-width: 760px !important;
max-height: calc(100dvh - 36px - env(safe-area-inset-bottom)) !important;
margin: auto !important;
overflow: hidden !important;
border-radius: 24px !important;
background: #ffffff !important;
color: #0f172a !important;
box-shadow: 0 24px 70px rgba(15, 23, 42, .34) !important;
}
body.summit-app-page .summit-map-modal .summit-modal__header{
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 14px !important;
min-height: 74px !important;
padding: 18px 64px 14px 22px !important;
border-bottom: 1px solid rgba(15, 23, 42, .10) !important;
background: #ffffff !important;
box-sizing: border-box !important;
}
body.summit-app-page .summit-map-modal .summit-modal__name{
margin: 0 !important;
color: #0f172a !important;
font-size: 22px !important;
font-weight: 900 !important;
line-height: 1.12 !important;
}
body.summit-app-page .summit-map-modal .summit-modal__role{
margin: 3px 0 0 !important;
color: #64748b !important;
font-size: 15px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
}
body.summit-app-page .summit-map-modal .summit-modal__close{
position: absolute !important;
top: 16px !important;
right: 16px !important;
left: auto !important;
bottom: auto !important;
transform: none !important;
z-index: 5 !important;
width: 44px !important;
height: 44px !important;
margin: 0 !important;
padding: 0 !important;
display: grid !important;
place-items: center !important;
border-radius: 999px !important;
border: 2px solid #cbd5e1 !important;
background: #ffffff !important;
color: #0f172a !important;
box-shadow: none !important;
font-size: 26px !important;
font-weight: 900 !important;
line-height: 1 !important;
text-indent: 0 !important;
}
body.summit-app-page .summit-map-modal .summit-modal__mapwrap{
display: grid !important;
place-items: center !important;
max-height: calc(100dvh - 128px - env(safe-area-inset-bottom)) !important;
padding: 20px 22px 24px !important;
overflow: auto !important;
box-sizing: border-box !important;
}
body.summit-app-page.summit-app-theme-dark .summit-map-modal .summit-modal__panel,
body.summit-app-page #summit-app.summit-theme-dark .summit-map-modal .summit-modal__panel{
background: #090909 !important;
border-color: #303030 !important;
color: #f8fafc !important;
}
body.summit-app-page.summit-app-theme-dark .summit-map-modal .summit-modal__header,
body.summit-app-page #summit-app.summit-theme-dark .summit-map-modal .summit-modal__header{
background: #090909 !important;
border-bottom-color: #303030 !important;
}
body.summit-app-page.summit-app-theme-dark .summit-map-modal .summit-modal__name,
body.summit-app-page #summit-app.summit-theme-dark .summit-map-modal .summit-modal__name{
color: #f8fafc !important;
}
body.summit-app-page.summit-app-theme-dark .summit-map-modal .summit-modal__role,
body.summit-app-page #summit-app.summit-theme-dark .summit-map-modal .summit-modal__role{
color: #cbd5e1 !important;
}
body.summit-app-page.summit-app-theme-dark .summit-map-modal .summit-modal__close,
body.summit-app-page #summit-app.summit-theme-dark .summit-map-modal .summit-modal__close{
background: #111111 !important;
border-color: #334155 !important;
color: #f8fafc !important;
}