/* Shared secondary action: agenda, house, saved events, Bio and event page. */
:is(.riito-event-card,.mp-event,.mp-feature-link,.hl-featured,.hb-next,.hb-bio-event,.public-site-footer){--ticket-ink:#e4eedf;--ticket-border:#d4e7cc66;--ticket-hover:#ffffff12}
.following-list-view,.following-list-view .riito-event-card,.pe-contact{--ticket-ink:#214d3a;--ticket-border:#b7cbbc;--ticket-hover:#edf3ea}
#app a:is(.mp-ticket-link,[data-house-action="TICKET_CLICK"],[data-ticket-buy]){display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;min-height:34px;padding:7px 10px;border:0;border-radius:4px;background:transparent;color:var(--ticket-ink,#214d3a);font-size:12px;font-weight:600;line-height:1.2;text-decoration:none;box-shadow:none;transition:opacity .16s}
#app a:is(.mp-ticket-link,[data-house-action="TICKET_CLICK"],[data-ticket-buy])::before{content:"";width:15px;height:15px;flex:0 0 15px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v5a2 2 0 0 0 0 4v5H4v-5a2 2 0 0 0 0-4V5Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3Cpath d='M15 7v2m0 2v2m0 2v2' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E") center/contain no-repeat}
#app a:is(.mp-ticket-link,[data-house-action="TICKET_CLICK"],[data-ticket-buy]):hover{background:transparent;opacity:.8}
#app a:is(.mp-ticket-link,[data-house-action="TICKET_CLICK"],[data-ticket-buy]):focus-visible{outline:2px solid currentColor;outline-offset:3px}
#app .pe-ticket-action{flex-wrap:wrap;max-width:260px}
#app .pe-ticket-action strong{font-weight:600}
#app .pe-ticket-action small{flex-basis:100%;font-size:11px;font-weight:400;text-align:center}
#app .hl-schedule a.mp-ticket-link{min-height:26px;padding:4px 6px;font-size:10px;gap:5px}
#app .hl-schedule a.mp-ticket-link::before{width:13px;height:13px;flex-basis:13px}
@media(prefers-reduced-motion:reduce){#app a:is(.mp-ticket-link,[data-house-action="TICKET_CLICK"],[data-ticket-buy]){transition:none}}


#app .mp-event-actions{align-items:center}
#app .mp-event-actions>a{margin-block:0;align-self:center}
#app [data-house-action="TICKET_CLICK"]>svg{display:none}

#app .house-bio a[data-house-action="TICKET_CLICK"]{color:var(--hb-ink,#214d3a);align-self:center;min-height:44px;margin:0;transform:none;filter:none}
#app .house-bio.hb-dark a[data-house-action="TICKET_CLICK"]{color:var(--hb-ink,#edf7f1)}
#app .house-bio .hb-event-actions{align-items:center}

/* Dedicated event purchase action. Compact card and Bio links are preserved. */
#app .event-template .pe-contact a.pe-ticket-action{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;gap:14px;width:100%;max-width:none;min-height:72px;padding:16px 18px;border:1px solid #bdcfc2;border-radius:12px;background:#f3f7f2;color:#174d3a}
#app .event-template .pe-contact a.pe-ticket-action::before{width:24px;height:24px;flex-basis:24px}
#app .event-template .pe-ticket-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px;text-align:left}
#app .event-template .pe-ticket-copy strong{font-size:16px;font-weight:700}
#app .event-template .pe-ticket-copy small{color:#52695b;font-size:12px;text-align:left;line-height:1.4}
#app .event-template .pe-ticket-arrow{font-size:22px;flex:0 0 auto}
#app .event-template .pe-contact a.pe-ticket-action:hover{background:#e8f0e5;border-color:#75937e;opacity:1}
:is(.event-template,.reservation-flow) .list-price-schedule{width:100%;border-collapse:collapse;margin:12px 0 16px;font-size:14px;table-layout:fixed}
:is(.event-template,.reservation-flow) .list-price-schedule caption{text-align:left;font-weight:700;color:#244e3e;padding:0 0 8px;font-size:14px}
:is(.event-template,.reservation-flow) .list-price-schedule th{font-size:11px;font-weight:500;color:#52695b;padding:0 0 6px;text-align:left;background:transparent}
:is(.event-template,.reservation-flow) .list-price-schedule td{padding:8px 0;border-top:1px solid #d7e3d8;vertical-align:middle;line-height:1.4;overflow-wrap:anywhere;background:transparent}
:is(.event-template,.reservation-flow) .list-price-schedule th:last-child,:is(.event-template,.reservation-flow) .list-price-schedule td:last-child{text-align:right}
:is(.event-template,.reservation-flow) .list-price-schedule td strong{font-size:15px;color:#143f32}

.event-template .list-price-preview{width:100%;min-width:0}
.event-template .list-price-hint{font-size:12px;margin:8px 0 14px;color:#52695b}
.event-template .list-category{margin:0 0 14px}
.event-template .list-category h4{margin:0 0 7px;font-size:13px;color:#244e3e}
.event-template .list-condition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.event-template .list-extra-values{margin-top:8px}
.event-template .list-extra-values[hidden]{display:none}
.event-template .list-condition{display:flex;flex-direction:column;gap:3px;padding:9px 12px;background:#ffffff80;border-radius:7px;min-width:0;overflow-wrap:anywhere}
.event-template .list-condition strong{font-size:15px;color:#143f32;line-height:1.3}
.event-template .list-condition span{font-size:12px;color:#52695b}
#app .event-template button.list-values-toggle{width:auto;min-height:36px;margin:0 0 8px;padding:4px 0;background:none;border:0;color:#174d3a;text-decoration:underline;text-underline-offset:3px;font-size:13px;font-weight:600}
#app .public-menu-toggle{display:none}
@media(max-width:700px){
 #app .public-design-header{position:relative;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:16px;z-index:30}
 #app .public-design-header .public-brand{flex-shrink:0}
 #app .public-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;margin:0;border:1px solid currentColor;border-radius:9px;background:transparent;color:inherit;font-size:24px;flex-shrink:0}
 #app .public-design-header>nav{display:none;position:absolute;top:100%;left:12px;right:12px;width:auto;margin:0;padding:12px;flex-direction:column;align-items:stretch;gap:2px;border:1px solid #c7d8ca;border-radius:12px;background:#fff;color:#174d3a;box-shadow:0 12px 26px #001c2526;max-height:70vh;overflow-y:auto}
 #app .public-design-header.public-menu-open>nav{display:flex}
 #app .public-design-header>nav>a:not([hidden]){display:flex!important;min-height:44px;margin:0;padding:10px 12px;color:#174d3a;font-size:14px;white-space:normal}
 #app .public-design-header>nav a[hidden]{display:none!important}
 #app .public-design-header .public-nav-actions{display:flex;gap:12px;padding:8px 12px;border-top:1px solid #e1e9e2}
 #app .public-design-header .public-nav-actions a{color:#174d3a;min-width:44px;min-height:44px;justify-content:center}
}

@media(max-width:700px){#app .public-design-header .public-menu-toggle{color:#d3e6bb;background:#123e32;border-color:#94ae8766}}
