@charset "UTF-8";

/* ==========================================================================
   Mini AI Promo in Footer
   ========================================================================== */

.km-footer-ai-promo { text-align: center; padding: var(--km-space-md) 0; margin: var(--km-space-sm) 0; border: 0; }

.km-ai-mini { display: flex; align-items: center; justify-content: space-between; gap: var(--km-space-lg); max-width: 1000px; margin: 0 auto; }
.km-ai-mini-media { width: 96px; height: 96px; border-radius: var(--km-radius-lg); flex-shrink: 0; position: relative; box-shadow: none; animation: none; overflow: hidden; }
.km-ai-mini-media img { width: 100%; height: 100%; border-radius: 0; object-fit: cover; display: block; border: 0; }
/* Light footer variant: neutral copy colors on white */
.km-ai-mini-copy { display: flex; flex-direction: column; gap: 2px; color: var(--km-gray-700); text-align: left; }
.km-ai-mini-title { font-weight: 800; color: var(--km-navy); }
.km-badge-new { display: none; }
@media (max-width: 768px) { .km-badge-new { margin-left: 6px; } }
.km-ai-mini-subtitle { font-weight: 700; color: var(--km-orange); }
.km-footer-ai-promo .km-ai-mini-price { color: var(--km-gray-600); font-weight: 700; margin-left: 0.25rem; }
.km-ai-mini-desc { margin: 4px 0 0 0; color: var(--km-gray-600); font-size: 0.95rem; }
.km-ai-mini-cta { flex: 0 0 auto; }

/* Signature placed as part of the promo block */
.km-ai-mini-signature { 
  max-width: 1000px; 
  margin: var(--km-space-sm) auto 0; 
  padding: 0 var(--km-space-md);
}

.km-ai-mini-signature .km-footer-maurycy {
  display: inline-block; 
  padding-right: 0.3em; /* prevent right-side clip on italic gradient text */
  overflow: visible;
}

@media (max-width: 640px) {
  .km-ai-mini-signature { padding: 0 var(--km-space-sm); }
}
.km-ai-mini-btn { white-space: nowrap; padding: 0.6rem 1.1rem; }

@media (max-width: 768px) {
  .km-ai-mini { flex-direction: column; text-align: center; gap: var(--km-space-md); }
  .km-ai-mini-copy { text-align: center; }
  .km-ai-mini-cta { width: 100%; }
  .km-ai-mini-btn { width: 100%; max-width: 260px; }
}

.km-ai-mini-text { color: rgba(255, 255, 255, 0.8); font-size: 0.85rem; margin-right: var(--km-space-xs); }
.km-ai-mini-link { color: var(--km-blue); text-decoration: none; font-weight: 600; font-size: 0.85rem; transition: var(--km-transition-fast); position: relative; }
.km-ai-mini-link:hover { color: var(--km-navy); text-decoration: underline; }
.km-ai-mini-price { color: var(--km-gray-500); font-size: 0.75rem; margin-left: var(--km-space-xs); font-weight: 400; }