/* Embedded calendars reuse site-refresh.css; only their host layout differs. */
#ec-body.ep-embed { background: transparent; }
#ec-body.ep-embed .home-page { background: transparent; padding: 16px; }
#ec-body.ep-embed .home-events { max-width: none; padding: 0 0 24px !important; background: transparent; }
#ec-body.ep-embed .home-events > .container { max-width: none; padding: 0; }
#ec-body.ep-embed .home-events > .container > .row { margin: 0; }
#ec-body.ep-embed .desktop-category-wallpaper > .col-12 { padding: 0; }
#ec-body.ep-embed #event-seach-wrap { padding: 0; max-width: none; }
#ec-body.ep-embed #event-seach-wrap .inner-hbf { padding: 8px; background: #f1eef7; box-shadow: inset 0 0 0 1px var(--ep-line); }
#ec-body.ep-embed .ep-poster-slider { padding: 0; }
#ec-body.ep-embed .ep-calendar-top { padding: 16px; border-radius: 20px; margin-bottom: 16px; }
#ec-body.ep-embed #iframe-nav { display: flex; flex-direction: row; justify-content: end; gap: 8px; align-items: center; padding: 0; }
#ec-body.ep-embed #iframe-nav .lang-bar img { width: 24px; border-radius: 4px; }
#ec-body.ep-embed .ep-embed-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 24px 0 20px; flex-wrap: wrap; }
#ec-body.ep-embed .ep-embed-toolbar h1 { font-size: 24px; margin: 0; letter-spacing: -.03em; }
#ec-body.ep-embed .ep-embed-toolbar-title { min-width: 0; flex: 1; }
#ec-body.ep-embed .ep-embed-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
#ec-body.ep-embed .ep-embed-feed { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(240px, 100%), 1fr)); gap: 20px; margin: 0; }
#ec-body.ep-embed .ep-embed-feed > :not(.ep-event-column) { grid-column: 1 / -1; min-width: 0; }
#ec-body.ep-embed .ep-feed-more { margin: 0; }
#ec-body.ep-embed .ep-event-column { float: none; padding: 0; margin: 0; width: 100%; max-width: none; }
#ec-body.ep-embed .ep-event-column .he-name { overflow-wrap: anywhere; }
#ec-body.ep-embed .ep-detail-wallpaper .ep-event-detail { max-width: none; padding: 24px; }
#ec-body.ep-embed .ep-event-aside { top: 16px; }
#ec-body.ep-embed .ep-detail-sponsored { background-repeat: no-repeat; background-size: 100% auto; padding: 5.5% 17.5% 0; }
#ec-body.ep-embed .ep-detail-sponsored .ep-event-detail { background: var(--ep-bg); border-radius: 20px; }
#ec-body.ep-embed .ep-detail-mobile-banner { display: none; }
@media (max-width: 767px) {
    #ec-body.ep-embed .home-page { padding: 12px; }
    #ec-body.ep-embed .ep-embed-feed { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    #ec-body.ep-embed .ep-embed-toolbar { margin: 20px 0 16px; gap: 12px; }
    #ec-body.ep-embed .ep-embed-toolbar h1 { font-size: 22px; }
    #ec-body.ep-embed .ep-detail-wallpaper .ep-event-detail { padding: 20px 16px; }
    #ec-body.ep-embed .ep-detail-sponsored { background-image: none !important; padding: 0; }
    #ec-body.ep-embed .ep-detail-mobile-banner { display: block; }
    #ec-body.ep-embed .ep-detail-mobile-banner img { display: block; width: 100%; }
}

@media(max-width:480px){
    #ec-body.ep-embed .ep-embed-toolbar-title{flex-basis:100%}
}

#ec-body.ep-embed .ep-embed-categories{margin:0 0 24px;font-size:14px}
#ec-body.ep-embed .ep-embed-categories summary{cursor:pointer;color:var(--ep-muted)}
#ec-body.ep-embed .ep-embed-categories nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#ec-body.ep-embed .ep-embed-categories a{border:1px solid var(--ep-line);border-radius:99px;padding:6px 12px;background:#fff}

#ec-body.ep-embed #event-seach-wrap label.btn{color:var(--ep-ink)}
#ec-body.ep-embed #event-seach-wrap .navbar-toggler{filter:none;color:var(--ep-ink);border-color:var(--ep-line)}

/* Opaque default keeps unknown host backgrounds from making text unreadable. */
#ec-body.ep-embed { background-color: #f7f7fa; --ep-embed-text: #17142a; --ep-embed-muted: #625d70; --ep-embed-surface: #fff; --ep-embed-link: #5835df; }
#ec-body.ep-embed[data-embed-tone="dark"] { --ep-embed-text: #f4f7f5; --ep-embed-muted: #c6cec9; --ep-embed-surface: #202723; --ep-embed-link: #d0f768; }
#ec-body.ep-embed #homeApp :is(.he-name, .he-name a, .ep-event-heading h1, .ep-event-main h2, .ep-embed-toolbar h1) { color: var(--ep-embed-text); }
#ec-body.ep-embed #homeApp :is(.he-location, .ep-prose, .ep-event-date, .ep-event-back, .ep-embed-categories summary) { color: var(--ep-embed-muted); }
#ec-body.ep-embed #homeApp :is(.ep-event-heading > a, .ep-map-address, .ep-related-event > a, .ep-event-hashtag) { color: var(--ep-embed-link); }
#ec-body.ep-embed[data-embed-tone="dark"] #homeApp :is(.home-event-box, .ep-organizer-card, .ep-embed-categories a) { background-color: var(--ep-embed-surface); color: var(--ep-embed-text); }
#ec-body.ep-embed[data-embed-tone="dark"] #homeApp .ep-organizer-card :is(h2, p) { color: var(--ep-embed-text); }
#ec-body.ep-embed[data-embed-tone="dark"] #homeApp .ep-organizer-card :is(button, a) { color: var(--ep-embed-link); }
#ec-body.ep-embed #homeApp .ep-calendar-top { background: transparent; }
#ec-body.ep-embed #homeApp .ep-slide-title { color: var(--ep-embed-text); }
#ec-body.ep-embed #homeApp :is(.ep-slide-date, .ep-slide-venue) { color: var(--ep-embed-muted); }
@media(max-width:575px) {
    #ec-body.ep-embed #homeApp .home-events > .container { padding: 0; }
    #ec-body.ep-embed #homeApp .home-event-box > .container-fluid { padding: 0 8px 8px; }
}
#ec-body.ep-embed #homeApp .ep-button-outline { color: var(--ep-embed-text); border-color: var(--ep-embed-muted); }
#ec-body.ep-embed #homeApp .ep-event-booking h2 { color: #fff; }