/* ============================================================================
   thedarkmonster — assessments / promo.css
   Στυλ για το μπλοκ που προτείνει ένα διαγνωστικό στο τέλος ενός άρθρου.
   Φορτώνεται μέσα στο μαρκαρισμένο μπλοκ ASSESSMENT-PROMO, ώστε να
   αφαιρείται μαζί του με μία κίνηση.
   ========================================================================= */

.apromo{
  --ap: #00f5d4;
  margin: 34px 0 10px;
  padding: 22px 24px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(0,245,212,.06), rgba(155,93,229,.06));
  border: 1px solid rgba(0,245,212,.24);
  position: relative;
  overflow: hidden;
  font-family: Montserrat, system-ui, -apple-system, "Segoe UI", sans-serif;
  text-align: left;
}
.apromo::before{
  content:"";
  position:absolute; left:0; top:0; height:100%; width:3px;
  background: linear-gradient(180deg, var(--ap), rgba(155,93,229,.7));
}
.apromo--ai-act{ --ap:#9b5de5; border-color: rgba(155,93,229,.3); }
.apromo--local-ai{ --ap:#00bbf9; border-color: rgba(0,187,249,.3); }

.apromo-inner{
  display:flex; flex-wrap:wrap; align-items:center;
  justify-content:space-between; gap:18px;
  padding-left:6px;
}
.apromo-copy{ min-width:0; flex:1 1 320px; }
.apromo-tag{
  display:inline-flex; align-items:center; gap:7px;
  font-family: Orbitron, monospace;
  font-size:.66rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase;
  color: var(--ap); margin-bottom:9px;
}
.apromo-dot{
  width:7px; height:7px; border-radius:50%;
  background: var(--ap); box-shadow: 0 0 8px var(--ap);
}
.apromo h3{
  margin:0 0 7px;
  font-family: Orbitron, monospace;
  font-size:1.02rem; line-height:1.35; color:#f5f5f5; font-weight:700;
}
.apromo p{
  margin:0; font-size:.87rem; line-height:1.55; color:#a9b2bd;
}
.apromo p b{ color:#f5f5f5; }

.apromo-cta{
  flex:0 0 auto;
  display:inline-flex; align-items:center; gap:8px;
  padding:11px 20px; border-radius:10px;
  font-size:.84rem; font-weight:700; text-decoration:none;
  color: var(--ap);
  background: rgba(255,255,255,.04);
  border: 1px solid var(--ap);
  transition: background .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.apromo-cta:hover{
  background: var(--ap); color:#06231f;
  box-shadow: 0 0 22px rgba(0,245,212,.4);
  transform: translateY(-1px);
}
.apromo--ai-act .apromo-cta:hover{ color:#fff; box-shadow:0 0 22px rgba(155,93,229,.5); }
.apromo--local-ai .apromo-cta:hover{ color:#04222e; box-shadow:0 0 22px rgba(0,187,249,.5); }
.apromo-cta:focus-visible{ outline:2px solid var(--ap); outline-offset:2px; }

.apromo-meta{
  margin:12px 0 0; padding-left:6px;
  font-size:.75rem; color:#7c8794;
}

@media (max-width:640px){
  .apromo{ padding:18px 18px; }
  .apromo-inner{ flex-direction:column; align-items:stretch; }
  .apromo-cta{ justify-content:center; }
}

@media (prefers-reduced-motion:reduce){
  .apromo-cta{ transition:none; }
}

@media print{
  .apromo{ display:none !important; }
}