/*!
 * Affiliate EPC Manager — Frontend styles.
 *
 * Uses CSS Cascade Layers so theme rules without layers take precedence
 * when they explicitly style affiliate links, while our minimal fallbacks
 * still fire.
 */
@layer aem {
  .aem-link {
    /* JS hook only — no styling on base class. */
  }
  .aem-link--bare {
    color: inherit;
    text-decoration: inherit;
  }
  .aem-link--reset {
    all: revert;
    color: inherit;
    text-decoration: none;
  }
  .aem-banner {
    display: inline-block;
    line-height: 0;
    max-width: 100%;
  }
  .aem-banner img {
    vertical-align: bottom;
    max-width: 100%;
    height: auto;
    display: block;
  }
  .aem-button {
    display: inline-block;
    padding: 0.65em 1.25em;
    border-radius: 4px;
    background: #2563eb;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 600;
    line-height: 1.2;
    transition: background 0.15s ease;
  }
  .aem-button:hover,
  .aem-button:focus {
    background: #1d4ed8;
    color: #fff !important;
  }
}