/* Scoped calendar styles retain the existing jQuery Mobile shell. */
.mobile-events .events-search-form{padding:12px;background:#f5f5f5;border:1px solid #ddd;border-radius:5px;margin:16px 0}
.mobile-events .events-field{display:block;margin-bottom:10px}
.mobile-events .events-field input{box-sizing:border-box;width:100%}
.mobile-events .events-sr-only{display:block;font-size:13px;font-weight:bold;margin-bottom:4px}
.mobile-events .events-city-links span{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}
.mobile-events .events-city-links a{font-size:13px;padding:6px;border:1px solid #ddd;border-radius:5px}
.mobile-events .events-section-bar h2{font-size:20px;margin-bottom:8px}
.mobile-events .events-result-count{font-size:14px;color:#555}
.mobile-events .events-day-separator{font-size:16px;background:#eee;padding:10px;margin:16px 0 0;display:flex;justify-content:space-between;gap:8px}
.mobile-events .events-list-row{border-bottom:1px solid #ddd;padding:14px 0}
.mobile-events .events-listing-link{display:flex;flex-wrap:wrap;gap:8px 12px;text-decoration:none;color:#222}
.mobile-events .events-list-copy{flex:1;min-width:150px}
.mobile-events .events-list-copy>span{display:block;margin-bottom:4px;overflow-wrap:anywhere}
.mobile-events .events-list-title{font-size:17px;font-weight:bold;line-height:1.3}
.mobile-events .events-list-venue,.mobile-events .events-list-location{font-size:13px;font-weight:normal}
.mobile-events .events-list-time{display:flex;gap:5px;flex-wrap:wrap;width:100%;font-size:13px}
.mobile-events .events-category-pill{font-size:12px;background:#eee;padding:4px 8px;border-radius:5px;font-weight:normal}
.mobile-events .is-featured{border-left:3px solid #f9aa00;padding-left:10px;background:#fffbf0}
.mobile-events .events-week-pager{margin:22px 0;text-align:center}
.mobile-events .events-week-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}
.mobile-events .events-week-controls>a,.mobile-events .events-week-disabled{border:1px solid #ddd;border-radius:5px;padding:10px;font-size:13px}
.mobile-events .events-week-disabled{color:#888;background:#f5f5f5}
.mobile-events .events-week-range{order:-1;width:100%;font-size:14px}
.mobile-events .events-week-range a{display:block;margin:8px}
.mobile-events .events-week-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-top:14px}
.mobile-events .events-week-days a{padding:10px 1px;border:1px solid #ddd;font-size:10px;text-decoration:none}
.mobile-events .events-week-days span,.mobile-events .events-week-days strong{display:block}
.mobile-events .events-week-days .is-selected{background:#941c24;color:white;text-shadow:none}

/* Detail layout stacks facts and media to fit narrow screens without hiding actions. */
.mobile-events .event-detail-modern{max-width:100%;overflow-wrap:anywhere}
.mobile-events .event-detail-masthead{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;margin:18px 0}
.mobile-events .event-detail-date-tile{background:#941c24;color:white;text-align:center;padding:10px;border-radius:5px;min-width:55px}
.mobile-events .event-detail-date-tile>*{display:block}
.mobile-events .event-detail-date-tile strong{font-size:28px}
.mobile-events .event-detail-date-tile small{font-size:10px}
.mobile-events .event-detail-heading{flex:1;min-width:170px}
.mobile-events .event-detail-heading h1{font-size:24px;line-height:1.2;margin:8px 0}
.mobile-events .event-detail-heading-meta>span,.mobile-events .event-detail-heading-meta>strong{display:block;margin-top:5px}
.mobile-events .event-detail-category,.mobile-events .event-detail-free,.mobile-events .event-detail-featured{font-size:13px;color:#805000}
.mobile-events .event-detail-canceled{color:#941c24}
.mobile-events .event-detail-primary{display:block;background:#941c24;color:white!important;text-shadow:none;padding:12px 18px;border-radius:5px;text-decoration:none;text-align:center}
.mobile-events .event-detail-masthead>.event-detail-primary{width:100%;box-sizing:border-box}
.mobile-events .event-detail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:15px 0}
.mobile-events .event-detail-action{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px;margin:0;border:1px solid #ddd;border-radius:5px;background:#f6f6f6;color:#333;text-decoration:none;font-size:13px;font-weight:bold;text-shadow:none}
.mobile-events .event-detail-action.is-disabled{opacity:.5}
.mobile-events .event-detail-media>img{display:block;max-width:100%;max-height:480px;object-fit:contain;margin:auto}
.mobile-events .event-detail-download{display:block;margin:12px 0}
.mobile-events .event-detail-section{padding:14px 0;border-bottom:1px solid #ddd}
.mobile-events .event-detail-section h2{font-size:19px;margin:0 0 12px}
.mobile-events .event-detail-description img,.mobile-events .event-detail-description iframe{max-width:100%}
.mobile-events .event-detail-description{line-height:1.6}
.mobile-events .event-detail-occurrence-list{padding-left:20px;margin:0}
.mobile-events .event-detail-occurrence-list li{margin-bottom:12px}
.mobile-events .event-detail-occurrences-more summary{cursor:pointer;padding:12px 0;font-weight:bold}
.mobile-events .event-detail-map{height:220px;width:100%}
.mobile-events .event-detail-related-card{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #ddd;text-decoration:none}
.mobile-events .event-detail-related-card img{width:85px;height:70px;object-fit:contain}
.mobile-events .event-detail-related-card span>*{display:block;margin-bottom:5px}
.mobile-events .event-detail-related-card em{font-size:13px;font-weight:normal}

/* Featured cards follow the desktop grid, with readable captions below contained artwork. */
.mobile-events .events-featured .events-section-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:16px 0 10px}
.mobile-events .events-featured .events-section-bar h2{margin:0}
.mobile-events .events-featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mobile-events .events-featured-card{min-width:0;border:1px solid #ddd;border-radius:5px;overflow:hidden;background:#fff}
.mobile-events .events-featured-card[hidden],.mobile-events .events-featured-pager[hidden]{display:none!important}
.mobile-events .events-featured-card>a{display:block;color:#222;text-decoration:none;text-shadow:none}
.mobile-events .events-featured-card img{display:block;width:100%;height:140px;object-fit:contain;box-sizing:border-box;padding:5px;background:#f6f6f6}
.mobile-events .events-featured-overlay{display:block;padding:10px}
.mobile-events .events-featured-title{display:block;font-size:14px;line-height:1.35;font-weight:bold;overflow-wrap:anywhere}
.mobile-events .events-featured-meta{display:block;font-size:12px;line-height:1.4;margin-top:6px;color:#555;font-weight:normal;overflow-wrap:anywhere}
.mobile-events .events-featured-pager{display:flex;align-items:center;gap:8px}
.mobile-events .events-featured-pager button{display:inline-block;width:44px;min-height:44px;margin:0;padding:6px;border:1px solid #ddd;border-radius:5px;box-shadow:none}
.mobile-events .events-featured-pager button:disabled{opacity:.4}
.mobile-events .events-featured-page{font-size:12px;white-space:nowrap}
.mobile-events .event-detail-category{display:inline-block;padding:6px 8px;border-radius:3px;text-shadow:none}
@media(min-width:600px){.mobile-events .events-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-events .events-featured-card img{height:170px}}

/* Desktop community palette, shared by list and detail badges. */
.mobile-events .events-category-community,
.mobile-events .event-detail-category-community{
	background: #202020;
	color: #fff;
text-shadow:none;}

/* Desktop faith palette, shared by list and detail badges. */
.mobile-events .events-category-faith,
.mobile-events .event-detail-category-faith{
	background: #f00090;
	color: #fff;
text-shadow:none;}

/* Desktop family palette, shared by list and detail badges. */
.mobile-events .events-category-family,
.mobile-events .event-detail-category-family{
	background: #a8d020;
	color: #202900;
text-shadow:none;}

/* Desktop support palette, shared by list and detail badges. */
.mobile-events .events-category-support,
.mobile-events .event-detail-category-support{
	background: #60c8b8;
	color: #123b35;
text-shadow:none;}

/* Desktop arts palette, shared by list and detail badges. */
.mobile-events .events-category-arts,
.mobile-events .event-detail-category-arts{
	background: #f00090;
	color: #fff;
text-shadow:none;}

/* Desktop food palette, shared by list and detail badges. */
.mobile-events .events-category-food,
.mobile-events .event-detail-category-food{
	background: #f8a800;
	color: #332200;
text-shadow:none;}

/* Desktop sports palette, shared by list and detail badges. */
.mobile-events .events-category-sports,
.mobile-events .event-detail-category-sports{
	background: #202020;
	color: #f8a800;
text-shadow:none;}

/* Desktop business palette, shared by list and detail badges. */
.mobile-events .events-category-business,
.mobile-events .event-detail-category-business{
	background: #60c8b8;
	color: #123b35;
text-shadow:none;}

/* Desktop festival palette, shared by list and detail badges. */
.mobile-events .events-category-festival,
.mobile-events .event-detail-category-festival{
	background: #f8a800;
	color: #332200;
text-shadow:none;}

/* The submission invitation stays compact; search and city shortcuts share one disclosure. */
.mobile-events .events-submit-callout{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px;margin:18px 0 12px;border:1px solid #ead9db;border-left:4px solid #941c24;border-radius:5px;background:#fcf7f7}
.mobile-events .events-submit-callout strong{display:block;font-size:16px;color:#333}
.mobile-events .events-submit-callout p{font-size:13px;line-height:1.4;margin:5px 0 0;color:#555}
.mobile-events a.events-submit-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;min-height:44px;padding:10px 14px;border-radius:5px;background:#941c24;color:#fff;text-shadow:none;text-decoration:none;font-size:14px;font-weight:bold}
.mobile-events .events-search-toggle{border:1px solid #d8d8d8;border-radius:5px;margin:12px 0 18px;background:#fff}
.mobile-events .events-search-toggle>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:10px 14px;cursor:pointer;list-style:none;font-size:16px;font-weight:bold;color:#333}
.mobile-events .events-search-toggle>summary::-webkit-details-marker{display:none}
.mobile-events .events-search-toggle>summary small{display:block;font-size:12px;font-weight:normal;color:#666;margin-top:4px}
.mobile-events .events-toggle-chevron{font-size:24px;line-height:1}
.mobile-events .events-search-toggle[open] .events-toggle-chevron{transform:rotate(180deg)}
.mobile-events .events-search-toggle[open]>summary{border-bottom:1px solid #ddd}
.mobile-events .events-search-toggle .events-search-form{border:0;margin:0;border-radius:0;background:#fafafa}
.mobile-events .events-search-toggle .events-city-links{padding:12px}
.mobile-events .events-search-toggle .events-city-links span{margin-bottom:0}
.mobile-events .events-search-toggle>summary:focus-visible,.mobile-events .events-submit-link:focus-visible{outline:3px solid #941c24;outline-offset:3px}
@media(max-width:380px){.mobile-events .events-submit-link{width:100%}}

/* News-style badge overlays the featured listing artwork without covering event text. */
.mobile-events .events-list-image-wrap{position:relative;display:block;flex:0 0 120px;width:120px;height:100px;overflow:hidden;border-radius:5px;background:#fff}
.mobile-events .events-list-image{display:block;width:100%;height:100%;box-sizing:border-box;padding:4px;object-fit:contain}
.mobile-events .events-list-image-wrap>.events-featured-badge{position:absolute;left:5px;bottom:5px;z-index:2;display:inline-flex;align-items:center;gap:4px;box-sizing:border-box;max-width:calc(100% - 10px);padding:6px 8px;border-radius:999px;background:#941c24;color:#fff;font:700 12px/1.15 Arial,sans-serif;text-shadow:none;box-shadow:0 1px 4px #0005;pointer-events:none;white-space:nowrap}
.mobile-events .is-featured .events-list-copy{min-width:0;flex-basis:140px}
@media(max-width:360px){.mobile-events .is-featured .events-listing-link{column-gap:8px}.mobile-events .is-featured .events-list-copy{flex-basis:120px}}

/* Each date stays beneath the fixed site header until its day's rows finish. */
.mobile-events .events-day-group{position:relative}
.mobile-events .events-day-separator{position:-webkit-sticky;position:sticky;top:var(--events-sticky-top,60px);z-index:10;background:#eee;box-shadow:0 2px 3px #0001}

/* Featured artwork occupies its own row above the event text.
   Clip both artwork and badge inside rounded corners while preserving the full flyer. */
.mobile-events .is-featured .events-list-image-wrap{flex:0 0 100%;width:100%;height:180px;border-radius:12px;overflow:hidden;background:#f6f6f6}
.mobile-events .is-featured .events-list-image{border-radius:12px;padding:0;object-fit:contain}
.mobile-events .is-featured .events-list-copy{flex:0 0 100%;min-width:0}
.mobile-events .events-list-image-wrap>.events-featured-badge{left:8px;bottom:8px}

/* jQuery Mobile sets overflow-x:hidden on .ui-content. That creates a scroll
   container even when the document is what scrolls, trapping position:sticky.
   Keep all calendar ancestors on the document's scroll path. */
.mobile-events-calendar,
.mobile-events-calendar>.jqm-content,
.mobile-events-calendar .events-results,
.mobile-events-calendar .events-list,
.mobile-events-calendar .events-day-group{overflow:visible}
.mobile-events-calendar .events-day-separator{align-self:start}

/* With JS active, keep source date bars in normal flow and pin a body-level copy. */
.mobile-events-calendar.events-js-dates .events-day-separator{position:static}
.events-floating-date{position:fixed;z-index:1000;box-sizing:border-box;display:flex;justify-content:space-between;gap:8px;margin:0;padding:10px;background:#eee;color:#333;font:bold 16px/1.3 Arial,sans-serif;text-shadow:none;box-shadow:0 2px 3px #0002;pointer-events:none}
.events-floating-date[hidden]{display:none!important}
