/* ==========================================================
   Titan preloader - centring correction
   ----------------------------------------------------------
   WHY THIS FILE EXISTS
   The child theme prints its custom-preloader CSS inline on
   wp_head at priority 9999, using a fixed "margin: 0 0 0 -30px"
   and "background-size: cover". That -30px was written for the
   default 50px icon. With the Titan lockup at 200x78 the mark
   sits well right of centre, and "cover" crops the wordmark.

   Divi cannot express this - the markup is theme-generated and
   never enters the builder. Because the theme rule prints after
   this stylesheet, the override needs one extra level of
   specificity (the leading body) rather than !important.

   NO HARDCODED BRAND VALUES. Size and background colour stay in
   the theme options panel; this file only fixes positioning.
   ========================================================== */

body .px_preloader .px_loader_icon {
  margin: 0;
  transform: translate(-50%, -50%);
  background-size: contain;
  background-position: center center;
}

/* Keep the lockup above its 140px minimum on very narrow screens
   rather than letting it overflow. Native 434x135 ratio kept (AP Titan lockup). */
@media (max-width: 380px) {
  body .px_preloader .px_loader_icon {
    width: 160px !important;
    height: 50px !important;
  }
}