/* IntraMuros Flat 2.0.8 beta — consolidated styles.
   The official widget injects Material UI styles dynamically: the module
   keeps this stylesheet last to preserve per-instance customization. */

/* Carousel structure and equal-height cards */
.intramuros-flat-module :is(#intramuros_news,#intramuros_events) .MuiGrid-grid-xs-9 {
  flex-basis:100%!important;max-width:100%!important;
}
.intramuros-flat-module :is(#intramuros_news,#intramuros_events) .slick-slide>div {
  box-sizing:border-box;padding:var(--im-gap,8px);
}
.intramuros-flat-module :is(#intramuros_news,#intramuros_events) .slick-track {
  display:flex!important;align-items:stretch!important;
}
.intramuros-flat-module :is(#intramuros_news,#intramuros_events) .slick-slide {height:auto!important}
.intramuros-flat-module :is(#intramuros_news,#intramuros_events) .slick-slide>div,
.intramuros-flat-module :is(#intramuros_news,#intramuros_events) .slick-slide>div>div {height:100%}

/* Module background, official paper shell and cards */
.intramuros-flat-module {background:var(--im-widget-bg,transparent)!important}
.intramuros-flat-module>div,
.intramuros-flat-module>div>div,
.intramuros-flat-module>div>div>div[style],
.intramuros-flat-module .slick-list,
.intramuros-flat-module .slick-track {background-color:transparent!important}
.intramuros-flat-module :is(#intramuros_news,#intramuros_events) .MuiCard-root {
  display:flex!important;flex-direction:column!important;height:100%!important;
  box-sizing:border-box!important;overflow:hidden!important;
  background:var(--im-card-bg,#fff)!important;
  border-radius:var(--im-card-radius,10px)!important;
  border:var(--im-card-border,0px) solid var(--im-card-border-color,#d2ddd4)!important;
  box-shadow:var(--im-card-shadow,0 2px 10px rgba(0,0,0,.12))!important;
}

/* Images and Slick arrows */
.intramuros-flat-module :is(#intramuros_news,#intramuros_events) .slick-slide img:not(.slick-arrow) {
  display:block!important;width:100%!important;box-sizing:border-box!important;
  border:var(--im-image-border-width,1px) solid var(--im-image-border-color,#e3e7eb)!important;
  border-bottom:var(--im-image-bottom-border-width,1px) solid var(--im-image-bottom-border-color,#e3e7eb)!important;
  border-radius:var(--im-image-radius,8px) var(--im-image-radius,8px) var(--im-image-radius-bottom,0px) var(--im-image-radius-bottom,0px)!important;
  object-fit:var(--im-image-fit,cover)!important;
}
.intramuros-flat-module :is(#intramuros_news,#intramuros_events) img.slick-arrow {
  width:var(--im-arrow-size,32px)!important;height:var(--im-arrow-size,32px)!important;
  max-width:var(--im-arrow-size,32px)!important;object-fit:contain!important;
}
.intramuros-flat-module :is(#intramuros_news,#intramuros_events) .slick-arrow {cursor:pointer}

/* Titles */
.intramuros-flat-module :is(#intramuros_news,#intramuros_events) .MuiCardContent-root {
  display:flex!important;align-items:center!important;box-sizing:border-box!important;
  min-height:var(--im-title-height,105px)!important;
  margin:var(--im-title-gap,12px) 0 0!important;
  padding:var(--im-title-py,14px) var(--im-title-px,16px)!important;
  background:var(--im-title-bg,#f4f7f5)!important;
  border:0!important;border-radius:var(--im-title-radius,8px)!important;
}
.intramuros-flat-module :is(#intramuros_news,#intramuros_events) .MuiCardContent-root .MuiTypography-h6 {
  font-family:Verdana,Geneva,sans-serif!important;
  font-size:var(--im-title-size,14px)!important;
  font-weight:var(--im-title-weight,600)!important;
  line-height:1.45!important;color:var(--im-title-color,#263b30)!important;
  text-align:var(--im-title-align,left)!important;
  letter-spacing:normal!important;word-spacing:normal!important;
  white-space:normal!important;overflow-wrap:break-word!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;padding:0!important;margin:0!important;
}

/* Agenda date and municipality. Avoid generated numeric classes for typography. */
#intramuros_events .events-jss2,#intramuros_events .events-jss5 {border:none!important}
.intramuros-flat-module #intramuros_events .events-jss5 {
  background:var(--im-date-bg,#fff)!important;border-radius:6px!important;box-shadow:none!important;
}
.intramuros-flat-module #intramuros_events .MuiTypography-body1.MuiTypography-alignCenter {
  font-family:Verdana,Geneva,sans-serif!important;font-weight:700!important;
  font-size:var(--im-date-size,12px)!important;color:var(--im-date-color,#345e43)!important;
}
.intramuros-flat-module #intramuros_events .MuiTypography-subtitle2 {
  font-family:Verdana,Geneva,sans-serif!important;font-weight:600!important;
  font-size:var(--im-commune-size,11px)!important;color:var(--im-commune-color,#345e43)!important;
}

/* Official dialog: dynamic offset is supplied by the Joomla module. */
.MuiDialog-root .MuiDialog-container {align-items:flex-start!important}
.MuiDialog-root .MuiDialog-paper {margin-bottom:20px!important;overflow-y:auto!important}

/* Hover zoom: agenda images are nested in a media wrapper; news images
   are direct children of the card. Keep selectors separate on purpose. */
@media (hover:hover) and (pointer:fine) {
  /* Agenda */
  .intramuros-flat-module #intramuros_events .MuiCard-root > div:has(> img.MuiCardMedia-img) {
    overflow:hidden!important;border-bottom:0!important;box-shadow:none!important;outline:none!important;
  }
  .intramuros-flat-module #intramuros_events .MuiCard-root > div > img.MuiCardMedia-img {
    transform:none!important;transform-origin:center center!important;
    transition:transform 250ms ease!important;
    box-shadow:none!important;outline:none!important;
  }
  .intramuros-flat-module #intramuros_events .MuiCard-root:hover > div:has(> img.MuiCardMedia-img) > img.MuiCardMedia-img {
    transform:scale(1.04)!important;
  }
  /* Actualites: image directly inside MuiCard-root */
  .intramuros-flat-module #intramuros_news .MuiCard-root > img.MuiCardMedia-img {
    transform:none!important;transform-origin:center center!important;
    transition:transform 250ms ease!important;
    box-shadow:none!important;outline:none!important;
  }
  .intramuros-flat-module #intramuros_news .MuiCard-root:hover > img.MuiCardMedia-img {
    transform:scale(1.04)!important;
  }
}
@media (prefers-reduced-motion:reduce) {
  .intramuros-flat-module .MuiCard-root img.MuiCardMedia-img {transition:none!important;transform:none!important}
}
@media (max-width:767px) {
  .intramuros-flat-module :is(#intramuros_news,#intramuros_events) .slick-slide>div {padding:5px}
}