/* The site is designed light; stop phones from auto-darkening it. */
:root { color-scheme: only light; }

/* The Print Media & Design — polish layer.
   Loaded AFTER the Elementor stylesheets. Everything here is additive: it only
   affects :hover / :focus states and transitions, so the static pixel-perfect
   layout is unchanged — no element moves until the user interacts with it. */

html { scroll-behavior: smooth; }

/* Accessible keyboard focus in the brand amber */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.elementor-button:focus-visible {
  outline: 2px solid #fda103;
  outline-offset: 3px;
  border-radius: 4px;
}

/* Gentle lift on the feature / service cards (hover only — no reflow) */
.elementor-widget-icon-box .elementor-icon-box-wrapper,
.elementor-widget-image-box .elementor-image-box-wrapper,
.elementor-widget-icon-box,
.elementor-widget-image-box {
  transition: transform .28s ease, box-shadow .28s ease;
}
.elementor-widget-icon-box:hover .elementor-icon-box-wrapper,
.elementor-widget-image-box:hover .elementor-image-box-wrapper {
  transform: translateY(-5px);
}

/* Smoother, slightly livelier buttons */
.elementor-button {
  transition: transform .15s ease, box-shadow .22s ease, background-color .22s ease, color .22s ease;
}
.elementor-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(253, 161, 3, 0.28);
}

/* Client logos: subtle zoom on hover */
.elementor-image-carousel img,
.swiper-slide img {
  transition: transform .3s ease;
}
.elementor-image-carousel img:hover,
.swiper-slide img:hover {
  transform: scale(1.06);
}

/* Images render a touch crisper when scaled */
img { image-rendering: auto; }

/* Brand logo (The Print Media & Design, LLC).
   The new mark is ~3.2:1 where the old one was ~6.3:1, so the Elementor widths
   (535px header / 363px footer / 40% hero) would make it about twice as tall.
   Size it by height instead; object-fit keeps it from ever distorting. */
.elementor-element-c221050 img.pmo-logo,
.elementor-element-0af1c82 img.pmo-logo,
.elementor-element-7e27697 img.pmo-logo {
  width: auto !important;
  max-width: 100%;
  object-fit: contain;
}
.elementor-element-c221050 img.pmo-logo { height: 58px !important; }  /* header */
.elementor-element-0af1c82 img.pmo-logo { height: 80px !important; }  /* footer */
.elementor-element-7e27697 img.pmo-logo { height: 64px !important; }  /* homepage hero */
@media (max-width: 767px) {
  .elementor-element-c221050 img.pmo-logo { height: 46px !important; }
  .elementor-element-0af1c82 img.pmo-logo { height: 66px !important; }
  .elementor-element-7e27697 img.pmo-logo { height: 52px !important; }
}