/* Olivero theme forces img { display: block } globally.
   These overrides restore inline rendering for EVANEK CMS content. */

/* Inline icon images (PDF, etc.) — original EVANEK CSS used vertical-align: middle */
img.navysku {
  display: inline !important;
  vertical-align: middle;
}

/* Centered images: text-align on parent has no effect on block children.
   Restores centering for <p style="text-align: center"><img ...></p>
   and <p style="text-align: center"><a><img ...></a></p>. */
p[style*="text-align: center"] > img,
div[style*="text-align: center"] > img,
p[style*="text-align: center"] > a > img,
div[style*="text-align: center"] > a > img {
  margin-left: auto;
  margin-right: auto;
}

/* When the link wraps the image, make it inline-block so it shrink-wraps to
   the image width and the parent's text-align:center can center it. */
p[style*="text-align: center"] > a,
div[style*="text-align: center"] > a {
  display: inline-block;
}

/* Image links: Olivero's inset box-shadow underline bleeds through the image's
   border-radius corners. Reset it and use a subtle brightness hover instead. */
a:has(> img) {
  box-shadow: none !important;
  text-decoration: none !important;
  transition: filter 0.15s ease !important;
  display: inline-block;
}
a:has(> img):hover {
  box-shadow: none !important;
  filter: brightness(1.06) !important;
}

/* EVANEK CMS inline-styled button links (background-color set via style="…").
   Olivero's text-content hover effect uses inset box-shadow that grows to
   cover the full element, making white text on coloured background invisible.
   Reset that and add a brightness + press effect instead. */
a[style*="background-color"],
a[style*="background:"] {
  box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.30) !important;
  text-decoration: none !important;
  transform: translateY(0) !important;
  transition: filter 0.15s ease, transform 0.12s ease, box-shadow 0.12s ease !important;
}
a[style*="background-color"]:hover,
a[style*="background:"]:hover {
  box-shadow: 0 8px 0 0 rgba(0, 0, 0, 0.30) !important;
  filter: brightness(1.15) !important;
  transform: translateY(-2px) !important;
  color: inherit !important;
  text-decoration: none !important;
}
a[style*="background-color"]:active,
a[style*="background:"]:active {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.30) !important;
  filter: brightness(0.92) !important;
  transform: translateY(5px) !important;
}