/* =========================================================
   AWT LANDING (SCOPED) – DEFERRED CSS
   Sadece Ankara Web Tasarım Ajansı Landing
   ========================================================= */

/* ---------- Cards ---------- */
#ankara-web-tasarim-ajansi-icerik .awt-feature-card{
  background:#fff;
  border-radius:14px;
  padding:22px;
  box-shadow:0 14px 35px rgba(15,23,42,.06);
  height:100%;
}

#ankara-web-tasarim-ajansi-icerik .awt-feature-icon{
  width:42px;
  height:42px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#0b1020;
  color:#fff;
  margin-bottom:10px;
}

/* ---------- Process ---------- */
#ankara-web-tasarim-ajansi-icerik .awt-process-card{
  background:#fff;
  border-radius:14px;
  padding:20px;
  box-shadow:0 10px 30px rgba(15,23,42,.05);
}

/* ---------- Mini CTA ---------- */
#ankara-web-tasarim-ajansi-icerik .awt-mini-cta{
  background:#0b1020;
  color:#fff;
  border-radius:18px;
  padding:25px;
}

/* ---------- Badges ---------- */
.awt-hero .awt-badge,
#ankara-web-tasarim-ajansi-icerik .awt-badge{
  font-size:12px;
  padding:6px 12px;
  border-radius:999px;
  background:#f3f4f6;
  color:#111827;
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.awt-hero .awt-badge i,
#ankara-web-tasarim-ajansi-icerik .awt-badge i{
  font-size:13px;
}

/* ---------- Buttons ---------- */
.awt-hero .btn.awt-btn-primary,
#ankara-web-tasarim-ajansi-icerik .btn.awt-btn-primary{
  background:#ffc000;
  border:1px solid #ffc000;
  color:#111;
  font-weight:700;
  text-transform:uppercase;
}

.awt-hero .btn.awt-btn-primary:hover,
#ankara-web-tasarim-ajansi-icerik .btn.awt-btn-primary:hover{
  filter:brightness(.95);
}

#ankara-web-tasarim-ajansi-icerik .btn.awt-btn-outline-dark{
  background:transparent;
  border:1px solid rgba(17,24,39,.4);
  color:#111827;
}

#ankara-web-tasarim-ajansi-icerik .btn.awt-btn-outline-dark:hover{
  background:#111827;
  color:#fff;
}

/* === AWT MINI CTA – TEXT COLOR FIX === */
.awt-mini-cta,
.awt-mini-cta h1,
.awt-mini-cta h2,
.awt-mini-cta h3,
.awt-mini-cta p,
.awt-mini-cta span,
.awt-mini-cta strong {
  color: #ffffff !important;
}

.awt-mini-cta a:not(.btn){
  color:#ffffff;
  text-decoration:underline;
}

/* === AWT BADGE SPACING FIX === */
.awt-badge-strip{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;               /* aralık */
  margin-top:14px;
}

.awt-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;                /* ikon-yazı arası */
  margin:0 !important;    /* eski margin varsa ezsin */
}

/* === AWT CTA BUTTON ALIGN & SPACING (SAFE) === */
.cta-box{
  text-align:left; /* sola hizalama */
}

.cta-box .btn{
  margin-right:14px;   /* butonlar arası boşluk */
  margin-top:10px;     /* mobilde üstten nefes */
}

@media (max-width: 767px){
  .cta-box .btn{
    display:block;     /* mobilde alt alta */
    width:100%;
    margin-right:0;
  }
}