/* V44: approved event-card geometry and centered public sidebar theme selector. */
/* Applies to BOTH website appearance options. Never loaded in the admin portal. */
@media (min-width: 1121px) {
  .hla-page-shell--home .hla-home-event {
    height: 222px !important; min-height: 222px !important; max-height: 222px !important;
    grid-template-columns: 126px minmax(0,1fr) 240px !important;
    margin-bottom: 22px;
    align-items: stretch;
  }
  .hla-page-shell--home .hla-event-main {
    grid-template-columns: minmax(0,1fr) 210px !important;
    min-height: 0 !important; height: 100%; max-height: 222px !important;
    overflow: hidden;
  }
  .hla-page-shell--home .hla-home-event-photo {
    height: 222px !important; max-height: 222px !important; min-height: 0 !important;
    padding: 9px 13px; background: transparent;
    display:flex;align-items:center;justify-content:center;
    border-left: 1px solid rgba(122,81,137,.22);
    overflow:hidden;
  }
  .hla-page-shell--home .hla-home-event-photo img {
    display:block; width:100% !important; height:100% !important;
    max-width:100%; max-height: 200px !important;
    object-fit:contain !important; object-position:center center !important;
  }
  .hla-page-shell--home .hla-event-main__copy { padding: 18px 21px; min-width:0; min-height:0; overflow:hidden; }
  .hla-page-shell--home .hla-event-main__copy p { -webkit-line-clamp:3; line-height:1.48; }
  .hla-page-shell--home .hla-event-venue { min-height:0; padding:16px; border-left:1px solid rgba(122,81,137,.20); }
  .hla-page-shell--home .hla-event-date { padding:12px 8px; min-height:0; }
  .hla-page-shell--home .hla-event-date .day { font-size:40px; }
  .hla-page-shell--home .hla-event-date .month { margin-top:6px; }
}
@media (min-width: 841px) and (max-width: 1120px) {
  .hla-page-shell--home .hla-home-event { margin-bottom:22px; min-height:210px; }
  .hla-page-shell--home .hla-event-main { grid-template-columns:minmax(0,1fr) 195px; }
  .hla-page-shell--home .hla-home-event-photo { padding:8px 14px; display:flex; align-items:center; justify-content:center; min-height:0; }
  .hla-page-shell--home .hla-home-event-photo img { max-height:200px; width:100%; height:auto; object-fit:contain; object-position:center; }
}
@media (max-width:840px) {
  .hla-page-shell--home .hla-home-event { margin-bottom:18px; }
  .hla-page-shell--home .hla-home-event-photo { min-height:0; height:auto; max-height:none; padding:15px; display:flex; align-items:center; justify-content:center; }
  .hla-page-shell--home .hla-home-event-photo img { width:auto; max-width:100%; height:auto; max-height:230px; object-fit:contain; object-position:center; }
}
/* Keep the compact Dark/Light control from V42, move it to the middle of the sidebar footer. */
@media (min-width:1041px) {
  html.hla-layout-left .hla-nav > ul > .hla-nav-theme-entry {
    display:flex !important; align-items:center !important;
    justify-content:center !important; width:100% !important;
  }
  html.hla-layout-left .hla-nav > ul > .hla-nav-theme-entry .hla-theme-control {
    width:fit-content !important; margin:0 auto !important;
    align-self:center !important; justify-content:center !important;
  }
  html.hla-layout-left .hla-nav > ul > .hla-nav-theme-entry .hla-theme-menu:not([hidden]) {
    left:50% !important; right:auto !important;
    transform:translateX(-50%);
    top:auto !important; bottom:calc(100% + 8px) !important;
  }
}
/* Intermediate widths: keep the venue on the same row so cards remain thin.
   Account for the available room when the desktop left sidebar is enabled. */
@media (min-width:1121px) and (max-width:1330px) {
  html.hla-layout-left .hla-page-shell--home .hla-home-event {
    grid-template-columns:96px minmax(0,1fr) 174px !important;
  }
  html.hla-layout-left .hla-page-shell--home .hla-event-main {
    grid-template-columns:minmax(0,1fr) 140px !important;
  }
  html.hla-layout-left .hla-page-shell--home .hla-home-event-photo {padding:9px 7px}
  html.hla-layout-left .hla-page-shell--home .hla-event-main__copy {padding:15px}
  html.hla-layout-left .hla-page-shell--home .hla-event-main h2 {font-size:18px}
  html.hla-layout-left .hla-page-shell--home .hla-event-main__copy p {font-size:14px}
  html.hla-layout-left .hla-page-shell--home .hla-event-venue {padding:11px;font-size:12px}
}
@media (min-width:941px) and (max-width:1120px) {
  .hla-page-shell--home .hla-home-event {
    display:grid; grid-template-columns:96px minmax(0,1fr) 192px;
    height:232px; min-height:232px; max-height:232px;
    align-items:stretch;
  }
  .hla-page-shell--home .hla-event-main {
    display:grid; grid-template-columns:minmax(0,1fr) 158px;
    max-height:232px; min-height:0; overflow:hidden;
  }
  .hla-page-shell--home .hla-event-main__copy {padding:15px; overflow:hidden}
  .hla-page-shell--home .hla-event-main__copy p {-webkit-line-clamp:3;line-height:1.4}
  .hla-page-shell--home .hla-home-event-photo {
    height:232px; max-height:232px; padding:8px;
    border-left:1px solid rgba(122,81,137,.22);
  }
  .hla-page-shell--home .hla-home-event-photo img {max-height:210px;width:100%;height:100%;object-fit:contain;object-position:center}
  .hla-page-shell--home .hla-event-venue {grid-column:auto;min-height:0;padding:14px;border-left:1px solid rgba(122,81,137,.20);font-size:12px}
  .hla-page-shell--home .hla-event-date {min-height:0;padding:9px}
  html.hla-layout-left .hla-page-shell--home .hla-home-event {grid-template-columns:82px minmax(0,1fr) 160px}
  html.hla-layout-left .hla-page-shell--home .hla-event-main {grid-template-columns:minmax(0,1fr) 124px}
  html.hla-layout-left .hla-page-shell--home .hla-event-main h2 {font-size:18px}
  html.hla-layout-left .hla-page-shell--home .hla-event-main__copy p {font-size:13px;-webkit-line-clamp:3}
  html.hla-layout-left .hla-page-shell--home .hla-event-venue {padding:10px;font-size:12px}
}
@media (min-width:841px) and (max-width:940px) {
  .hla-page-shell--home .hla-home-event {min-height:345px}
}