/* ════════════════════════════════════════════════════════════
   ATOMINC — UNIVERSAL BRANDING
   Standardized logo appearance across all pages.
   ════════════════════════════════════════════════════════════ */

.nav-logo, .sf-logo, .s-footer-logo {
  font-weight: 700;
  font-size: 22px;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.logo-atom {
  color: #ffffff !important; /* fixed brand white */
}

.logo-inc {
  color: #f59e0b !important; /* brand orange */
}


/* Standard UI Icon (Cards, Features) */
.png-icon {
    width: 48px;
    height: 48px;
    object-fit: contain;
    border-radius: 12px;
    display: inline-block;
    vertical-align: middle;
}

/* Specific size for Nav Dropdown icons */
.ndp-icon img,
.ndp-icon img.png-icon {
    width: 28px !important;
    height: 28px !important;
    border-radius: 8px !important;
    object-fit: contain !important;
}

/* Feature/Grid Card Icons */
.card-icon img,
.card-icon img.png-icon, 
.feat-icon img,
.feat-icon img.png-icon,
.exec-card-icon img,
.exec-card-icon img.png-icon,
.blog-thumb img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 10px !important;
    object-fit: contain !important;
}

/* Section Header Badge Icons */
.page-hero-badge img,
.page-hero-badge img.png-icon,
.hero-tag img,
.hero-tag img.png-icon {
    width: 16px !important;
    height: 16px !important;
    margin-right: 6px !important;
    border-radius: 4px !important;
    vertical-align: middle !important;
    position: relative !important;
    top: -1px !important;
}

/* Fallback for any img inside an icon container */
.png-icon-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}