/* SKH WPVibe preview overrides — 2026-09-05 */

/* Header logo: larger without making the header excessively tall */
body #masthead .site-branding .site-logo-img img.custom-logo,
body #masthead img.custom-logo {
  width: auto !important;
  height: 34px !important;
  max-width: none !important;
  max-height: 34px !important;
  display: block !important;
  object-fit: contain !important;
}
body #masthead .site-logo-img,
body #masthead .custom-logo-link,
body #masthead .site-branding,
body #masthead .ast-site-identity {
  display: flex !important;
  align-items: center !important;
}

/* Project page: restore readable project names on light cards */
body.page-id-16 .elementor-element-2292020 .elementor-widget-icon-box .elementor-icon-box-title,
body.page-id-16 .elementor-element-2292020 .elementor-widget-icon-box .elementor-icon-box-title span {
  color: #1d1d1f !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #1d1d1f !important;
}

/* Project page accent: clean direct blue */
body.page-id-16 .elementor-element-2292020 .elementor-widget-icon-box .elementor-icon {
  color: #0071e3 !important;
}
body.page-id-16 .elementor-element-2292020 .elementor-widget-icon-box .elementor-icon svg,
body.page-id-16 .elementor-element-2292020 .elementor-widget-icon-box .elementor-icon svg * {
  color: #0071e3 !important;
  stroke: #0071e3 !important;
}

/* Unified bottom contact CTA — Home / About / Projects / Services */
body.page-id-640 .elementor-element-ade09d4,
body.page-id-14 .elementor-element-6e63f777,
body.page-id-16 .elementor-element-1c2eb1e4,
body.page-id-18 .elementor-element-57068704 {
  background: #f5f5f7 !important;
  background-image: none !important;
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

body.page-id-640 .elementor-element-219919f,
body.page-id-14 .elementor-element-7950b890,
body.page-id-16 .elementor-element-436c50bd,
body.page-id-18 .elementor-element-24ebb00f {
  background: #ffffff !important;
  border: 1px solid #d2d2d7 !important;
  border-radius: 28px !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 12px 30px rgba(0,0,0,.08) !important;
  overflow: hidden !important;
  transform: none !important;
}

body.page-id-640 .elementor-element-219919f .elementor-heading-title,
body.page-id-14 .elementor-element-7950b890 .elementor-heading-title,
body.page-id-16 .elementor-element-436c50bd .elementor-heading-title,
body.page-id-18 .elementor-element-24ebb00f .elementor-heading-title,
body.page-id-640 .elementor-element-219919f .elementor-icon-box-title,
body.page-id-14 .elementor-element-7950b890 .elementor-icon-box-title,
body.page-id-16 .elementor-element-436c50bd .elementor-icon-box-title,
body.page-id-18 .elementor-element-24ebb00f .elementor-icon-box-title,
body.page-id-640 .elementor-element-219919f .elementor-icon-box-title span,
body.page-id-14 .elementor-element-7950b890 .elementor-icon-box-title span,
body.page-id-16 .elementor-element-436c50bd .elementor-icon-box-title span,
body.page-id-18 .elementor-element-24ebb00f .elementor-icon-box-title span {
  color: #1d1d1f !important;
  -webkit-text-fill-color: #1d1d1f !important;
}

body.page-id-640 .elementor-element-219919f .elementor-icon,
body.page-id-14 .elementor-element-7950b890 .elementor-icon,
body.page-id-16 .elementor-element-436c50bd .elementor-icon,
body.page-id-18 .elementor-element-24ebb00f .elementor-icon {
  color: #0071e3 !important;
}

body.page-id-640 .elementor-element-219919f .elementor-button,
body.page-id-14 .elementor-element-7950b890 .elementor-button,
body.page-id-16 .elementor-element-436c50bd .elementor-button,
body.page-id-18 .elementor-element-24ebb00f .elementor-button {
  background: #0071e3 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  padding: 13px 22px !important;
}

body.page-id-640 .elementor-element-219919f .elementor-button:hover,
body.page-id-14 .elementor-element-7950b890 .elementor-button:hover,
body.page-id-16 .elementor-element-436c50bd .elementor-button:hover,
body.page-id-18 .elementor-element-24ebb00f .elementor-button:hover {
  background: #0068d1 !important;
  color: #ffffff !important;
  transform: scale(1.02) !important;
}

@media (max-width: 921px) {
  body #masthead .site-branding .site-logo-img img.custom-logo,
  body #masthead img.custom-logo {
    height: 30px !important;
    max-height: 30px !important;
  }
}