/* =====================================================================
   Ads Payments — Google renk katmanı
   Sastik şablonunun ÜSTÜNE bindirilir. Şablonun kendi dosyalarına
   dokunma; bunu main.css'ten SONRA yükle:
   <link rel="stylesheet" href="assets/css/ads-payments-google.css">
   ===================================================================== */

:root,
body.task-management {
  --color-primary:  #1a73e8;  /* Google mavisi  */
  --color-secondary:#34a853;  /* Google yeşili  */
  --color-heading:  #202124;  /* Google koyu metni */
  --color-default:  #5f6368;  /* Google gri metni  */
  --color-border:   #dadce0;  /* Google kenarlığı  */
}

/* Google dört rengini bir yardımcı palet olarak da bırakıyorum */
:root{
  --g-blue:#1a73e8; --g-red:#ea4335; --g-yellow:#fbbc05; --g-green:#34a853;
}

/* Sabit kodlanmış eski mor (#6840ff) kalan yerler için emniyet kemeri.
   Çoğu yer değişkenle gelir; bunlar garanti olsun diye. */
body.task-management .thm-btn,
body.task-management .btn-primary,
body.task-management .header-contact-btn{
  background-color:#1a73e8 !important;
  border-color:#1a73e8 !important;
}
body.task-management .thm-btn:hover{ background-color:#1557b0 !important; border-color:#1557b0 !important; }
body.task-management a:hover{ color:#1a73e8; }
body.task-management ::selection{ background:#1a73e8; color:#fff; }

/* Özellik ikonlarına Google'ın dört renk ritmini ver (1-mavi 2-kırmızı
   3-sarı 4-yeşil ...). Şablonundaki ikon kutusu sınıfını buna göre
   eşlersin; sınıf adı farklıysa sadece seçiciyi değiştir. */
body.task-management .feature-item:nth-child(4n+1) .icon{ color:var(--g-blue); }
body.task-management .feature-item:nth-child(4n+2) .icon{ color:var(--g-red); }
body.task-management .feature-item:nth-child(4n+3) .icon{ color:var(--g-yellow); }
body.task-management .feature-item:nth-child(4n)   .icon{ color:var(--g-green); }