/* Reset and Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Exo 2', sans-serif;
    background: linear-gradient(135deg, #0e0e10 0%, #1a1a1d 50%, #212225 100%);
    color: #ffffff;
    min-height: 100vh;
    overflow-x: hidden;
}

/* Küçük pencerede sayfayı orantılı olarak küçültmek için ölçek değişkeni */
:root {
    --page-scale: min(1, calc(100vw / 1280px));
    --card-border-color: rgba(255, 255, 255, 0.22);
    --card-bg-color: rgba(255, 255, 255, 0.075);
    /* Hızlı geri alma için: sayfa ölçek orijini ve yatay taşma kontrolü */
    --page-transform-origin: top left;
    --overflow-x-root: hidden;
}

/* Animated Background */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 20% 80%, rgba(110, 110, 140, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(80, 80, 90, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 40% 40%, rgba(100, 120, 140, 0.12) 0%, transparent 50%);
    animation: backgroundShift 20s ease-in-out infinite;
    z-index: -1;
}

@keyframes backgroundShift {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.8; }
}

/* Container */
.container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
    position: relative;
    z-index: 1;
    /* Ölçeklemeyi kaldır: doğal akış ve tam genişlik */
    width: 100%;
}

/* Bazı Android tarayıcılarında geniş içerik + ölçek kombinasyonu yatay kayma yapabildiğinden
   kök seviyede taşmayı kapat: tek değişkenle geri alınabilir */
html { overflow-x: var(--overflow-x-root, hidden); }

/* Mobilde ölçek yerine doğal akış: boşluk ve yatay kayma engelle */
@media (max-width: 768px) {
  .container {
    width: 100% !important;
    margin: 0 !important;
  }
  .header-row {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px !important;
  }
  .header-row .search-container {
    flex: 1 1 100% !important;
    margin-top: 8px !important;
  }
  .header-row .search-box { max-width: 100% !important; }
  .header-row .search-box input { width: 100% !important; }
}

/* Header */
.header {
    text-align: center;
    margin-bottom: 2px; /* alt boşluğu %80 azalt */
    padding: 2px 0;     /* üst-alt iç boşluğu %80 azalt */
}

.logo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 1px; /* başlık altındaki boşluğu %80 azalt */
}

/* Header row: logo solda, arama kutusu sağında ve her zaman aynı satırda */
.header-row { display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: nowrap; }
.header-row .logo { justify-content: center; margin-bottom: 0; position: relative; left: 35px; }
/* Arama ve Admin aynı satırda: container satır düzeni */
.header-row .search-container { flex: 0 1 520px; margin-top: 0; display: flex; align-items: center; gap: 8px; position: relative; }
.header-row .search-container { z-index: 2001 !important; }
.header-row .search-box { width: 100%; max-width: 520px; margin: 0; flex: 1 1 auto; }
.header-row .search-box input { width: 100% !important; max-width: 100% !important; }
/* Homepage search input: thin font and leading 5-character space */
.header-row .search-box input {
    font-family: 'Roboto Condensed', 'Exo 2', sans-serif;
    font-weight: 200;
    /* Overlap engellemek için sabit ikon boşluğu bırak */
    padding-left: 28px !important;
}
.header-row .search-box input::placeholder {
    font-family: 'Roboto Condensed', 'Exo 2', sans-serif;
    font-weight: 200;
}
/* Homepage search: reduce vertical size ~30% and keep compact */
.header-row .search-box input {
    padding: 6px 10px; /* dikeyde +4px genişletme */
    font-size: 0.95rem;
    line-height: 1.1;
    min-height: 32px; /* kompakt yükseklik +4px */
}
.header-row .search-box { position: relative; }

.header-row .search-box i {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    pointer-events: none; /* input odak davranışını bozmasın */
    color: #9aa0a6 !important; /* ikon rengini gri yap */
}

/* Hızlı arama: header içindeki dikey hizayı düzelt ve alt çizgiyi kaldır */
.header-row .search-container {
    margin-top: 6px !important; /* 2px daha aşağı: daha belirgin ayar */
    margin-left: 10px !important; /* 10px sağa kaydır */
    top: 14px !important;  /* bir tık daha aşağı: +2px */
}
.header-row .search-box input {
    border: none !important;            /* altındaki çizgiyi kaldır */
    box-shadow: none !important;        /* olası gölgeleri kapat */
}
.header-row .search-box input:focus {
    border: none !important;            /* fokus durumunda da çizgi yok */
    box-shadow: none !important;        /* fokus gölgesini kaldır */
}

/* Arama önerileri: input altına overlay kutu */
.search-suggestions {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  width: 40%; /* enini %30 daha azalt (toplam %60) */
  max-width: 520px;
  z-index: 950 !important; /* modal (1000) altında kalacak şekilde ayarla */
  background: rgba(0,0,0,0.6);
  border: none; /* öneri kutusu kenarlığını kaldır: alt çizgi görünmesin */
  border-radius: 8px;
  box-shadow: 0 8px 18px rgba(0,0,0,0.35);
  backdrop-filter: blur(6px);
  max-height: 70vh; /* dikeyde daha esnek, kaydırma korunsun */
  overflow-y: auto;
}

/* Öneri öğeleri: daha büyük yazı karakteri ve daha rahat tıklanabilir alan */
.search-suggestions .suggestion-item {
  font-size: 1.08rem; /* daha büyük tipografi */
  line-height: 1.15; /* daha sıkı satır aralığı: daha fazla öğe sığar */
  padding: 10px 12px;
  color: #fff;
  cursor: pointer;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.search-suggestions .suggestion-item:last-child { border-bottom: none; }

.logo i {
    font-size: 1.764rem;
    color: #00d4ff;
    animation: pulse 2s ease-in-out infinite;
}

/* Yeni PNG logo: mevcut ikondan yaklaşık %214 daha büyük boyut */
.logo img.logo-img {
    height: 90px; /* normalde 90px yükseklik */
    width: auto;
    display: inline-block;
    border-radius: 4px; /* kenarlar yumuşak dursun */
}

/* Mobilde logo en çok 30px olsun */
@media (max-width: 768px) {
    .logo img.logo-img {
        height: auto;
        max-height: 30px;
    }
}

/* H1 içinde inline yerleştirilen logo için hizalama ve boşluk */
.logo h1 img.logo-inline {
    vertical-align: middle;
    margin: 0 6px; /* toplam genişlikte 4px kazanç: taşmayı azalt */
}

.logo h1 {
    font-family: 'Roboto Condensed', 'Exo 2', sans-serif; /* çok daha ince karakter */
    font-size: calc(2.016rem * 1.3) !important; /* %30 büyütme */
    font-weight: 100; /* daha ince ağırlık */
    font-stretch: condensed;
    letter-spacing: -0.015em;
    line-height: 0.9; /* dikey sıkışmayı azalt, görünürlüğü artır */
    background: linear-gradient(45deg, #00d4ff, #ff6b6b, #4ecdc4);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: gradientShift 3s ease-in-out infinite;
}

.version {
    font-size: 0.8rem;
    line-height: 0.45;
    font-weight: 200;
    color: #888;
    background: rgba(0, 212, 255, 0.1);
    padding: 5px 10px;
    border-radius: 15px;
    border: 1px solid rgba(0, 212, 255, 0.3);
}

.subtitle {
    font-size: 1.5rem;
    color: #aaa;
    font-weight: 300;
    letter-spacing: 2px;
}

@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

@keyframes gradientShift {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Main Grid */
.main-grid {
    display: grid;
    /* 16/12/8 sabit kolon kuralları kaldırıldı; kart boyutunu sabit tutarak auto-fit kullanılıyor */
    grid-template-columns: repeat(auto-fit, 81px);
    gap: 12px;
    margin-bottom: 24px;
}

/* Mobil istisna: yanyana 5 modal */
@media (max-width: 480px) {
    .main-grid {
        grid-template-columns: repeat(5, 81px);
    }
}

/* Service Cards */
.service-card {
    background: var(--card-bg-color);
    border: 1px solid var(--card-border-color);
    border-radius: clamp(20px, 3.5cqw, 28px);
    padding: clamp(3px, 0.6cqw, 4px);
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
    cursor: pointer;
    aspect-ratio: 1 / 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    container-type: inline-size;
    /* Kart içeriğinin min-content genişliği yüzünden sütun düşmesini engelle */
    min-width: 0;
    /* Responsive Grid ile yönetilecek, scale kaldırıldı */
    transform: none;
    transform-origin: center center;
}

.service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    transition: left 0.5s ease;
}

.service-card:hover::before {
    left: 100%;
}

.service-card:hover {
    transform: translateY(-5px);
    border-color: rgba(0, 212, 255, 0.5);
    box-shadow: 
        0 20px 40px rgba(0, 212, 255, 0.2),
        0 0 20px rgba(0, 212, 255, 0.1);
}

/* Homepage cards: increase specificity to beat utility/styles.css generic .card-icon rules */
.service-card .card-icon {
    margin-bottom: 0; /* başlık ile boşluğu kaldır */
}

.service-card .card-icon i {
    /* Kart genişliğine göre orantılı ikon ölçekleme */
    font-size: clamp(0.9rem, 9cqw, 2.3rem);
    color: #00d4ff;
    transition: all 0.3s ease;
}

.service-card:hover .card-icon i {
    transform: scale(1.2) rotate(5deg);
    color: #fff !important;
}

/* Global override: All homepage modal icons should be white on hover */
.service-card .card-icon i:hover {
  color: #fff !important;
}

.service-card.hesaplama-tool .card-icon i {
  color: #f59e0b !important;
}

.service-card.hesaplama-tool:hover .card-icon i,
.service-card.hesaplama-tool .card-icon i:hover {
  color: #f59e0b !important;
}

.service-card h3 {
    font-family: 'Roboto Condensed', 'Exo 2', sans-serif;
    /* Kart genişliğine göre orantılı başlık ölçekleme - %30 küçültüldü */
    font-size: calc(0.7 * (clamp(0.72rem, 6.5cqw, 1.05rem) + 6pt));
    font-weight: 200;
    font-stretch: condensed; /* daha condensed */
    letter-spacing: -0.03em; /* daha sıkı harf aralığı */
    display: inline-block;
    max-width: 13.5ch; /* ~%50 daha geniş tut */
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
    text-wrap: balance;
    margin-top: 0.06rem; /* ikonla hizayı iyileştir */
    margin-bottom: 2px;
}

/* Status Indicator */
.status-indicator {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    z-index: 3;
    opacity: 0.95;
    animation: statusPulse 2s ease-in-out infinite;
}

/* New Button Class */
.homepage-btn {
    padding: 12px 25px;
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.05);
    color: #aaa;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 1rem;
    font-weight: 600;
    backdrop-filter: blur(10px);
    margin: 0 10px;
}

.homepage-btn:hover {
    border-color: #00d4ff;
    color: #00d4ff;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 212, 255, 0.2);
}

.status-indicator.online {
    background: #4ecdc4;
    box-shadow: 0 0 14px rgba(78, 205, 196, 0.8);
}


.status-indicator.pending {
    background: #ffa726;
    box-shadow: 0 0 14px rgba(255, 167, 38, 0.8);
}

@keyframes statusPulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

/* Footer */
.footer {
    text-align: center;
    padding: 40px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 60px;
}

.footer-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.footer p {
    color: #888;
    font-size: 0.72rem;
    line-height: 0.45;
    font-weight: 200;
}

.social-links {
    display: flex;
    gap: 20px;
}

.social-links a {
    color: #aaa;
    font-size: 1.5rem;
    transition: all 0.3s ease;
}

.social-links a:hover {
    color: #00d4ff;
    transform: scale(1.2);
}

/* Homepage: remove descriptions under titles */
.service-card p {
    display: none !important;
    margin: 0 !important;
}

/* duplicate removed: base icon rule is already defined above */

/* Karte Meta & Rozetler */
.card-meta {
    position: absolute;
    bottom: 8px;
    left: 8px;
    display: flex;
    gap: 6px;
}
.badge {
    font-size: 0.72rem;
    padding: 2px 8px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.2);
    background: rgba(255,255,255,0.06);
    color: #ddd;
    backdrop-filter: blur(4px);
}
.badge-electronics { border-color: rgba(0,212,255,0.4); color: #bfefff; }
.badge-calculator { border-color: rgba(78,205,196,0.5); color: #c7ffee; }
.badge-reference  { border-color: rgba(255,107,107,0.4); color: #ffd9d9; }

/* Mobil grid yoğunluğu ve sabit kart boyutu: gereksiz kolon kırılmaları kaldırıldı */
@media (max-width: 992px) {
    .service-card { padding: clamp(3px, 0.8cqw, 4px); }
}
@media (max-width: 768px) {
    .service-card { padding: clamp(2px, 0.6cqw, 3px); }
    .service-card .card-icon { padding-inline: 2px; }
    .service-card .card-icon i { font-size: clamp(1.76rem, 46cqw, 5.6rem); }
    .service-card h3 {
        font-size: calc(clamp(0.72rem, 6.5cqw, 1.05rem) + 6pt);
        padding-inline: 2px;
        max-width: 13.5ch;
        line-height: 1.05;
    }
    .badge { font-size: 0.68rem; }
}

/* Geniş mobil (phablet) aralığı: 540–768px arasında 5 sütun (yalnız mobil dokunmatik) */
/* Orijinal Phablet aralığı: 540–768px */
@media (min-width: 540px) and (max-width: 768px) and (hover: none) and (pointer: coarse) {
    .main-grid { grid-template-columns: repeat(5, 81px); }
}

/* Masaüstü: kart içeriğini daha dolgun göster, 2px yan boşluk bırak */
@media (min-width: 769px) {
    .service-card .card-icon { padding-inline: 2px; }
.service-card .card-icon i { font-size: clamp(2.08rem, 48cqw, 5.92rem); }

/* Emoji tabanlı kart ikonları için aynı tipografi ve etkileşim */
.service-card .card-icon .emoji-icon {
  display: inline-block;
  font-size: clamp(2.08rem, 48cqw, 5.92rem);
  line-height: 1;
  transition: transform 0.2s ease, color 0.2s ease;
}
.service-card:hover .card-icon .emoji-icon {
  transform: scale(1.06);
}

/* Survival kartları renk ve durumlarına uygun emoji desteği */
/* Survival kartlarında tek renk parlak kırmızı ikonlar */
.service-card[data-service^="survival-"] .card-icon i {
  color: #ff1e1e;
}

/* Astro kart ikonları: parlak sarı vurgular ve hafif parıltı */
.service-card.astro-card .card-icon i {
  color: #00FF7F; /* Astrolab yeşili */
  text-shadow: 0 0 6px rgba(0, 255, 127, 0.55);
}
.service-card.astro-card:hover .card-icon i {
  color: #00FF7F !important; /* hover da yeşil kalsın */
  text-shadow: 0 0 8px rgba(0, 255, 127, 0.75);
}

/* Emoji eklendiğinde FA ikonlarını sakla (yapısal koruma) */
.service-card .card-icon.has-emoji i {
  display: none;
}
    .service-card h3 {
        font-size: calc(clamp(0.72rem, 6.5cqw, 1.05rem) + 6pt);
        padding-inline: 2px;
        max-width: 13.5ch;
        line-height: 1.05;
    }
}

/* POCO X6 Pro hedefleme – Portre: ~390–430 CSS px genişlik (yalnız mobil dokunmatik) */
@media (min-width: 380px) and (max-width: 450px) and (orientation: portrait) and (hover: none) and (pointer: coarse) {
.main-grid { grid-template-columns: repeat(5, 81px); gap: 16px; }
    .service-card { padding: 6px; }
}

/* POCO X6 Pro hedefleme – Yatay: ~800–960 CSS px genişlik (yalnız mobil dokunmatik) */
@media (min-width: 800px) and (max-width: 960px) and (orientation: landscape) and (hover: none) and (pointer: coarse) {
.main-grid { grid-template-columns: repeat(5, 81px); gap: 16px; }
}
@media (max-width: 520px) and (hover: none) and (pointer: coarse) {
    .main-grid { grid-template-columns: repeat(5, 81px); }
    .service-card { padding: 2px; }
}

/* Çok dar enlerde sütun sayısını agresif azalt */
@media (max-width: 420px) and (hover: none) and (pointer: coarse) {
    .main-grid { grid-template-columns: repeat(5, 81px); }
}
@media (max-width: 340px) and (hover: none) and (pointer: coarse) {
    .main-grid { grid-template-columns: repeat(5, 81px); }
}

/* Mobilde kesin 5 sütun: olası cihaz/özel aralık overridesini bastır */
/* Mobilde kesin 5 sütun: sabit 81px kart genişliği uygulanır (yalnız mobil dokunmatik) */
@media (max-width: 768px) and (hover: none) and (pointer: coarse) {
  .main-grid { grid-template-columns: repeat(5, 81px) !important; }
}

/* === COMPACT HEADER OVERRIDE (retain compact spacing, drop font-size shrink) === */
.logo h1 { font-weight: 100 !important; }
.header { margin-bottom: 0 !important; padding: 0 !important; }
.logo { margin-bottom: 0 !important; }
.container { padding: 6px 20px !important; }
/* === END COMPACT HEADER OVERRIDE === */

/* duplicate removed: base heading rule is already defined above */

/* Status Indicator */
.status-indicator {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    z-index: 3;
    opacity: 0.95;
    animation: statusPulse 2s ease-in-out infinite;
}

/* New Button Class */
.homepage-btn {
    padding: 12px 25px;
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.05);
    color: #aaa;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 1rem;
    font-weight: 600;
    backdrop-filter: blur(10px);
    margin: 0 10px;
}

.homepage-btn:hover {
    border-color: #00d4ff;
    color: #00d4ff;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 212, 255, 0.2);
}

.status-indicator.online {
    background: #4ecdc4;
    box-shadow: 0 0 14px rgba(78, 205, 196, 0.8);
}

.status-indicator.pending {
    background: #ffa726;
    box-shadow: 0 0 14px rgba(255, 167, 38, 0.8);
}

@keyframes statusPulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

/* Footer */
.footer {
    text-align: center;
    padding: 40px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 60px;
}

.footer-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.footer p {
    color: #888;
    font-size: 0.72rem;
    line-height: 0.45;
    font-weight: 200;
}

.social-links {
    display: flex;
    gap: 20px;
}

.social-links a {
    color: #aaa;
    font-size: 1.5rem;
    transition: all 0.3s ease;
}

.social-links a:hover {
    color: #00d4ff;
    transform: scale(1.2);
}

/* === MODAL OPEN: Suppress homepage hover effects to avoid stuck hover visuals === */
body.modal-open .main-grid,
body.modal-open .service-card {
  pointer-events: none !important; /* hover/click devre dışı, modal etkileşimleri etkilenmez */
}
body.modal-open .service-card:hover,
body.modal-open .service-card:hover::before {
  transform: none !important;
  box-shadow: none !important;
  border-color: var(--card-border-color) !important;
}
body.modal-open .service-card::before { left: -100% !important; }
body.modal-open .service-card:hover .card-icon i,
body.modal-open .service-card .card-icon i:hover {
  transform: none !important;
  color: #00d4ff !important;
}

/* Homepage responsive rules removed */
.search-suggestions .suggestion-item.selected { background: rgba(255,255,255,0.08); color: #00d4ff; }

/* modal-trigger shrink rules removed per user request */

/* Fix broken block: restore .service-card p selector and properties */
.service-card p {
    color: #aaa;
    font-size: clamp(0.55rem, 1.6vw, 0.72rem);
    margin-bottom: 12px;
    line-height: 0.45;
    font-weight: 200;
    font-stretch: condensed;
    letter-spacing: -0.01em;
}

/* Sağlık & Güzellik kategori modal kartı — açık pembe vurgu */
.service-card[data-service="utility-category-health-beauty"] .card-icon i,
.service-card[data-service="utility-category-health-beauty"] .card-icon svg,
.service-card[data-service="utility-category-health-beauty"] .card-icon path {
  color: #ffb3c7;
  fill: #ffb3c7;
  stroke: #ffb3c7;
}

.service-card[data-service="utility-category-health-beauty"]:hover {
    border-color: rgba(255, 179, 199, 0.5);
    box-shadow: 
        0 20px 40px rgba(255, 179, 199, 0.2),
        0 0 20px rgba(255, 179, 199, 0.1);
}

.service-card[data-service="utility-category-health-beauty"]:hover .card-icon i,
.service-card[data-service="utility-category-health-beauty"]:hover .card-icon svg,
.service-card[data-service="utility-category-health-beauty"]:hover .card-icon path {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* --- Yellow icons for bottom modals (Formula & Electronics) --- */
.service-card[data-service="formula-kinematics"] .card-icon i,
.service-card[data-service="formula-dynamics"] .card-icon i,
.service-card[data-service="formula-energy-power"] .card-icon i,
.service-card[data-service="formula-electric"] .card-icon i,
.service-card[data-service="formula-waves"] .card-icon i,
.service-card[data-service="formula-general"] .card-icon i,
.service-card[data-service="science-periodic-table"] .card-icon i,
.service-card[data-service="formula-optics"] .card-icon i,
.service-card[data-service="formula-fluid"] .card-icon i,
.service-card[data-service="formula-thermodynamics"] .card-icon i,
.service-card[data-service="formula-rotation"] .card-icon i,
.service-card[data-service="formula-circuits"] .card-icon i,
.service-card[data-service="formula-electronics"] .card-icon i,
.service-card[data-service="ohms-law-calculator"] .card-icon i,
.service-card[data-service="resistor-color-code"] .card-icon i,
.service-card[data-service="rc-time-constant"] .card-icon i,
.service-card[data-service="rl-time-constant"] .card-icon i,
.service-card[data-service="lc-resonant-frequency"] .card-icon i,
.service-card[data-service="led-resistor-calculator"] .card-icon i,
.service-card[data-service="voltage-divider-calculator"] .card-icon i {
  color: #FFC107;
}

/* Electronics modals on homepage: set base icon color to yellow */
.service-card[data-service="transistor-bias-calculator"] .card-icon i,
.service-card[data-service="diode-forward-drop"] .card-icon i,
.service-card[data-service="capacitor-code-tool"] .card-icon i,
.service-card[data-service="relay-driver-calculator"] .card-icon i,
.service-card[data-service="triac-trigger-calculator"] .card-icon i,
.service-card[data-service="diac-threshold-tool"] .card-icon i,
.service-card[data-service="scr-trigger-calculator"] .card-icon i,
.service-card[data-service="resistor-series-parallel"] .card-icon i,
.service-card[data-service="ic-pinout-finder"] .card-icon i,
.service-card[data-service="electronic-socket-reference"] .card-icon i,
.service-card[data-service="speaker-impedance-calculator"] .card-icon i,
.service-card[data-service="audio-spl-calculator"] .card-icon i,
.service-card[data-service="lumen-lux-converter"] .card-icon i,
.service-card[data-service="led-array-planner"] .card-icon i,
.service-card[data-service="rc-cutoff-calculator"] .card-icon i,
.service-card[data-service="opamp-gain-calculator"] .card-icon i,
.service-card[data-service="regulator-dropout-calculator"] .card-icon i,
.service-card[data-service="zener-regulator-calculator"] .card-icon i,
.service-card[data-service="rectifier-ripple-calculator"] .card-icon i,
.service-card[data-service="capacitor-discharge-calculator"] .card-icon i,
.service-card[data-service="battery-runtime-estimator"] .card-icon i,
.service-card[data-service="transistor-type-helper"] .card-icon i,
.service-card[data-service="mosfet-gate-resistor"] .card-icon i,
.service-card[data-service="heatsink-calculator"] .card-icon i,
.service-card[data-service="pcb-trace-width-calculator"] .card-icon i,
.service-card[data-service="awg-current-capacity"] .card-icon i,
.service-card[data-service="frequency-period-converter"] .card-icon i,
.service-card[data-service="lm317-calculator"] .card-icon i,
.service-card[data-service="loaded-voltage-divider"] .card-icon i,
.service-card[data-service="noise-filter-designer"] .card-icon i {
  color: #FFC107;
}

/* Teknik hesap modalları: sarı (Gürültü Filtresi ile aynı aile) */
.service-card[data-service="coil-winding-calculator"] .card-icon i,
.service-card[data-service="smps-transformer-calculator"] .card-icon i,
.service-card[data-service="battery-pack-designer"] .card-icon i,
.service-card[data-service="solar-mppt-sizing"] .card-icon i,
.service-card[data-service="fpv-motor-prop-efficiency"] .card-icon i {
  color: #FFC107; /* sarı */
}

/* Survival modal icon color (same red as electronics/formula) */
.service-card[data-service="survival-tools"] .card-icon i {
  color: #FF1744;
}
/* Set all Survival modals' icons to same bright red (match Su Arıtma Planı) */
.service-card[data-service^="survival-"] .card-icon i {
  color: #FF1744;
}
.service-card[data-service^="survival-"] .card-icon i:hover,
.service-card[data-service^="survival-"] .card-icon i:focus {
  color: #FF1744; /* keep bright red on hover/focus */
}

/* --- Orange icons for bottom Amateur Radio & Electronics modals --- */
.service-card[data-service="hf-band-propagation"] .card-icon i,
.service-card[data-service="qso-log-helper"] .card-icon i,
.service-card[data-service="dmr-colorcode-finder"] .card-icon i,
.service-card[data-service="ctcss-pl-database"] .card-icon i,
.service-card[data-service="repeater-directory-link"] .card-icon i,
.service-card[data-service="rssi-to-distance-estimator"] .card-icon i,
.service-card[data-service="vswr-calculator"] .card-icon i,
.service-card[data-service="coax-loss-calculator"] .card-icon i,
.service-card[data-service="antenna-tilt-calculator"] .card-icon i,
.service-card[data-service="doppler-shift-calculator"] .card-icon i,
.service-card[data-service="radio-horizon-calculator"] .card-icon i,
.service-card[data-service="satellite-footprint-estimator"] .card-icon i,
.service-card[data-service="intermod-calculator"] .card-icon i,
.service-card[data-service="duplexer-calc"] .card-icon i,
.service-card[data-service="balun-turns-calculator"] .card-icon i,
.service-card[data-service="power-dissipation-calculator"] .card-icon i,
.service-card[data-service="decibel-converter"] .card-icon i,
.service-card[data-service="pwm-duty-cycle-calculator"] .card-icon i,
.service-card[data-service="resistor-voltage-drop-calculator"] .card-icon i,
.service-card[data-service="freq-to-wavelength"] .card-icon i,
.service-card[data-service="antenna-length-calculator"] .card-icon i,
.service-card[data-service="repeater-offset-calculator"] .card-icon i,
.service-card[data-service="maidenhead-converter"] .card-icon i,
.service-card[data-service="fspl-calculator"] .card-icon i,
.service-card[data-service="eirp-calculator"] .card-icon i,
.service-card[data-service="snr-calculator"] .card-icon i,
.service-card[data-service="fm-bandwidth-calculator"] .card-icon i,
.service-card[data-service="ctcss-tone-reference"] .card-icon i,
.service-card[data-service="ham-band-plan"] .card-icon i {
  color: #FF9800; /* orange */
}

/* Prevent hover from changing icon color for these modals */
/* -- Requested: Set selected Health/Beauty/Wellness/ADHD modal icons to bright yellow -- */
.service-card[data-service="health-bmr-calculator"] .card-icon i,
.service-card[data-service="health-tdee-calculator"] .card-icon i,
.service-card[data-service="health-water-intake"] .card-icon i,
.service-card[data-service="health-heart-rate-zones"] .card-icon i,
.service-card[data-service="health-pace-calculator"] .card-icon i,
.service-card[data-service="health-pregnancy-due-date"] .card-icon i,
.service-card[data-service="health-pregnancy-week"] .card-icon i,
.service-card[data-service="health-ovulation-calculator"] .card-icon i,
.service-card[data-service="beauty-skin-type-tester"] .card-icon i,
.service-card[data-service="beauty-skincare-routine"] .card-icon i,
.service-card[data-service="beauty-sunscreen-spf-calculator"] .card-icon i,
.service-card[data-service="beauty-cosmetic-expiry-checker"] .card-icon i,
.service-card[data-service="beauty-hair-type-tester"] .card-icon i,
.service-card[data-service="beauty-haircare-routine"] .card-icon i,
.service-card[data-service="beauty-manicure-guide"] .card-icon i,
.service-card[data-service="beauty-makeup-shade-matcher"] .card-icon i,
.service-card[data-service="beauty-perfume-notes-finder"] .card-icon i,
.service-card[data-service="beauty-face-shape-detector"] .card-icon i,
.service-card[data-service="beauty-body-shape-guide"] .card-icon i,
.service-card[data-service="beauty-wardrobe-color-season"] .card-icon i,
.service-card[data-service="beauty-nail-polish-shade"] .card-icon i,
.service-card[data-service="beauty-spa-appointment-planner"] .card-icon i,
.service-card[data-service="beauty-salon-price-checker"] .card-icon i,
.service-card[data-service="beauty-hair-dye-scheduler"] .card-icon i,
.service-card[data-service="beauty-hair-length-visualizer"] .card-icon i,
.service-card[data-service="beauty-beard-style-guide"] .card-icon i,
.service-card[data-service="beauty-teeth-whitening-timer"] .card-icon i,
.service-card[data-service="beauty-massage-guide"] .card-icon i,
.service-card[data-service="wellness-weight-loss-planner"] .card-icon i,
.service-card[data-service="nutrition-calorie-tracker"] .card-icon i,
.service-card[data-service="macro-targets-planner"] .card-icon i,
.service-card[data-service="meal-plan-generator"] .card-icon i,
.service-card[data-service="intermittent-fasting-planner"] .card-icon i,
.service-card[data-service="hydration-tracker"] .card-icon i,
.service-card[data-service="sleep-habit-tracker"] .card-icon i,
.service-card[data-service="mindfulness-focus-timer"] .card-icon i,
.service-card[data-service="pomodoro-focus-timer"] .card-icon i,
.service-card[data-service="habit-tracker"] .card-icon i,
.service-card[data-service="life-coaching-goals-planner"] .card-icon i,
.service-card[data-service="relationship-coaching-checklist"] .card-icon i,
.service-card[data-service="sports-coaching-planner"] .card-icon i,
.service-card[data-service="running-plan-builder"] .card-icon i,
.service-card[data-service="cycling-plan-builder"] .card-icon i,
.service-card[data-service="strength-training-plan"] .card-icon i,
.service-card[data-service="hiit-session-planner"] .card-icon i,
.service-card[data-service="yoga-session-planner"] .card-icon i,
.service-card[data-service="stretching-routine-planner"] .card-icon i,
.service-card[data-service="injury-recovery-tracker"] .card-icon i,
.service-card[data-service="body-measurements-tracker"] .card-icon i,
.service-card[data-service="calorie-deficit-calculator"] .card-icon i,
.service-card[data-service="tdee-diet-targets-planner"] .card-icon i,
.service-card[data-service="protein-carb-fat-targets"] .card-icon i,
.service-card[data-service="bodyweight-workout-generator"] .card-icon i,
.service-card[data-service="warmup-cooldown-planner"] .card-icon i,
.service-card[data-service="run-pace-splits-planner"] .card-icon i,
.service-card[data-service="productivity-planner"] .card-icon i,
.service-card[data-service="task-priority-matrix"] .card-icon i,
.service-card[data-service="time-blocking-planner"] .card-icon i,
.service-card[data-service="meal-prep-planner"] .card-icon i,
.service-card[data-service="grocery-list-optimizer"] .card-icon i,
.service-card[data-service="mood-tracker"] .card-icon i,
.service-card[data-service="stress-checker"] .card-icon i,
.service-card[data-service="meditation-guide"] .card-icon i,
.service-card[data-service="concentration-exercises"] .card-icon i,
.service-card[data-service="focus-music-suggester"] .card-icon i,
.service-card[data-service="weekly-exercise-schedule"] .card-icon i,
.service-card[data-service="daily-exercise-checklist"] .card-icon i,
.service-card[data-service="progress-photo-log"] .card-icon i,
.service-card[data-service="body-fat-tracker"] .card-icon i,
.service-card[data-service="coaching-session-notes"] .card-icon i,
.service-card[data-service="adhd-focus-routine-planner"] .card-icon i,
.service-card[data-service="adhd-task-chunking-assistant"] .card-icon i,
.service-card[data-service="adhd-distraction-checklist"] .card-icon i,
.service-card[data-service="adhd-time-estimation-trainer"] .card-icon i,
.service-card[data-service="adhd-reward-system-planner"] .card-icon i,
.service-card[data-service="adhd-medication-schedule-planner"] .card-icon i,
.service-card[data-service="adhd-medication-side-effects-log"] .card-icon i,
.service-card[data-service="adhd-sleep-hygiene-checklist"] .card-icon i,
.service-card[data-service="adhd-bedtime-routine-planner"] .card-icon i,
.service-card[data-service="adhd-morning-routine-planner"] .card-icon i,
.service-card[data-service="adhd-screen-time-limiter"] .card-icon i,
.service-card[data-service="adhd-environment-optimization"] .card-icon i,
.service-card[data-service="adhd-study-plan-builder"] .card-icon i,
.service-card[data-service="adhd-break-scheduling-helper"] .card-icon i,
.service-card[data-service="adhd-motivation-triggers-finder"] .card-icon i,
.service-card[data-service="adhd-reward-currency-tracker"] .card-icon i,
.service-card[data-service="adhd-emotion-regulation-tools"] .card-icon i,
.service-card[data-service="adhd-stress-relief-routine"] .card-icon i,
.service-card[data-service="adhd-anxiety-breathing-coach"] .card-icon i,
.service-card[data-service="adhd-mindfulness-mini-sessions"] .card-icon i,
.service-card[data-service="adhd-social-commitment-planner"] .card-icon i,
.service-card[data-service="adhd-work-meeting-prep-checklist"] .card-icon i,
.service-card[data-service="adhd-chore-board-builder"] .card-icon i,
.service-card[data-service="adhd-finance-bill-reminders"] .card-icon i,
.service-card[data-service="adhd-weekly-review-template"] .card-icon i,
.service-card[data-service="adhd-visual-reminder-board"] .card-icon i,
.service-card[data-service="adhd-routine-audit-checklist"] .card-icon i,
.service-card[data-service="adhd-timeboxing-planner"] .card-icon i,
.service-card[data-service="adhd-deadline-countdown-helper"] .card-icon i,
.service-card[data-service="adhd-task-priority-tags"] .card-icon i,
.service-card[data-service="adhd-micro-task-generator"] .card-icon i,
.service-card[data-service="adhd-email-triage-helper"] .card-icon i,
.service-card[data-service="adhd-phone-call-script-builder"] .card-icon i,
.service-card[data-service="adhd-errand-route-planner"] .card-icon i,
.service-card[data-service="adhd-dopamine-reset-ideas"] .card-icon i,
.service-card[data-service="adhd-sticky-note-organizer"] .card-icon i,
.service-card[data-service="adhd-project-scope-slicer"] .card-icon i,
.service-card[data-service="adhd-procrastination-buster"] .card-icon i,
.service-card[data-service="adhd-ambient-noise-picker"] .card-icon i,
.service-card[data-service="adhd-fidget-tool-suggestions"] .card-icon i,
.service-card[data-service="adhd-sensory-break-scheduler"] .card-icon i,
.service-card[data-service="adhd-household-zone-cleaning"] .card-icon i,
.service-card[data-service="adhd-grocery-fast-list"] .card-icon i,
.service-card[data-service="adhd-meal-starter-ideas"] .card-icon i,
.service-card[data-service="adhd-financial-quick-check"] .card-icon i {
  color: #fc92e9;
}
.service-card[data-service="hf-band-propagation"]:hover .card-icon i,
.service-card[data-service="qso-log-helper"]:hover .card-icon i,
.service-card[data-service="dmr-colorcode-finder"]:hover .card-icon i,
.service-card[data-service="ctcss-pl-database"]:hover .card-icon i,
.service-card[data-service="repeater-directory-link"]:hover .card-icon i,
.service-card[data-service="rssi-to-distance-estimator"]:hover .card-icon i,
.service-card[data-service="vswr-calculator"]:hover .card-icon i,
.service-card[data-service="coax-loss-calculator"]:hover .card-icon i,
.service-card[data-service="antenna-tilt-calculator"]:hover .card-icon i,
.service-card[data-service="doppler-shift-calculator"]:hover .card-icon i,
.service-card[data-service="radio-horizon-calculator"]:hover .card-icon i,
.service-card[data-service="satellite-footprint-estimator"]:hover .card-icon i,
.service-card[data-service="intermod-calculator"]:hover .card-icon i,
.service-card[data-service="duplexer-calc"]:hover .card-icon i,
.service-card[data-service="balun-turns-calculator"]:hover .card-icon i,
.service-card[data-service="power-dissipation-calculator"]:hover .card-icon i,
.service-card[data-service="decibel-converter"]:hover .card-icon i,
.service-card[data-service="pwm-duty-cycle-calculator"]:hover .card-icon i,
.service-card[data-service="resistor-voltage-drop-calculator"]:hover .card-icon i,
.service-card[data-service="freq-to-wavelength"]:hover .card-icon i,
.service-card[data-service="antenna-length-calculator"]:hover .card-icon i,
.service-card[data-service="repeater-offset-calculator"]:hover .card-icon i,
.service-card[data-service="maidenhead-converter"]:hover .card-icon i,
.service-card[data-service="fspl-calculator"]:hover .card-icon i,
.service-card[data-service="eirp-calculator"]:hover .card-icon i,
.service-card[data-service="snr-calculator"]:hover .card-icon i,
.service-card[data-service="fm-bandwidth-calculator"]:hover .card-icon i,
.service-card[data-service="ctcss-tone-reference"]:hover .card-icon i,
.service-card[data-service="ham-band-plan"]:hover .card-icon i {
  color: #FF9800; /* keep orange on hover (overridden by global white) */
}
/* Yellow icons for ham exam, repeater distance, and callsign vCard */
.service-card[data-service="ham-exam-generator"] .card-icon i,
.service-card[data-service="repeater-distance-calculator"] .card-icon i,
.service-card[data-service="ham-callsign-vcard-generator"] .card-icon i {
  color: #FF9800;
}
/* Keep yellow on hover */
.service-card[data-service="ham-exam-generator"]:hover .card-icon i,
.service-card[data-service="repeater-distance-calculator"]:hover .card-icon i,
.service-card[data-service="ham-callsign-vcard-generator"]:hover .card-icon i {
  color: #FF9800;
}
/* Also set default orange for inline SVGs/paths of the same cards */
.service-card[data-service="hf-band-propagation"] .card-icon svg,
.service-card[data-service="qso-log-helper"] .card-icon svg,
.service-card[data-service="dmr-colorcode-finder"] .card-icon svg,
.service-card[data-service="ctcss-pl-database"] .card-icon svg,
.service-card[data-service="repeater-directory-link"] .card-icon svg,
.service-card[data-service="rssi-to-distance-estimator"] .card-icon svg,
.service-card[data-service="vswr-calculator"] .card-icon svg,
.service-card[data-service="coax-loss-calculator"] .card-icon svg,
.service-card[data-service="antenna-tilt-calculator"] .card-icon svg,
.service-card[data-service="doppler-shift-calculator"] .card-icon svg,
.service-card[data-service="radio-horizon-calculator"] .card-icon svg,
.service-card[data-service="satellite-footprint-estimator"] .card-icon svg,
.service-card[data-service="intermod-calculator"] .card-icon svg,
.service-card[data-service="duplexer-calc"] .card-icon svg,
.service-card[data-service="balun-turns-calculator"] .card-icon svg,
.service-card[data-service="power-dissipation-calculator"] .card-icon svg,
.service-card[data-service="decibel-converter"] .card-icon svg,
.service-card[data-service="pwm-duty-cycle-calculator"] .card-icon svg,
.service-card[data-service="resistor-voltage-drop-calculator"] .card-icon svg,
.service-card[data-service="freq-to-wavelength"] .card-icon svg,
.service-card[data-service="antenna-length-calculator"] .card-icon svg,
.service-card[data-service="repeater-offset-calculator"] .card-icon svg,
.service-card[data-service="maidenhead-converter"] .card-icon svg,
.service-card[data-service="fspl-calculator"] .card-icon svg,
.service-card[data-service="eirp-calculator"] .card-icon svg,
.service-card[data-service="snr-calculator"] .card-icon svg,
.service-card[data-service="fm-bandwidth-calculator"] .card-icon svg,
.service-card[data-service="ctcss-tone-reference"] .card-icon svg,
.service-card[data-service="ham-band-plan"] .card-icon svg,
.service-card[data-service="ham-exam-generator"] .card-icon svg,
.service-card[data-service="repeater-distance-calculator"] .card-icon svg,
.service-card[data-service="ham-callsign-vcard-generator"] .card-icon svg,
.service-card[data-service="hf-band-propagation"] .card-icon path,
.service-card[data-service="qso-log-helper"] .card-icon path,
.service-card[data-service="dmr-colorcode-finder"] .card-icon path,
.service-card[data-service="ctcss-pl-database"] .card-icon path,
.service-card[data-service="repeater-directory-link"] .card-icon path,
.service-card[data-service="rssi-to-distance-estimator"] .card-icon path,
.service-card[data-service="vswr-calculator"] .card-icon path,
.service-card[data-service="coax-loss-calculator"] .card-icon path,
.service-card[data-service="antenna-tilt-calculator"] .card-icon path,
.service-card[data-service="doppler-shift-calculator"] .card-icon path,
.service-card[data-service="radio-horizon-calculator"] .card-icon path,
.service-card[data-service="satellite-footprint-estimator"] .card-icon path,
.service-card[data-service="intermod-calculator"] .card-icon path,
.service-card[data-service="duplexer-calc"] .card-icon path,
.service-card[data-service="balun-turns-calculator"] .card-icon path,
.service-card[data-service="power-dissipation-calculator"] .card-icon path,
.service-card[data-service="decibel-converter"] .card-icon path,
.service-card[data-service="pwm-duty-cycle-calculator"] .card-icon path,
.service-card[data-service="resistor-voltage-drop-calculator"] .card-icon path,
.service-card[data-service="freq-to-wavelength"] .card-icon path,
.service-card[data-service="antenna-length-calculator"] .card-icon path,
.service-card[data-service="repeater-offset-calculator"] .card-icon path,
.service-card[data-service="maidenhead-converter"] .card-icon path,
.service-card[data-service="fspl-calculator"] .card-icon path,
.service-card[data-service="eirp-calculator"] .card-icon path,
.service-card[data-service="snr-calculator"] .card-icon path,
.service-card[data-service="fm-bandwidth-calculator"] .card-icon path,
.service-card[data-service="ctcss-tone-reference"] .card-icon path,
.service-card[data-service="ham-band-plan"] .card-icon path,
.service-card[data-service="ham-exam-generator"] .card-icon path,
.service-card[data-service="repeater-distance-calculator"] .card-icon path,
.service-card[data-service="ham-callsign-vcard-generator"] .card-icon path {
  color: #FF9800;
  fill: #FF9800;
}
/* Restore hover color to blue for top utility/navigation modals */
.service-card[data-service="radio"]:hover .card-icon i,
.service-card[data-service="calendar"]:hover .card-icon i,
.service-card[data-service="folder"]:hover .card-icon i,
.service-card[data-service="share"]:hover .card-icon i,
.service-card[data-service="apk"]:hover .card-icon i,
.service-card[data-service="kutu"]:hover .card-icon i,
.service-card[data-service="help"]:hover .card-icon i,
.service-card[data-service="utility"]:hover .card-icon i,
.service-card[data-service="barcode-generator"]:hover .card-icon i,
.service-card[data-service="qr-generator"]:hover .card-icon i,
.service-card[data-service="unit-converter"]:hover .card-icon i,
.service-card[data-service="basic-calculator"]:hover .card-icon i,
.service-card[data-service="scientific-calculator"]:hover .card-icon i,
.service-card[data-service="currency-converter"]:hover .card-icon i,
.service-card[data-service="image-resizer"]:hover .card-icon i,
.service-card[data-service="image-converter"]:hover .card-icon i,
.service-card[data-service="energy-converter"]:hover .card-icon i,
.service-card[data-service="pressure-converter"]:hover .card-icon i,
.service-card[data-service="speed-converter"]:hover .card-icon i,
.service-card[data-service="utility_image"]:hover .card-icon i,
.service-card[data-service="utility_conversion"]:hover .card-icon i,
.service-card[data-service="utility_generator"]:hover .card-icon i,
.service-card[data-service="utility_calculator"]:hover .card-icon i,
.service-card[data-service="word-counter"]:hover .card-icon i {
  color: #00d4ff; /* blue hover color */
}
/* Astronomy modals: set base icon color to very bright light green */
.service-card[data-service="altitude-azimuth-converter"] .card-icon i,
.service-card[data-service="equatorial-to-horizontal"] .card-icon i,
.service-card[data-service="ra-dec-to-deg"] .card-icon i,
.service-card[data-service="parallax-calculator"] .card-icon i,
.service-card[data-service="telescope-magnification"] .card-icon i,
.service-card[data-service="telescope-fov-calculator"] .card-icon i,
.service-card[data-service="barlow-magnification"] .card-icon i,
.service-card[data-service="limiting-magnitude-estimator"] .card-icon i,
.service-card[data-service="air-mass-calculator"] .card-icon i,
.service-card[data-service="moon-distance-estimator"] .card-icon i,
.service-card[data-service="planet-phase-calculator"] .card-icon i,
.service-card[data-service="comet-visibility-estimator"] .card-icon i,
.service-card[data-service="milky-way-core-time"] .card-icon i,
.service-card[data-service="exoplanet-transit-predictor"] .card-icon i,
.service-card[data-service="aurora-index-link"] .card-icon i,
.service-card[data-service="chinese-zodiac-calculator"] .card-icon i,
.service-card[data-service="moon-phase-calculator"] .card-icon i,
.service-card[data-service="sunrise-sunset-calculator"] .card-icon i,
.service-card[data-service="julian-date-converter"] .card-icon i,
.service-card[data-service="sidereal-time-calculator"] .card-icon i,
.service-card[data-service="meteor-shower-calendar"] .card-icon i,
.service-card[data-service="lunar-illumination"] .card-icon i,
.service-card[data-service="planet-visibility-guide"] .card-icon i,
.service-card[data-service="constellation-finder"] .card-icon i,
.service-card[data-service="light-pollution-map-link"] .card-icon i,
.service-card[data-service="iss-pass-link-generator"] .card-icon i,
.service-card[data-service="astrolab"] .card-icon i {
  color: #fee642; /* bright yellow */
}
/* Yeni astronomi kartları: aynı yeşil ikon rengi uygula */
.service-card[data-service="ra-dec-precession-calculator"] .card-icon i,
.service-card[data-service="proper-motion-to-velocity"] .card-icon i,
.service-card[data-service="apparent-to-absolute-magnitude"] .card-icon i,
.service-card[data-service="absolute-to-apparent-magnitude"] .card-icon i,
.service-card[data-service="distance-modulus-calculator"] .card-icon i,
.service-card[data-service="color-index-temperature"] .card-icon i,
.service-card[data-service="spectral-type-color-index"] .card-icon i,
.service-card[data-service="kepler-orbital-period"] .card-icon i,
.service-card[data-service="pericenter-apocenter-from-eccentricity"] .card-icon i,
.service-card[data-service="solar-limb-darkening-approx"] .card-icon i,
.service-card[data-service="zhr-to-expected-rate-calculator"] .card-icon i,
.service-card[data-service="star-drift-rate-calculator"] .card-icon i,
.service-card[data-service="sun-path-planner"] .card-icon i,
.service-card[data-service="moon-age-calculator"] .card-icon i,
.service-card[data-service="moon-rise-set-times"] .card-icon i,
.service-card[data-service="civil-nautical-astronomical-twilight"] .card-icon i,
.service-card[data-service="elongation-calculator"] .card-icon i,
.service-card[data-service="planet-angular-size-calculator"] .card-icon i,
.service-card[data-service="saturn-ring-tilt-index"] .card-icon i,
.service-card[data-service="grs-transit-estimator"] .card-icon i,
.service-card[data-service="bortle-class-estimator"] .card-icon i,
.service-card[data-service="seeing-estimator"] .card-icon i,
.service-card[data-service="sqm-to-bortle-converter"] .card-icon i,
.service-card[data-service="polar-alignment-error-calculator"] .card-icon i,
.service-card[data-service="meridian-crossing-time"] .card-icon i,
.service-card[data-service="penumbral-lunar-eclipse-visibility"] .card-icon i,
.service-card[data-service="newtonian-collimation-offset"] .card-icon i,
.service-card[data-service="focal-length-from-f-number"] .card-icon i,
.service-card[data-service="exoplanet-equilibrium-temperature"] .card-icon i,
.service-card[data-service="habitable-zone-estimator"] .card-icon i,
.service-card[data-service="parallax-error-propagation"] .card-icon i,
.service-card[data-service="telescope-light-loss-calculator"] .card-icon i,
.service-card[data-service="photometry-zero-point-estimator"] .card-icon i,
.service-card[data-service="limiting-surface-brightness-calculator"] .card-icon i {
  color: #fee642; /* bright yellow */
}
/* Keep light blue on hover for astronomy modals */
.service-card[data-service="altitude-azimuth-converter"]:hover .card-icon i,
.service-card[data-service="equatorial-to-horizontal"]:hover .card-icon i,
.service-card[data-service="ra-dec-to-deg"]:hover .card-icon i,
.service-card[data-service="parallax-calculator"]:hover .card-icon i,
.service-card[data-service="telescope-magnification"]:hover .card-icon i,
.service-card[data-service="telescope-fov-calculator"]:hover .card-icon i,
.service-card[data-service="barlow-magnification"]:hover .card-icon i,
.service-card[data-service="limiting-magnitude-estimator"]:hover .card-icon i,
.service-card[data-service="air-mass-calculator"]:hover .card-icon i,
.service-card[data-service="moon-distance-estimator"]:hover .card-icon i,
.service-card[data-service="planet-phase-calculator"]:hover .card-icon i,
.service-card[data-service="comet-visibility-estimator"]:hover .card-icon i,
.service-card[data-service="milky-way-core-time"]:hover .card-icon i,
.service-card[data-service="exoplanet-transit-predictor"]:hover .card-icon i,
.service-card[data-service="aurora-index-link"]:hover .card-icon i,
.service-card[data-service="chinese-zodiac-calculator"]:hover .card-icon i,
.service-card[data-service="moon-phase-calculator"]:hover .card-icon i,
.service-card[data-service="sunrise-sunset-calculator"]:hover .card-icon i,
.service-card[data-service="julian-date-converter"]:hover .card-icon i,
.service-card[data-service="sidereal-time-calculator"]:hover .card-icon i,
.service-card[data-service="meteor-shower-calendar"]:hover .card-icon i,
.service-card[data-service="lunar-illumination"]:hover .card-icon i,
.service-card[data-service="planet-visibility-guide"]:hover .card-icon i,
.service-card[data-service="constellation-finder"]:hover .card-icon i,
.service-card[data-service="light-pollution-map-link"]:hover .card-icon i,
.service-card[data-service="iss-pass-link-generator"]:hover .card-icon i,
.service-card[data-service="astrolab"]:hover .card-icon i {
  color: #00FF7F; /* keep very bright light green on hover */
}
/* Yeni astronomi kartları: hover durumunda aynı yeşili koru */
.service-card[data-service="ra-dec-precession-calculator"]:hover .card-icon i,
.service-card[data-service="proper-motion-to-velocity"]:hover .card-icon i,
.service-card[data-service="apparent-to-absolute-magnitude"]:hover .card-icon i,
.service-card[data-service="absolute-to-apparent-magnitude"]:hover .card-icon i,
.service-card[data-service="distance-modulus-calculator"]:hover .card-icon i,
.service-card[data-service="color-index-temperature"]:hover .card-icon i,
.service-card[data-service="spectral-type-color-index"]:hover .card-icon i,
.service-card[data-service="kepler-orbital-period"]:hover .card-icon i,
.service-card[data-service="pericenter-apocenter-from-eccentricity"]:hover .card-icon i,
.service-card[data-service="solar-limb-darkening-approx"]:hover .card-icon i,
.service-card[data-service="zhr-to-expected-rate-calculator"]:hover .card-icon i,
.service-card[data-service="star-drift-rate-calculator"]:hover .card-icon i,
.service-card[data-service="sun-path-planner"]:hover .card-icon i,
.service-card[data-service="moon-age-calculator"]:hover .card-icon i,
.service-card[data-service="moon-rise-set-times"]:hover .card-icon i,
.service-card[data-service="civil-nautical-astronomical-twilight"]:hover .card-icon i,
.service-card[data-service="elongation-calculator"]:hover .card-icon i,
.service-card[data-service="planet-angular-size-calculator"]:hover .card-icon i,
.service-card[data-service="saturn-ring-tilt-index"]:hover .card-icon i,
.service-card[data-service="grs-transit-estimator"]:hover .card-icon i,
.service-card[data-service="bortle-class-estimator"]:hover .card-icon i,
.service-card[data-service="seeing-estimator"]:hover .card-icon i,
.service-card[data-service="sqm-to-bortle-converter"]:hover .card-icon i,
.service-card[data-service="polar-alignment-error-calculator"]:hover .card-icon i,
.service-card[data-service="meridian-crossing-time"]:hover .card-icon i,
.service-card[data-service="penumbral-lunar-eclipse-visibility"]:hover .card-icon i,
.service-card[data-service="newtonian-collimation-offset"]:hover .card-icon i,
.service-card[data-service="focal-length-from-f-number"]:hover .card-icon i,
.service-card[data-service="exoplanet-equilibrium-temperature"]:hover .card-icon i,
.service-card[data-service="habitable-zone-estimator"]:hover .card-icon i,
.service-card[data-service="parallax-error-propagation"]:hover .card-icon i,
.service-card[data-service="telescope-light-loss-calculator"]:hover .card-icon i,
.service-card[data-service="photometry-zero-point-estimator"]:hover .card-icon i,
.service-card[data-service="limiting-surface-brightness-calculator"]:hover .card-icon i {
  color: #00FF7F; /* keep very bright light green on hover */
}
/* Emergency & First Aid modals: set base icon color to bright red */
.service-card[data-service="first-aid-basics"] .card-icon i,
.service-card[data-service="cpr-guide"] .card-icon i,
.service-card[data-service="bleeding-control"] .card-icon i,
.service-card[data-service="fracture-splinting"] .card-icon i,
.service-card[data-service="burn-treatment"] .card-icon i,
.service-card[data-service="shock-assessment"] .card-icon i,
.service-card[data-service="choking-relief"] .card-icon i,
.service-card[data-service="earthquake-safety"] .card-icon i,
.service-card[data-service="fire-evacuation-plan"] .card-icon i,
.service-card[data-service="flood-safety"] .card-icon i,
.service-card[data-service="tornado-safety"] .card-icon i,
.service-card[data-service="landslide-safety"] .card-icon i,
.service-card[data-service="emergency-kit-checklist"] .card-icon i,
.service-card[data-service="go-bag-builder"] .card-icon i,
.service-card[data-service="water-purification"] .card-icon i,
.service-card[data-service="food-storage-calculator"] .card-icon i,
.service-card[data-service="shelter-building-tips"] .card-icon i,
.service-card[data-service="sos-morse-trainer"] .card-icon i,
.service-card[data-service="whistle-signals"] .card-icon i,
.service-card[data-service="signal-mirror-guide"] .card-icon i,
.service-card[data-service="map-compass-basics"] .card-icon i,
.service-card[data-service="evacuation-route-planner"] .card-icon i,
.service-card[data-service="emergency-contacts-generator"] .card-icon i,
.service-card[data-service="family-meeting-point-planner"] .card-icon i,
.service-card[data-service="risk-assessment-checklist"] .card-icon i,
.service-card[data-service="aftershock-advice"] .card-icon i,
.service-card[data-service="gas-leak-detection-tips"] .card-icon i,
.service-card[data-service="power-outage-checklist"] .card-icon i,
.service-card[data-service="hygiene-in-disasters"] .card-icon i,
.service-card[data-service="emergency-notes-template"] .card-icon i,
.service-card[data-service="triage-guide"] .card-icon i,
.service-card[data-service="wound-cleaning-steps"] .card-icon i {
  color: #FF1744;
}
/* Coğrafya/Harita — Ek Kartlar: ikonları kırmızı (#ff1744) yap */
.service-card[data-service="haversine-distance"] .card-icon i,
.service-card[data-service="initial-bearing"] .card-icon i,
.service-card[data-service="destination-point"] .card-icon i,
.service-card[data-service="equirectangular-approx-distance"] .card-icon i,
.service-card[data-service="map-scale-real-distance"] .card-icon i,
.service-card[data-service="tile-number-web-mercator"] .card-icon i,
.service-card[data-service="degree-length-at-latitude"] .card-icon i,
.service-card[data-service="solar-zenith-angle"] .card-icon i,
.service-card[data-service="shadow-length-calculator"] .card-icon i,
.service-card[data-service="solar-elevation-calculator"] .card-icon i {
  color: #ff1744;
}
/* Hover durumunda da kırmızı koru */
.service-card[data-service="haversine-distance"]:hover .card-icon i,
.service-card[data-service="initial-bearing"]:hover .card-icon i,
.service-card[data-service="destination-point"]:hover .card-icon i,
.service-card[data-service="equirectangular-approx-distance"]:hover .card-icon i,
.service-card[data-service="map-scale-real-distance"]:hover .card-icon i,
.service-card[data-service="tile-number-web-mercator"]:hover .card-icon i,
.service-card[data-service="degree-length-at-latitude"]:hover .card-icon i,
.service-card[data-service="solar-zenith-angle"]:hover .card-icon i,
.service-card[data-service="shadow-length-calculator"]:hover .card-icon i,
.service-card[data-service="solar-elevation-calculator"]:hover .card-icon i {
  color: #ff1744;
}
/* Utility modals: set base icon color to very bright purple */
.service-card[data-service="slugify-tool"] .card-icon i,
.service-card[data-service="text-reverser"] .card-icon i,
.service-card[data-service="line-sorter"] .card-icon i,
.service-card[data-service="remove-duplicates"] .card-icon i,
.service-card[data-service="trim-whitespace"] .card-icon i,
.service-card[data-service="timestamp-converter"] .card-icon i,
.service-card[data-service="jwt-decoder"] .card-icon i,
.service-card[data-service="html-entities-converter"] .card-icon i,
.service-card[data-service="csv-to-json"] .card-icon i,
.service-card[data-service="json-to-csv"] .card-icon i,
.service-card[data-service="nanoid-generator"] .card-icon i,
.service-card[data-service="gradient-generator"] .card-icon i,
.service-card[data-service="palindrome-checker"] .card-icon i,
.service-card[data-service="factorial-calculator"] .card-icon i,
.service-card[data-service="prime-checker"] .card-icon i,
.service-card[data-service="discount-calculator"] .card-icon i,
.service-card[data-service="tax-calculator"] .card-icon i,
.service-card[data-service="compound-interest-calculator"] .card-icon i,
.service-card[data-service="gpa-calculator"] .card-icon i,
.service-card[data-service="ip-validator"] .card-icon i,
.service-card[data-service="password-generator"] .card-icon i,
.service-card[data-service="text-diff"] .card-icon i,
.service-card[data-service="base64-encoder"] .card-icon i,
.service-card[data-service="url-encoder"] .card-icon i,
.service-card[data-service="json-formatter"] .card-icon i,
.service-card[data-service="regex-tester"] .card-icon i,
.service-card[data-service="markdown-editor"] .card-icon i,
.service-card[data-service="text-to-speech"] .card-icon i,
.service-card[data-service="color-picker"] .card-icon i,
.service-card[data-service="text-case"] .card-icon i,
.service-card[data-service="ascii-art-generator"] .card-icon i,
.service-card[data-service="timezone-converter"] .card-icon i,
.service-card[data-service="number-base-converter"] .card-icon i,
.service-card[data-service="temperature-converter"] .card-icon i,
.service-card[data-service="angle-converter"] .card-icon i,
.service-card[data-service="uuid-generator"] .card-icon i,
.service-card[data-service="random-number-generator"] .card-icon i,
.service-card[data-service="lorem-ipsum-generator"] .card-icon i,
.service-card[data-service="fake-data-generator"] .card-icon i,
.service-card[data-service="hash-generator"] .card-icon i,
.service-card[data-service="random-string-generator"] .card-icon i,
.service-card[data-service="color-palette-generator"] .card-icon i,
.service-card[data-service="meme-generator"] .card-icon i,
.service-card[data-service="percentage-calculator"] .card-icon i,
.service-card[data-service="tip-calculator"] .card-icon i,
.service-card[data-service="loan-calculator"] .card-icon i,
.service-card[data-service="mortgage-calculator"] .card-icon i,
.service-card[data-service="bmi-calculator"] .card-icon i,
.service-card[data-service="age-calculator"] .card-icon i,
.service-card[data-service="date-calculator"] .card-icon i,
.service-card[data-service="time-calculator"] .card-icon i {
  color: #D500F9; /* very bright purple */
}
/* Keep bright purple on hover for utility modals */
.service-card[data-service="slugify-tool"]:hover .card-icon i,
.service-card[data-service="text-reverser"]:hover .card-icon i,
.service-card[data-service="line-sorter"]:hover .card-icon i,
.service-card[data-service="remove-duplicates"]:hover .card-icon i,
.service-card[data-service="trim-whitespace"]:hover .card-icon i,
.service-card[data-service="timestamp-converter"]:hover .card-icon i,
.service-card[data-service="jwt-decoder"]:hover .card-icon i,
.service-card[data-service="html-entities-converter"]:hover .card-icon i,
.service-card[data-service="csv-to-json"]:hover .card-icon i,
.service-card[data-service="json-to-csv"]:hover .card-icon i,
.service-card[data-service="nanoid-generator"]:hover .card-icon i,
.service-card[data-service="gradient-generator"]:hover .card-icon i,
.service-card[data-service="palindrome-checker"]:hover .card-icon i,
.service-card[data-service="factorial-calculator"]:hover .card-icon i,
.service-card[data-service="prime-checker"]:hover .card-icon i,
.service-card[data-service="discount-calculator"]:hover .card-icon i,
.service-card[data-service="tax-calculator"]:hover .card-icon i,
.service-card[data-service="compound-interest-calculator"]:hover .card-icon i,
.service-card[data-service="gpa-calculator"]:hover .card-icon i,
.service-card[data-service="ip-validator"]:hover .card-icon i,
.service-card[data-service="password-generator"]:hover .card-icon i,
.service-card[data-service="text-diff"]:hover .card-icon i,
.service-card[data-service="base64-encoder"]:hover .card-icon i,
.service-card[data-service="url-encoder"]:hover .card-icon i,
.service-card[data-service="json-formatter"]:hover .card-icon i,
.service-card[data-service="regex-tester"]:hover .card-icon i,
.service-card[data-service="markdown-editor"]:hover .card-icon i,
.service-card[data-service="text-to-speech"]:hover .card-icon i,
.service-card[data-service="color-picker"]:hover .card-icon i,
.service-card[data-service="text-case"]:hover .card-icon i,
.service-card[data-service="ascii-art-generator"]:hover .card-icon i,
.service-card[data-service="timezone-converter"]:hover .card-icon i,
.service-card[data-service="number-base-converter"]:hover .card-icon i,
.service-card[data-service="temperature-converter"]:hover .card-icon i,
.service-card[data-service="angle-converter"]:hover .card-icon i,
.service-card[data-service="uuid-generator"]:hover .card-icon i,
.service-card[data-service="random-number-generator"]:hover .card-icon i,
.service-card[data-service="lorem-ipsum-generator"]:hover .card-icon i,
.service-card[data-service="fake-data-generator"]:hover .card-icon i,
.service-card[data-service="hash-generator"]:hover .card-icon i,
.service-card[data-service="random-string-generator"]:hover .card-icon i,
.service-card[data-service="color-palette-generator"]:hover .card-icon i,
.service-card[data-service="meme-generator"]:hover .card-icon i,
.service-card[data-service="percentage-calculator"]:hover .card-icon i,
.service-card[data-service="tip-calculator"]:hover .card-icon i,
.service-card[data-service="loan-calculator"]:hover .card-icon i,
.service-card[data-service="mortgage-calculator"]:hover .card-icon i,
.service-card[data-service="bmi-calculator"]:hover .card-icon i,
.service-card[data-service="age-calculator"]:hover .card-icon i,
.service-card[data-service="date-calculator"]:hover .card-icon i,
.service-card[data-service="time-calculator"]:hover .card-icon i {
  color: #D500F9; /* keep very bright purple on hover */
}
/* Trial override: force bright white hover color for all modals */
.service-card:hover .card-icon i {
  color: #FFFFFF !important;
}
/* Physics & Electronics modals: set bright orange icon color */
.service-card[data-service="formula-kinematics"] .card-icon i,
.service-card[data-service="formula-dynamics"] .card-icon i,
.service-card[data-service="formula-energy-power"] .card-icon i,
.service-card[data-service="formula-electric"] .card-icon i,
.service-card[data-service="formula-waves"] .card-icon i,
.service-card[data-service="formula-general"] .card-icon i,
.service-card[data-service="formula-optics"] .card-icon i,
.service-card[data-service="formula-fluid"] .card-icon i,
.service-card[data-service="formula-thermodynamics"] .card-icon i,
.service-card[data-service="formula-rotation"] .card-icon i,
.service-card[data-service="formula-circuits"] .card-icon i,
.service-card[data-service="formula-electronics"] .card-icon i,
.service-card[data-service="ohms-law-calculator"] .card-icon i,
.service-card[data-service="resistor-color-code"] .card-icon i,
.service-card[data-service="rc-time-constant"] .card-icon i,
.service-card[data-service="rl-time-constant"] .card-icon i,
.service-card[data-service="lc-resonant-frequency"] .card-icon i,
.service-card[data-service="led-resistor-calculator"] .card-icon i,
.service-card[data-service="voltage-divider-calculator"] .card-icon i,
.service-card[data-service="transistor-bias-calculator"] .card-icon i,
.service-card[data-service="diode-forward-drop"] .card-icon i,
.service-card[data-service="capacitor-code-tool"] .card-icon i,
.service-card[data-service="relay-driver-calculator"] .card-icon i,
.service-card[data-service="triac-trigger-calculator"] .card-icon i,
.service-card[data-service="diac-threshold-tool"] .card-icon i,
.service-card[data-service="scr-trigger-calculator"] .card-icon i,
.service-card[data-service="resistor-series-parallel"] .card-icon i,
.service-card[data-service="ic-pinout-finder"] .card-icon i,
.service-card[data-service="electronic-socket-reference"] .card-icon i,
.service-card[data-service="speaker-impedance-calculator"] .card-icon i,
.service-card[data-service="audio-spl-calculator"] .card-icon i,
.service-card[data-service="lumen-lux-converter"] .card-icon i,
.service-card[data-service="led-array-planner"] .card-icon i,
.service-card[data-service="rc-cutoff-calculator"] .card-icon i,
.service-card[data-service="opamp-gain-calculator"] .card-icon i,
.service-card[data-service="regulator-dropout-calculator"] .card-icon i,
.service-card[data-service="zener-regulator-calculator"] .card-icon i,
.service-card[data-service="rectifier-ripple-calculator"] .card-icon i,
.service-card[data-service="capacitor-discharge-calculator"] .card-icon i,
.service-card[data-service="battery-runtime-estimator"] .card-icon i,
.service-card[data-service="transistor-type-helper"] .card-icon i,
.service-card[data-service="mosfet-gate-resistor"] .card-icon i,
.service-card[data-service="heatsink-calculator"] .card-icon i,
.service-card[data-service="pcb-trace-width-calculator"] .card-icon i,
.service-card[data-service="awg-current-capacity"] .card-icon i,
.service-card[data-service="frequency-period-converter"] .card-icon i,
.service-card[data-service="lm317-calculator"] .card-icon i,
.service-card[data-service="loaded-voltage-divider"] .card-icon i,
.service-card[data-service="noise-filter-designer"] .card-icon i,
.service-card[data-service="coil-winding-calculator"] .card-icon i,
.service-card[data-service="smps-transformer-calculator"] .card-icon i,
.service-card[data-service="battery-pack-designer"] .card-icon i,
.service-card[data-service="solar-mppt-sizing"] .card-icon i,
.service-card[data-service="fpv-motor-prop-efficiency"] .card-icon i {
  color: #FFC107 !important; /* amber/yellow */
}

/* Keep bright orange on hover/focus for Physics & Electronics modals */
.service-card[data-service="formula-kinematics"]:hover .card-icon i,
.service-card[data-service="formula-dynamics"]:hover .card-icon i,
.service-card[data-service="formula-energy-power"]:hover .card-icon i,
.service-card[data-service="formula-electric"]:hover .card-icon i,
.service-card[data-service="formula-waves"]:hover .card-icon i,
.service-card[data-service="formula-general"]:hover .card-icon i,
.service-card[data-service="formula-optics"]:hover .card-icon i,
.service-card[data-service="formula-fluid"]:hover .card-icon i,
.service-card[data-service="formula-thermodynamics"]:hover .card-icon i,
.service-card[data-service="formula-rotation"]:hover .card-icon i,
.service-card[data-service="formula-circuits"]:hover .card-icon i,
.service-card[data-service="formula-electronics"]:hover .card-icon i,
.service-card[data-service="ohms-law-calculator"]:hover .card-icon i,
.service-card[data-service="resistor-color-code"]:hover .card-icon i,
.service-card[data-service="rc-time-constant"]:hover .card-icon i,
.service-card[data-service="rl-time-constant"]:hover .card-icon i,
.service-card[data-service="lc-resonant-frequency"]:hover .card-icon i,
.service-card[data-service="led-resistor-calculator"]:hover .card-icon i,
.service-card[data-service="voltage-divider-calculator"]:hover .card-icon i,
.service-card[data-service="transistor-bias-calculator"]:hover .card-icon i,
.service-card[data-service="diode-forward-drop"]:hover .card-icon i,
.service-card[data-service="capacitor-code-tool"]:hover .card-icon i,
.service-card[data-service="relay-driver-calculator"]:hover .card-icon i,
.service-card[data-service="triac-trigger-calculator"]:hover .card-icon i,
.service-card[data-service="diac-threshold-tool"]:hover .card-icon i,
.service-card[data-service="scr-trigger-calculator"]:hover .card-icon i,
.service-card[data-service="resistor-series-parallel"]:hover .card-icon i,
.service-card[data-service="ic-pinout-finder"]:hover .card-icon i,
.service-card[data-service="electronic-socket-reference"]:hover .card-icon i,
.service-card[data-service="speaker-impedance-calculator"]:hover .card-icon i,
.service-card[data-service="audio-spl-calculator"]:hover .card-icon i,
.service-card[data-service="lumen-lux-converter"]:hover .card-icon i,
.service-card[data-service="led-array-planner"]:hover .card-icon i,
.service-card[data-service="rc-cutoff-calculator"]:hover .card-icon i,
.service-card[data-service="opamp-gain-calculator"]:hover .card-icon i,
.service-card[data-service="regulator-dropout-calculator"]:hover .card-icon i,
.service-card[data-service="zener-regulator-calculator"]:hover .card-icon i,
.service-card[data-service="rectifier-ripple-calculator"]:hover .card-icon i,
.service-card[data-service="capacitor-discharge-calculator"]:hover .card-icon i,
.service-card[data-service="battery-runtime-estimator"]:hover .card-icon i,
.service-card[data-service="transistor-type-helper"]:hover .card-icon i,
.service-card[data-service="mosfet-gate-resistor"]:hover .card-icon i,
.service-card[data-service="heatsink-calculator"]:hover .card-icon i,
.service-card[data-service="pcb-trace-width-calculator"]:hover .card-icon i,
.service-card[data-service="awg-current-capacity"]:hover .card-icon i,
.service-card[data-service="frequency-period-converter"]:hover .card-icon i,
.service-card[data-service="lm317-calculator"]:hover .card-icon i,
.service-card[data-service="loaded-voltage-divider"]:hover .card-icon i,
.service-card[data-service="noise-filter-designer"]:hover .card-icon i,
.service-card[data-service="coil-winding-calculator"]:hover .card-icon i,
.service-card[data-service="smps-transformer-calculator"]:hover .card-icon i,
.service-card[data-service="battery-pack-designer"]:hover .card-icon i,
.service-card[data-service="solar-mppt-sizing"]:hover .card-icon i,
.service-card[data-service="fpv-motor-prop-efficiency"]:hover .card-icon i,
.service-card[data-service="formula-kinematics"]:focus .card-icon i,
.service-card[data-service="formula-dynamics"]:focus .card-icon i,
.service-card[data-service="formula-energy-power"]:focus .card-icon i,
.service-card[data-service="formula-electric"]:focus .card-icon i,
.service-card[data-service="formula-waves"]:focus .card-icon i,
.service-card[data-service="formula-general"]:focus .card-icon i,
.service-card[data-service="formula-optics"]:focus .card-icon i,
.service-card[data-service="formula-fluid"]:focus .card-icon i,
.service-card[data-service="formula-thermodynamics"]:focus .card-icon i,
.service-card[data-service="formula-rotation"]:focus .card-icon i,
.service-card[data-service="formula-circuits"]:focus .card-icon i,
.service-card[data-service="formula-electronics"]:focus .card-icon i,
.service-card[data-service="ohms-law-calculator"]:focus .card-icon i,
.service-card[data-service="resistor-color-code"]:focus .card-icon i,
.service-card[data-service="rc-time-constant"]:focus .card-icon i,
.service-card[data-service="rl-time-constant"]:focus .card-icon i,
.service-card[data-service="lc-resonant-frequency"]:focus .card-icon i,
.service-card[data-service="led-resistor-calculator"]:focus .card-icon i,
.service-card[data-service="voltage-divider-calculator"]:focus .card-icon i,
.service-card[data-service="transistor-bias-calculator"]:focus .card-icon i,
.service-card[data-service="diode-forward-drop"]:focus .card-icon i,
.service-card[data-service="capacitor-code-tool"]:focus .card-icon i,
.service-card[data-service="relay-driver-calculator"]:focus .card-icon i,
.service-card[data-service="triac-trigger-calculator"]:focus .card-icon i,
.service-card[data-service="diac-threshold-tool"]:focus .card-icon i,
.service-card[data-service="scr-trigger-calculator"]:focus .card-icon i,
.service-card[data-service="resistor-series-parallel"]:focus .card-icon i,
.service-card[data-service="ic-pinout-finder"]:focus .card-icon i,
.service-card[data-service="electronic-socket-reference"]:focus .card-icon i,
.service-card[data-service="speaker-impedance-calculator"]:focus .card-icon i,
.service-card[data-service="audio-spl-calculator"]:focus .card-icon i,
.service-card[data-service="lumen-lux-converter"]:focus .card-icon i,
.service-card[data-service="led-array-planner"]:focus .card-icon i,
.service-card[data-service="rc-cutoff-calculator"]:focus .card-icon i,
.service-card[data-service="opamp-gain-calculator"]:focus .card-icon i,
.service-card[data-service="regulator-dropout-calculator"]:focus .card-icon i,
.service-card[data-service="zener-regulator-calculator"]:focus .card-icon i,
.service-card[data-service="rectifier-ripple-calculator"]:focus .card-icon i,
.service-card[data-service="capacitor-discharge-calculator"]:focus .card-icon i,
.service-card[data-service="battery-runtime-estimator"]:focus .card-icon i,
.service-card[data-service="transistor-type-helper"]:focus .card-icon i,
.service-card[data-service="mosfet-gate-resistor"]:focus .card-icon i,
.service-card[data-service="heatsink-calculator"]:focus .card-icon i,
.service-card[data-service="pcb-trace-width-calculator"]:focus .card-icon i,
.service-card[data-service="awg-current-capacity"]:focus .card-icon i,
.service-card[data-service="frequency-period-converter"]:focus .card-icon i,
.service-card[data-service="lm317-calculator"]:focus .card-icon i,
.service-card[data-service="loaded-voltage-divider"]:focus .card-icon i,
.service-card[data-service="noise-filter-designer"]:focus .card-icon i,
.service-card[data-service="coil-winding-calculator"]:focus .card-icon i,
.service-card[data-service="smps-transformer-calculator"]:focus .card-icon i,
.service-card[data-service="battery-pack-designer"]:focus .card-icon i,
.service-card[data-service="solar-mppt-sizing"]:focus .card-icon i,
.service-card[data-service="fpv-motor-prop-efficiency"]:focus .card-icon i {
  color: #FFC107 !important; /* keep yellow on hover/focus */
}
/* Homepage: utility modal başlık/ikon oranlarını sabitle */
.utility-modal .modal-content { font-size: 1rem !important; }
.utility-modal .modal-header h2 { font-size: calc(1.25em + 3pt) !important; line-height: 1.1 !important; }
.utility-modal .modal-header i,
.utility-modal .close,
.utility-modal .close-btn { font-size: 1.15em !important; }
/* Homepage: tüm modalların başlığını ID ile tutarlı büyüt */
#modal-title {
  font-size: calc(1.25em + 3pt) !important;
  line-height: 1.1 !important;
}

/* Modal başlık: tüm utility modallarda 30% küçült (son override) */
.utility-modal .modal-header h2,
#modal-title {
  font-size: calc((1.25em + 3pt) * 0.7) !important;
  line-height: 1.1 !important;
}

/* Survival ikon rengi (tüm survival-* kartları) */
.service-card[data-service^="survival-"] .card-icon i {
  color: #ff1744 !important;
}
  .service-card[data-service^="survival-"] .card-icon i:hover {
  color: #ff1744 !important;
}
1009| }
/* --- Scientific calculator global strict layout overrides --- */
/* Ensure scientific calculator buttons render as strict 30x30 squares with 3px gaps */
#sciButtons {
  display: grid !important;
  grid-template-columns: repeat(5, 30px) !important;
  grid-auto-rows: 30px !important;
  gap: 3px !important;
  justify-content: center !important;
}
#sciButtons .calc-btn {
  width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  font-size: 0.95rem !important;
  line-height: 30px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/* === Header adjustments: logo size, title scale, horizontal alignment === */
.header-row { justify-content: space-between !important; align-items: center !important; }
.header-row h1 {
  font-size: calc(2.016rem * 1.35) !important; /* +35% */
  text-align: center;
  line-height: 1.25;
  font-family: 'Roboto Condensed', 'Exo 2', sans-serif !important; /* ince stil garantisi */
  font-weight: 100 !important; /* kalınlaşmayı kesinlikle engelle */
}

/* High-specificity guarantee for main title */
#siteTitle {
  font-size: calc(2.016rem * 1.35) !important;
  font-family: 'Roboto Condensed', 'Exo 2', sans-serif !important;
  font-weight: 100 !important;
  white-space: nowrap; /* başlığı tek satırda tut */
}

/* Inline logo (ali.gif) sizing: 75px desktop, max 35px mobile */
.header-row img.logo-inline,
.header-row img.logo-img {
  height: 75px !important;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .header-row img.logo-inline,
  .header-row img.logo-img {
    height: auto !important;
    max-height: 35px !important;
  }
}
/* === Search bar: shorten by 40%, align baseline with title, push right === */
.header-row .search-container { transform: translateY(0) !important; margin-left: auto !important; margin-right: 0 !important; justify-content: flex-end !important; top: 23px !important; left: -60px !important; margin-top: 0 !important; align-self: center !important; }
/* === Fix search bar sizing and exact vertical offset === */
/* Fix exact width and prevent unintended growth */
.header-row .search-box { flex: 0 0 auto !important; width: 60% !important; max-width: 520px !important; }
/* Ensure no vertical offset */
.header-row .search-container { transform: translateY(0) !important; }
/* Ensure input isn't additionally offset */
.header-row .search-box input { margin-top: 0 !important; }
/* Ensure logo and search occupy expected ends */
.header-row .logo { flex: 0 1 auto !important; position: relative; left: 35px; }
.header-row .search-container { flex: 0 0 520px !important; }
/* Scale header title handled above with !important to ensure consistency */
/* === Logo sizing update: ali.gif desktop 48px, mobile max 24px (−20%) === */
.header-row img.logo-inline,
.header-row img.logo-img,
.header-row img[src*="ali.gif"] {
  height: 48px !important;
  width: auto !important;
}
@media (max-width: 768px) {
  .header-row img.logo-inline,
  .header-row img.logo-img,
  .header-row img[src*="ali.gif"] {
    max-height: 24px !important;
    height: auto !important;
  }
}
/* === Search input dark theme: background dark gray, light text === */
.header-row .search-box input {
  background-color: #2f2f2f !important; /* koyu gri arka plan */
  color: #e6e6e6 !important; /* açık metin rengi */
  border-radius: 8px !important; /* köşeleri yuvarla */
  animation: homeSearchPlaceholderPulse 0.7s linear infinite;
}
.header-row .search-box input::placeholder {
  color: var(--home-ph-color, #bfbfbf) !important;
  opacity: 1;
}
.header-row .search-box input::-webkit-input-placeholder {
  color: var(--home-ph-color, #bfbfbf) !important;
  opacity: 1;
}
.header-row .search-box input::-moz-placeholder {
  color: var(--home-ph-color, #bfbfbf) !important;
  opacity: 1;
}
.header-row .search-box input:-ms-input-placeholder {
  color: var(--home-ph-color, #bfbfbf) !important;
  opacity: 1;
}

@keyframes homeSearchPlaceholderPulse {
  0% { --home-ph-color: #bfbfbf; }
  50% { --home-ph-color: #ffffff; }
  100% { --home-ph-color: #bfbfbf; }
}
/* Ultra-niş modallar: ikonları parlak kırmızı yap */
.service-card[data-service="afad-tamp-kit-calculator"] .card-icon i,
.service-card[data-service="snakebite-risk-and-id"] .card-icon i,
.service-card[data-service="caravan-weight-distribution-calculator"] .card-icon i,
.service-card[data-service="motorcycle-chain-maintenance-reminder"] .card-icon i,
.service-card[data-service="ev-charging-filter-turkey"] .card-icon i,
.service-card[data-service="used-car-real-km-checker"] .card-icon i {
  color: #FF1744;
}

/* Hover'da da parlak kırmızı koru */
.service-card[data-service="afad-tamp-kit-calculator"]:hover .card-icon i,
.service-card[data-service="snakebite-risk-and-id"]:hover .card-icon i,
.service-card[data-service="caravan-weight-distribution-calculator"]:hover .card-icon i,
.service-card[data-service="motorcycle-chain-maintenance-reminder"]:hover .card-icon i,
.service-card[data-service="ev-charging-filter-turkey"]:hover .card-icon i,
.service-card[data-service="used-car-real-km-checker"]:hover .card-icon i {
  color: #FF1744;
}
/* Mavi ikonlar (Borsa Analizi ile aynı ton) */
.service-card[data-service="thy-baggage-calculator"] .card-icon i,
.service-card[data-service="schengen-90-180-calculator"] .card-icon i,
.service-card[data-service="iban-validator-bank-parser"] .card-icon i,
.service-card[data-service="tc-id-validator-parser"] .card-icon i,
.service-card[data-service="sgk-debt-calculator"] .card-icon i,
.service-card[data-service="turkey-postcode-neighborhood-finder"] .card-icon i,
.service-card[data-service="aquascape-co2-calculator"] .card-icon i,
.service-card[data-service="homebrew-abv-color-calculator"] .card-icon i,
.service-card[data-service="coffee-brew-ratio-tds"] .card-icon i,
.service-card[data-service="bread-dough-ratio-calculator"] .card-icon i,
.service-card[data-service="real-return-calculator-turkey"] .card-icon i,
.service-card[data-service="rent-increase-calculator"] .card-icon i,
.service-card[data-service="mortgage-prepayment-simulator"] .card-icon i,
.service-card[data-service="mtv-2026-calculator"] .card-icon i,
.service-card[data-service="toll-fine-calculator"] .card-icon i,
.service-card[data-service="import-tax-calculator-turkey"] .card-icon i,
.service-card[data-service="family-plan-split-calculator"] .card-icon i,
.service-card[data-service="turkish-slang-translator"] .card-icon i,
.service-card[data-service="tcid-name-generator"] .card-icon i,
.service-card[data-service="license-plate-generator"] .card-icon i,
.service-card[data-service="tv-theme-song-finder"] .card-icon i,
.service-card[data-service="dowry-list-generator"] .card-icon i,
.service-card[data-service="wedding-dress-size-converter"] .card-icon i,
.service-card[data-service="pregnancy-weekly-growth"] .card-icon i,
.service-card[data-service="dream-interpretation-tool"] .card-icon i {
  color: #00d4ff; /* blue like stocks */
}

/* Hover'da da aynı maviyi koru */
.service-card[data-service="thy-baggage-calculator"]:hover .card-icon i,
.service-card[data-service="schengen-90-180-calculator"]:hover .card-icon i,
.service-card[data-service="iban-validator-bank-parser"]:hover .card-icon i,
.service-card[data-service="tc-id-validator-parser"]:hover .card-icon i,
.service-card[data-service="sgk-debt-calculator"]:hover .card-icon i,
.service-card[data-service="turkey-postcode-neighborhood-finder"]:hover .card-icon i,
.service-card[data-service="aquascape-co2-calculator"]:hover .card-icon i,
.service-card[data-service="homebrew-abv-color-calculator"]:hover .card-icon i,
.service-card[data-service="coffee-brew-ratio-tds"]:hover .card-icon i,
.service-card[data-service="bread-dough-ratio-calculator"]:hover .card-icon i,
.service-card[data-service="real-return-calculator-turkey"]:hover .card-icon i,
.service-card[data-service="rent-increase-calculator"]:hover .card-icon i,
.service-card[data-service="mortgage-prepayment-simulator"]:hover .card-icon i,
.service-card[data-service="mtv-2026-calculator"]:hover .card-icon i,
.service-card[data-service="toll-fine-calculator"]:hover .card-icon i,
.service-card[data-service="import-tax-calculator-turkey"]:hover .card-icon i,
.service-card[data-service="family-plan-split-calculator"]:hover .card-icon i,
.service-card[data-service="turkish-slang-translator"]:hover .card-icon i,
.service-card[data-service="tcid-name-generator"]:hover .card-icon i,
.service-card[data-service="license-plate-generator"]:hover .card-icon i,
.service-card[data-service="tv-theme-song-finder"]:hover .card-icon i,
.service-card[data-service="dowry-list-generator"]:hover .card-icon i,
.service-card[data-service="wedding-dress-size-converter"]:hover .card-icon i,
.service-card[data-service="pregnancy-weekly-growth"]:hover .card-icon i,
.service-card[data-service="dream-interpretation-tool"]:hover .card-icon i {
  color: #00d4ff; /* keep stocks blue on hover */
}
/* Make Discount/Tax/Compound Interest and selected utilities/icons blue */
.service-card[data-service="discount-calculator"] .card-icon i,
.service-card[data-service="tax-calculator"] .card-icon i,
.service-card[data-service="compound-interest-calculator"] .card-icon i,
.service-card[data-service="slugify-tool"] .card-icon i,
.service-card[data-service="text-reverser"] .card-icon i,
.service-card[data-service="line-sorter"] .card-icon i,
.service-card[data-service="remove-duplicates"] .card-icon i,
.service-card[data-service="trim-whitespace"] .card-icon i,
.service-card[data-service="timestamp-converter"] .card-icon i,
.service-card[data-service="jwt-decoder"] .card-icon i,
.service-card[data-service="html-entities-converter"] .card-icon i,
.service-card[data-service="csv-to-json"] .card-icon i,
.service-card[data-service="json-to-csv"] .card-icon i,
.service-card[data-service="nanoid-generator"] .card-icon i,
.service-card[data-service="gradient-generator"] .card-icon i,
.service-card[data-service="palindrome-checker"] .card-icon i,
.service-card[data-service="factorial-calculator"] .card-icon i,
.service-card[data-service="prime-checker"] .card-icon i,
.service-card[data-service="gpa-calculator"] .card-icon i,
.service-card[data-service="ip-validator"] .card-icon i,
.service-card[data-service="password-generator"] .card-icon i,
.service-card[data-service="text-diff"] .card-icon i,
.service-card[data-service="base64-encoder"] .card-icon i,
.service-card[data-service="url-encoder"] .card-icon i,
.service-card[data-service="json-formatter"] .card-icon i,
.service-card[data-service="regex-tester"] .card-icon i,
.service-card[data-service="markdown-editor"] .card-icon i,
.service-card[data-service="text-to-speech"] .card-icon i,
.service-card[data-service="color-picker"] .card-icon i,
.service-card[data-service="text-case"] .card-icon i,
.service-card[data-service="ascii-art-generator"] .card-icon i,
.service-card[data-service="timezone-converter"] .card-icon i,
.service-card[data-service="number-base-converter"] .card-icon i,
.service-card[data-service="temperature-converter"] .card-icon i,
.service-card[data-service="angle-converter"] .card-icon i,
.service-card[data-service="uuid-generator"] .card-icon i,
.service-card[data-service="random-number-generator"] .card-icon i,
.service-card[data-service="lorem-ipsum-generator"] .card-icon i,
.service-card[data-service="hash-generator"] .card-icon i,
.service-card[data-service="random-string-generator"] .card-icon i,
.service-card[data-service="color-palette-generator"] .card-icon i,
.service-card[data-service="meme-generator"] .card-icon i,
.service-card[data-service="percentage-calculator"] .card-icon i,
.service-card[data-service="tip-calculator"] .card-icon i,
.service-card[data-service="loan-calculator"] .card-icon i,
.service-card[data-service="mortgage-calculator"] .card-icon i,
.service-card[data-service="bmi-calculator"] .card-icon i,
.service-card[data-service="age-calculator"] .card-icon i,
.service-card[data-service="date-calculator"] .card-icon i,
.service-card[data-service="time-calculator"] .card-icon i {
  color: #00d4ff;
}
/* Blue for inline SVG icons as well (non-hover state) */
.service-card[data-service="discount-calculator"] .card-icon svg,
.service-card[data-service="tax-calculator"] .card-icon svg,
.service-card[data-service="compound-interest-calculator"] .card-icon svg,
.service-card[data-service="slugify-tool"] .card-icon svg,
.service-card[data-service="text-reverser"] .card-icon svg,
.service-card[data-service="line-sorter"] .card-icon svg,
.service-card[data-service="remove-duplicates"] .card-icon svg,
.service-card[data-service="trim-whitespace"] .card-icon svg,
.service-card[data-service="timestamp-converter"] .card-icon svg,
.service-card[data-service="jwt-decoder"] .card-icon svg,
.service-card[data-service="html-entities-converter"] .card-icon svg,
.service-card[data-service="csv-to-json"] .card-icon svg,
.service-card[data-service="json-to-csv"] .card-icon svg,
.service-card[data-service="nanoid-generator"] .card-icon svg,
.service-card[data-service="gradient-generator"] .card-icon svg,
.service-card[data-service="palindrome-checker"] .card-icon svg,
.service-card[data-service="factorial-calculator"] .card-icon svg,
.service-card[data-service="prime-checker"] .card-icon svg,
.service-card[data-service="gpa-calculator"] .card-icon svg,
.service-card[data-service="ip-validator"] .card-icon svg,
.service-card[data-service="password-generator"] .card-icon svg,
.service-card[data-service="text-diff"] .card-icon svg,
.service-card[data-service="base64-encoder"] .card-icon svg,
.service-card[data-service="url-encoder"] .card-icon svg,
.service-card[data-service="json-formatter"] .card-icon svg,
.service-card[data-service="regex-tester"] .card-icon svg,
.service-card[data-service="markdown-editor"] .card-icon svg,
.service-card[data-service="text-to-speech"] .card-icon svg,
.service-card[data-service="color-picker"] .card-icon svg,
.service-card[data-service="text-case"] .card-icon svg,
.service-card[data-service="ascii-art-generator"] .card-icon svg,
.service-card[data-service="timezone-converter"] .card-icon svg,
.service-card[data-service="number-base-converter"] .card-icon svg,
.service-card[data-service="temperature-converter"] .card-icon svg,
.service-card[data-service="angle-converter"] .card-icon svg,
.service-card[data-service="uuid-generator"] .card-icon svg,
.service-card[data-service="random-number-generator"] .card-icon svg,
.service-card[data-service="lorem-ipsum-generator"] .card-icon svg,
.service-card[data-service="hash-generator"] .card-icon svg,
.service-card[data-service="random-string-generator"] .card-icon svg,
.service-card[data-service="color-palette-generator"] .card-icon svg,
.service-card[data-service="meme-generator"] .card-icon svg,
.service-card[data-service="percentage-calculator"] .card-icon svg,
.service-card[data-service="tip-calculator"] .card-icon svg,
.service-card[data-service="loan-calculator"] .card-icon svg,
.service-card[data-service="mortgage-calculator"] .card-icon svg,
.service-card[data-service="bmi-calculator"] .card-icon svg,
.service-card[data-service="age-calculator"] .card-icon svg,
.service-card[data-service="date-calculator"] .card-icon svg,
.service-card[data-service="time-calculator"] .card-icon svg,
.service-card[data-service="discount-calculator"] .card-icon path,
.service-card[data-service="tax-calculator"] .card-icon path,
.service-card[data-service="compound-interest-calculator"] .card-icon path,
.service-card[data-service="slugify-tool"] .card-icon path,
.service-card[data-service="text-reverser"] .card-icon path,
.service-card[data-service="line-sorter"] .card-icon path,
.service-card[data-service="remove-duplicates"] .card-icon path,
.service-card[data-service="trim-whitespace"] .card-icon path,
.service-card[data-service="timestamp-converter"] .card-icon path,
.service-card[data-service="jwt-decoder"] .card-icon path,
.service-card[data-service="html-entities-converter"] .card-icon path,
.service-card[data-service="csv-to-json"] .card-icon path,
.service-card[data-service="json-to-csv"] .card-icon path,
.service-card[data-service="nanoid-generator"] .card-icon path,
.service-card[data-service="gradient-generator"] .card-icon path,
.service-card[data-service="palindrome-checker"] .card-icon path,
.service-card[data-service="factorial-calculator"] .card-icon path,
.service-card[data-service="prime-checker"] .card-icon path,
.service-card[data-service="gpa-calculator"] .card-icon path,
.service-card[data-service="ip-validator"] .card-icon path,
.service-card[data-service="password-generator"] .card-icon path,
.service-card[data-service="text-diff"] .card-icon path,
.service-card[data-service="base64-encoder"] .card-icon path,
.service-card[data-service="url-encoder"] .card-icon path,
.service-card[data-service="json-formatter"] .card-icon path,
.service-card[data-service="regex-tester"] .card-icon path,
.service-card[data-service="markdown-editor"] .card-icon path,
.service-card[data-service="text-to-speech"] .card-icon path,
.service-card[data-service="color-picker"] .card-icon path,
.service-card[data-service="text-case"] .card-icon path,
.service-card[data-service="ascii-art-generator"] .card-icon path,
.service-card[data-service="timezone-converter"] .card-icon path,
.service-card[data-service="number-base-converter"] .card-icon path,
.service-card[data-service="temperature-converter"] .card-icon path,
.service-card[data-service="angle-converter"] .card-icon path,
.service-card[data-service="uuid-generator"] .card-icon path,
.service-card[data-service="random-number-generator"] .card-icon path,
.service-card[data-service="lorem-ipsum-generator"] .card-icon path,
.service-card[data-service="hash-generator"] .card-icon path,
.service-card[data-service="random-string-generator"] .card-icon path,
.service-card[data-service="color-palette-generator"] .card-icon path,
.service-card[data-service="meme-generator"] .card-icon path,
.service-card[data-service="percentage-calculator"] .card-icon path,
.service-card[data-service="tip-calculator"] .card-icon path,
.service-card[data-service="loan-calculator"] .card-icon path,
.service-card[data-service="mortgage-calculator"] .card-icon path,
.service-card[data-service="bmi-calculator"] .card-icon path,
.service-card[data-service="age-calculator"] .card-icon path,
.service-card[data-service="date-calculator"] .card-icon path,
.service-card[data-service="time-calculator"] .card-icon path {
  color: #00d4ff;
  fill: #00d4ff;
}
/* Alt modallar: fizik/optik/akışkan/termal/kimya/matematik/biyo/jeoloji/tesisat kartlarının
   varsayılan ikon rengini sarı (#ffc107) yap. Hem <i> hem inline SVG için uygula. */
.service-card[data-service="ideal-gas-law"] .card-icon i,
.service-card[data-service="gas-density"] .card-icon i,
.service-card[data-service="buoyancy-force"] .card-icon i,
.service-card[data-service="reynolds-number"] .card-icon i,
.service-card[data-service="drag-force"] .card-icon i,
.service-card[data-service="terminal-velocity"] .card-icon i,
.service-card[data-service="projectile-range"] .card-icon i,
.service-card[data-service="harmonic-oscillator-period"] .card-icon i,
.service-card[data-service="diffusion-time"] .card-icon i,
.service-card[data-service="inclined-plane-acceleration"] .card-icon i,
.service-card[data-service="centripetal-force"] .card-icon i,
.service-card[data-service="torque-calculator"] .card-icon i,
.service-card[data-service="gravitational-force-two-masses"] .card-icon i,
.service-card[data-service="orbital-period-two-body"] .card-icon i,
.service-card[data-service="projectile-time-of-flight"] .card-icon i,
.service-card[data-service="damped-natural-frequency"] .card-icon i,
.service-card[data-service="linear-thermal-expansion"] .card-icon i,
.service-card[data-service="beam-deflection-simply-supported"] .card-icon i,
.service-card[data-service="beam-deflection"] .card-icon i,
.service-card[data-service="stress-strain"] .card-icon i,
.service-card[data-service="snell-law-refraction"] .card-icon i,
.service-card[data-service="lens-maker-equation"] .card-icon i,
.service-card[data-service="thin-lens-image-solver"] .card-icon i,
.service-card[data-service="diffraction-grating-angle"] .card-icon i,
.service-card[data-service="brewster-angle"] .card-icon i,
.service-card[data-service="fresnel-reflectance-normal"] .card-icon i,
.service-card[data-service="microscope-resolution-rayleigh"] .card-icon i,
.service-card[data-service="fiber-v-number"] .card-icon i,
.service-card[data-service="atmospheric-refraction-calculator"] .card-icon i,
.service-card[data-service="sensor-fov-calculator"] .card-icon i,
.service-card[data-service="dittus-boelter-nusselt"] .card-icon i,
.service-card[data-service="convective-h-coefficient"] .card-icon i,
.service-card[data-service="darcy-weisbach-head-loss"] .card-icon i,
.service-card[data-service="pressure-drop-from-head-loss"] .card-icon i,
.service-card[data-service="pump-power-calculator"] .card-icon i,
.service-card[data-service="prandtl-from-cp-mu-k"] .card-icon i,
.service-card[data-service="grashof-number"] .card-icon i,
.service-card[data-service="radiant-heat-loss-stefan-boltzmann"] .card-icon i,
.service-card[data-service="heat-conduction-plane"] .card-icon i,
.service-card[data-service="ph-calculator"] .card-icon i,
.service-card[data-service="henderson-hasselbalch"] .card-icon i,
.service-card[data-service="dilution-calc"] .card-icon i,
.service-card[data-service="molarity-calculator"] .card-icon i,
.service-card[data-service="van-der-waals-pressure"] .card-icon i,
.service-card[data-service="boiling-point-elevation-colligative"] .card-icon i,
.service-card[data-service="freezing-point-depression-colligative"] .card-icon i,
.service-card[data-service="raoult-binary-mixture-total-pressure"] .card-icon i,
.service-card[data-service="beers-law-absorbance"] .card-icon i,
.service-card[data-service="arrhenius-rate-constant"] .card-icon i,
.service-card[data-service="heron-triangle-area"] .card-icon i,
.service-card[data-service="geometric-series-sum"] .card-icon i,
.service-card[data-service="alveolar-gas-equation"] .card-icon i,
.service-card[data-service="gfr-cockcroft-gault"] .card-icon i,
.service-card[data-service="bouguer-slab-correction"] .card-icon i,
.service-card[data-service="lithostatic-pressure"] .card-icon i,
.service-card[data-service="seismic-moment"] .card-icon i,
.service-card[data-service="manning-open-channel-flow"] .card-icon i,
.service-card[data-service="stokes-settling-velocity"] .card-icon i,
.service-card[data-service="orifice-flow-rate"] .card-icon i,
/* Inline SVG/Path ikonları için aynı sarı tonu uygula */
.service-card[data-service="ideal-gas-law"] .card-icon svg,
.service-card[data-service="gas-density"] .card-icon svg,
.service-card[data-service="buoyancy-force"] .card-icon svg,
.service-card[data-service="reynolds-number"] .card-icon svg,
.service-card[data-service="drag-force"] .card-icon svg,
.service-card[data-service="terminal-velocity"] .card-icon svg,
.service-card[data-service="projectile-range"] .card-icon svg,
.service-card[data-service="harmonic-oscillator-period"] .card-icon svg,
.service-card[data-service="diffusion-time"] .card-icon svg,
.service-card[data-service="inclined-plane-acceleration"] .card-icon svg,
.service-card[data-service="centripetal-force"] .card-icon svg,
.service-card[data-service="torque-calculator"] .card-icon svg,
.service-card[data-service="gravitational-force-two-masses"] .card-icon svg,
.service-card[data-service="orbital-period-two-body"] .card-icon svg,
.service-card[data-service="projectile-time-of-flight"] .card-icon svg,
.service-card[data-service="damped-natural-frequency"] .card-icon svg,
.service-card[data-service="linear-thermal-expansion"] .card-icon svg,
.service-card[data-service="beam-deflection-simply-supported"] .card-icon svg,
.service-card[data-service="beam-deflection"] .card-icon svg,
.service-card[data-service="stress-strain"] .card-icon svg,
.service-card[data-service="snell-law-refraction"] .card-icon svg,
.service-card[data-service="lens-maker-equation"] .card-icon svg,
.service-card[data-service="thin-lens-image-solver"] .card-icon svg,
.service-card[data-service="diffraction-grating-angle"] .card-icon svg,
.service-card[data-service="brewster-angle"] .card-icon svg,
.service-card[data-service="fresnel-reflectance-normal"] .card-icon svg,
.service-card[data-service="microscope-resolution-rayleigh"] .card-icon svg,
.service-card[data-service="fiber-v-number"] .card-icon svg,
.service-card[data-service="atmospheric-refraction-calculator"] .card-icon svg,
.service-card[data-service="sensor-fov-calculator"] .card-icon svg,
.service-card[data-service="dittus-boelter-nusselt"] .card-icon svg,
.service-card[data-service="convective-h-coefficient"] .card-icon svg,
.service-card[data-service="darcy-weisbach-head-loss"] .card-icon svg,
.service-card[data-service="pressure-drop-from-head-loss"] .card-icon svg,
.service-card[data-service="pump-power-calculator"] .card-icon svg,
.service-card[data-service="prandtl-from-cp-mu-k"] .card-icon svg,
.service-card[data-service="grashof-number"] .card-icon svg,
.service-card[data-service="radiant-heat-loss-stefan-boltzmann"] .card-icon svg,
.service-card[data-service="heat-conduction-plane"] .card-icon svg,
.service-card[data-service="ph-calculator"] .card-icon svg,
.service-card[data-service="henderson-hasselbalch"] .card-icon svg,
.service-card[data-service="dilution-calc"] .card-icon svg,
.service-card[data-service="molarity-calculator"] .card-icon svg,
.service-card[data-service="van-der-waals-pressure"] .card-icon svg,
.service-card[data-service="boiling-point-elevation-colligative"] .card-icon svg,
.service-card[data-service="freezing-point-depression-colligative"] .card-icon svg,
.service-card[data-service="raoult-binary-mixture-total-pressure"] .card-icon svg,
.service-card[data-service="beers-law-absorbance"] .card-icon svg,
.service-card[data-service="arrhenius-rate-constant"] .card-icon svg,
.service-card[data-service="heron-triangle-area"] .card-icon svg,
.service-card[data-service="geometric-series-sum"] .card-icon svg,
.service-card[data-service="alveolar-gas-equation"] .card-icon svg,
.service-card[data-service="gfr-cockcroft-gault"] .card-icon svg,
.service-card[data-service="bouguer-slab-correction"] .card-icon svg,
.service-card[data-service="lithostatic-pressure"] .card-icon svg,
.service-card[data-service="seismic-moment"] .card-icon svg,
.service-card[data-service="manning-open-channel-flow"] .card-icon svg,
.service-card[data-service="stokes-settling-velocity"] .card-icon svg,
.service-card[data-service="orifice-flow-rate"] .card-icon svg,
.service-card[data-service="ideal-gas-law"] .card-icon path,
.service-card[data-service="gas-density"] .card-icon path,
.service-card[data-service="buoyancy-force"] .card-icon path,
.service-card[data-service="reynolds-number"] .card-icon path,
.service-card[data-service="drag-force"] .card-icon path,
.service-card[data-service="terminal-velocity"] .card-icon path,
.service-card[data-service="projectile-range"] .card-icon path,
.service-card[data-service="harmonic-oscillator-period"] .card-icon path,
.service-card[data-service="diffusion-time"] .card-icon path,
.service-card[data-service="inclined-plane-acceleration"] .card-icon path,
.service-card[data-service="centripetal-force"] .card-icon path,
.service-card[data-service="torque-calculator"] .card-icon path,
.service-card[data-service="gravitational-force-two-masses"] .card-icon path,
.service-card[data-service="orbital-period-two-body"] .card-icon path,
.service-card[data-service="projectile-time-of-flight"] .card-icon path,
.service-card[data-service="damped-natural-frequency"] .card-icon path,
.service-card[data-service="linear-thermal-expansion"] .card-icon path,
.service-card[data-service="beam-deflection-simply-supported"] .card-icon path,
.service-card[data-service="beam-deflection"] .card-icon path,
.service-card[data-service="stress-strain"] .card-icon path,
.service-card[data-service="snell-law-refraction"] .card-icon path,
.service-card[data-service="lens-maker-equation"] .card-icon path,
.service-card[data-service="thin-lens-image-solver"] .card-icon path,
.service-card[data-service="diffraction-grating-angle"] .card-icon path,
.service-card[data-service="brewster-angle"] .card-icon path,
.service-card[data-service="fresnel-reflectance-normal"] .card-icon path,
.service-card[data-service="microscope-resolution-rayleigh"] .card-icon path,
.service-card[data-service="fiber-v-number"] .card-icon path,
.service-card[data-service="atmospheric-refraction-calculator"] .card-icon path,
.service-card[data-service="sensor-fov-calculator"] .card-icon path,
.service-card[data-service="dittus-boelter-nusselt"] .card-icon path,
.service-card[data-service="convective-h-coefficient"] .card-icon path,
.service-card[data-service="darcy-weisbach-head-loss"] .card-icon path,
.service-card[data-service="pressure-drop-from-head-loss"] .card-icon path,
.service-card[data-service="pump-power-calculator"] .card-icon path,
.service-card[data-service="prandtl-from-cp-mu-k"] .card-icon path,
.service-card[data-service="grashof-number"] .card-icon path,
.service-card[data-service="radiant-heat-loss-stefan-boltzmann"] .card-icon path,
.service-card[data-service="heat-conduction-plane"] .card-icon path,
.service-card[data-service="ph-calculator"] .card-icon path,
.service-card[data-service="henderson-hasselbalch"] .card-icon path,
.service-card[data-service="dilution-calc"] .card-icon path,
.service-card[data-service="molarity-calculator"] .card-icon path,
.service-card[data-service="van-der-waals-pressure"] .card-icon path,
.service-card[data-service="boiling-point-elevation-colligative"] .card-icon path,
.service-card[data-service="freezing-point-depression-colligative"] .card-icon path,
.service-card[data-service="raoult-binary-mixture-total-pressure"] .card-icon path,
.service-card[data-service="beers-law-absorbance"] .card-icon path,
.service-card[data-service="arrhenius-rate-constant"] .card-icon path,
.service-card[data-service="heron-triangle-area"] .card-icon path,
.service-card[data-service="geometric-series-sum"] .card-icon path,
.service-card[data-service="alveolar-gas-equation"] .card-icon path,
.service-card[data-service="gfr-cockcroft-gault"] .card-icon path,
.service-card[data-service="bouguer-slab-correction"] .card-icon path,
.service-card[data-service="lithostatic-pressure"] .card-icon path,
.service-card[data-service="seismic-moment"] .card-icon path,
.service-card[data-service="manning-open-channel-flow"] .card-icon path,
.service-card[data-service="stokes-settling-velocity"] .card-icon path,
.service-card[data-service="orifice-flow-rate"] .card-icon path {
  color: #ffc107; /* sarı */
  fill: #ffc107; /* inline SVG için sarı */
}
/* Alt modallar (kullanıcı talep listesi): ikonları sarı yap */
.service-card[data-service="swamee-jain-friction"] .card-icon i,
.service-card[data-service="quadratic-roots"] .card-icon i,
.service-card[data-service="cubic-polynomial-evaluator"] .card-icon i,
.service-card[data-service="vector-3d-dot-product"] .card-icon i,
.service-card[data-service="michaelis-menten-rate"] .card-icon i,
.service-card[data-service="logistic-population-growth"] .card-icon i,
.service-card[data-service="oxygen-hemoglobin-hill-saturation"] .card-icon i,
.service-card[data-service="geothermal-heat-flux"] .card-icon i,
.service-card[data-service="porosity-from-densities"] .card-icon i,
.service-card[data-service="ucs-strength-estimator"] .card-icon i,
.service-card[data-service="valve-cv-flow-rate"] .card-icon i {
  color: #ffc107;
}
.service-card[data-service="swamee-jain-friction"] .card-icon svg,
.service-card[data-service="quadratic-roots"] .card-icon svg,
.service-card[data-service="cubic-polynomial-evaluator"] .card-icon svg,
.service-card[data-service="vector-3d-dot-product"] .card-icon svg,
.service-card[data-service="michaelis-menten-rate"] .card-icon svg,
.service-card[data-service="logistic-population-growth"] .card-icon svg,
.service-card[data-service="oxygen-hemoglobin-hill-saturation"] .card-icon svg,
.service-card[data-service="geothermal-heat-flux"] .card-icon svg,
.service-card[data-service="porosity-from-densities"] .card-icon svg,
.service-card[data-service="ucs-strength-estimator"] .card-icon svg,
.service-card[data-service="valve-cv-flow-rate"] .card-icon svg,
.service-card[data-service="swamee-jain-friction"] .card-icon path,
.service-card[data-service="quadratic-roots"] .card-icon path,
.service-card[data-service="cubic-polynomial-evaluator"] .card-icon path,
.service-card[data-service="vector-3d-dot-product"] .card-icon path,
.service-card[data-service="michaelis-menten-rate"] .card-icon path,
.service-card[data-service="logistic-population-growth"] .card-icon path,
.service-card[data-service="oxygen-hemoglobin-hill-saturation"] .card-icon path,
.service-card[data-service="geothermal-heat-flux"] .card-icon path,
.service-card[data-service="porosity-from-densities"] .card-icon path,
.service-card[data-service="ucs-strength-estimator"] .card-icon path,
.service-card[data-service="valve-cv-flow-rate"] .card-icon path {
  color: #ffc107;
  fill: #ffc107;
}
/* Final global override: white hover for all homepage modal icons */
.service-card[data-service]:hover .card-icon i,
.service-card[data-service]:hover .card-icon svg,
.service-card[data-service]:hover .card-icon path {
  color: #fff !important;
  fill: #fff !important;
}
.service-card[data-service] .card-icon i:hover,
.service-card[data-service] .card-icon svg:hover,
.service-card[data-service] .card-icon path:hover {
  color: #fff !important;
  fill: #fff !important;
}

/* === Homepage: Atmospheric Refraction — set yellow icon (#fee642) === */
/* Default state — Font Awesome <i> icon */
.service-card[data-service="atmospheric-refraction-calculator"] .card-icon i {
  color: #fee642 !important;
  text-shadow: none !important;
  filter: none !important;
}

/* Default state — inline SVG/path icon */
.service-card[data-service="atmospheric-refraction-calculator"] .card-icon svg,
.service-card[data-service="atmospheric-refraction-calculator"] .card-icon path {
  color: #fee642 !important;
  fill: #fee642 !important;
  filter: none !important;
}

/* Hover — keep site-wide behavior: white on hover */
.service-card[data-service="atmospheric-refraction-calculator"]:hover .card-icon i,
.service-card[data-service="atmospheric-refraction-calculator"]:hover .card-icon svg,
.service-card[data-service="atmospheric-refraction-calculator"]:hover .card-icon path {
  color: #fff !important;
  fill: #fff !important;
  filter: none !important;
}

/* === Homepage: Shadow Length & Solar Elevation — red icons (#FF1744) === */
/* Default state — Font Awesome <i> icons */
.service-card[data-service="shadow-length-calculator"] .card-icon i,
.service-card[data-service="solar-elevation-calculator"] .card-icon i {
  color: #FF1744 !important;
  text-shadow: none !important;
  filter: none !important;
}

/* Default state — inline SVG/path icons */
.service-card[data-service="shadow-length-calculator"] .card-icon svg,
.service-card[data-service="solar-elevation-calculator"] .card-icon svg,
.service-card[data-service="shadow-length-calculator"] .card-icon path,
.service-card[data-service="solar-elevation-calculator"] .card-icon path {
  color: #FF1744 !important;
  fill: #FF1744 !important;
  filter: none !important;
}

/* Hover — keep site-wide behavior: white on hover for these two */
.service-card[data-service="shadow-length-calculator"]:hover .card-icon i,
.service-card[data-service="solar-elevation-calculator"]:hover .card-icon i,
.service-card[data-service="shadow-length-calculator"]:hover .card-icon svg,
.service-card[data-service="solar-elevation-calculator"]:hover .card-icon svg,
.service-card[data-service="shadow-length-calculator"]:hover .card-icon path,
.service-card[data-service="solar-elevation-calculator"]:hover .card-icon path {
  color: #fff !important;
  fill: #fff !important;
  filter: none !important;
}
/* === Astrolab: Yeşil (#00FF7F) ve blursuz ikonlar (default state) === */
/* <i> tabanlı ikonlar için: yeşil yap ve blur/glow efektlerini kaldır */
.service-card[data-service="atmospheric-refraction-calculator"] .card-icon i,
.service-card[data-service="sensor-fov-calculator"] .card-icon i,
.service-card[data-service="shadow-length-calculator"] .card-icon i,
.service-card[data-service="solar-elevation-calculator"] .card-icon i,
.service-card[data-service="diffraction-limit-calculator"] .card-icon i,
.service-card[data-service="ccd-pixel-scale-calculator"] .card-icon i,
.service-card[data-service="exit-pupil-calculator"] .card-icon i,
.service-card[data-service="true-field-of-view"] .card-icon i,
.service-card[data-service="eyepiece-magnification"] .card-icon i,
.service-card[data-service="light-collecting-area"] .card-icon i,
.service-card[data-service="focal-reducer-effective-focal"] .card-icon i,
.service-card[data-service="mirror-focal-length-calculator"] .card-icon i,
.service-card[data-service="backfocus-spacing-calculator"] .card-icon i,
.service-card[data-service="stacking-snr-improvement"] .card-icon i,
.service-card[data-service="photometric-snr-calculator"] .card-icon i,
.service-card[data-service="sub-exposure-calculator"] .card-icon i,
.service-card[data-service="guiding-rms-estimator"] .card-icon i,
.service-card[data-service="pixel-binning-scale"] .card-icon i,
.service-card[data-service="rayleigh-criterion-calculator"] .card-icon i,
.service-card[data-service="galactic-coordinate-converter"] .card-icon i,
.service-card[data-service="ecliptic-coordinate-converter"] .card-icon i,
.service-card[data-service="hour-angle-calculator"] .card-icon i,
.service-card[data-service="lst-calculator"] .card-icon i,
.service-card[data-service="field-rotation-calculator"] .card-icon i,
.service-card[data-service="planet-rise-set-times"] .card-icon i,
.service-card[data-service="planet-conjunction-finder"] .card-icon i,
.service-card[data-service="comet-close-approach"] .card-icon i,
.service-card[data-service="asteroid-flyby-tracker"] .card-icon i,
.service-card[data-service="iss-visibility-window"] .card-icon i,
.service-card[data-service="satellite-tle-parser"] .card-icon i,
.service-card[data-service="satellite-pass-predictor"] .card-icon i,
.service-card[data-service="meteor-radiant-finder"] .card-icon i,
.service-card[data-service="zodiacal-light-visibility"] .card-icon i,
.service-card[data-service="dark-sky-map-link"] .card-icon i,
.service-card[data-service="circumpolar-star-finder"] .card-icon i,
.service-card[data-service="sun-altitude-at-noon"] .card-icon i,
.service-card[data-service="equation-of-time"] .card-icon i,
.service-card[data-service="analemma-plot-helper"] .card-icon i,
.service-card[data-service="earth-distance-sun"] .card-icon i,
.service-card[data-service="perihelion-aphelion-dates"] .card-icon i,
.service-card[data-service="lunar-perigee-apogee-dates"] .card-icon i,
.service-card[data-service="planetary-opposition-finder"] .card-icon i,
.service-card[data-service="galaxy-size-apparent"] .card-icon i,
.service-card[data-service="globular-cluster-visibility"] .card-icon i,
.service-card[data-service="nebula-surface-brightness"] .card-icon i,
.service-card[data-service="double-star-split-estimator"] .card-icon i,
.service-card[data-service="newtonian-secondary-size"] .card-icon i,
.service-card[data-service="bino-magnification"] .card-icon i,
.service-card[data-service="sky-transparency-index"] .card-icon i,
.service-card[data-service="airglow-brightness-estimator"] .card-icon i,
.service-card[data-service="dark-current-noise-estimator"] .card-icon i,
.service-card[data-service="read-noise-impact-estimator"] .card-icon i,
.service-card[data-service="flat-field-exposure-calculator"] .card-icon i,
.service-card[data-service="bias-frame-exposure-calculator"] .card-icon i,
.service-card[data-service="darks-frame-exposure-calculator"] .card-icon i,
.service-card[data-service="gain-offset-helper"] .card-icon i,
.service-card[data-service="cosmic-ray-estimator"] .card-icon i,
.service-card[data-service="extinction-correction-calculator"] .card-icon i,
.service-card[data-service="redshift-velocity-converter"] .card-icon i,
.service-card[data-service="hubble-law-calculator"] .card-icon i,
.service-card[data-service="angular-size-distance"] .card-icon i,
.service-card[data-service="luminosity-distance"] .card-icon i,
.service-card[data-service="comoving-distance"] .card-icon i,
.service-card[data-service="lookback-time-calculator"] .card-icon i,
.service-card[data-service="blackbody-spectrum"] .card-icon i,
.service-card[data-service="planck-law-calculator"] .card-icon i,
.service-card[data-service="wein-displacement-calculator"] .card-icon i,
.service-card[data-service="stephan-boltzmann-calculator"] .card-icon i,
.service-card[data-service="radiance-to-magnitude"] .card-icon i,
.service-card[data-service="bolometric-correction"] .card-icon i,
.service-card[data-service="solar-cycle-index-link"] .card-icon i,
.service-card[data-service="kp-index-link"] .card-icon i,
.service-card[data-service="eclipse-prediction-link"] .card-icon i,
.service-card[data-service="lunar-eclipse-contact-calculator"] .card-icon i,
.service-card[data-service="solar-eclipse-contact-calculator"] .card-icon i,
.service-card[data-service="narrowband-target-helper"] .card-icon i,
.service-card[data-service="parallax-distance-calculator"] .card-icon i,
.service-card[data-service="limiting-magnitude-calculator"] .card-icon i,
.service-card[data-service="limiting-magnitude-estimator"] .card-icon i,
.service-card[data-service="airmass-calculator"] .card-icon i,
.service-card[data-service="barlow-effective-focal"] .card-icon i,
.service-card[data-service="filter-bandpass-coverage"] .card-icon i,
.service-card[data-service="cosmology-presets-table"] .card-icon i,
.service-card[data-service="limiting-surface-brightness-calculator"] .card-icon i {
  color: #fee642 !important;
  text-shadow: none !important;
  filter: none !important;
}

/* Inline SVG/path ikonları için aynı yeşil tonunu ve blur kaldırmayı uygula */
.service-card[data-service="atmospheric-refraction-calculator"] .card-icon svg,
.service-card[data-service="sensor-fov-calculator"] .card-icon svg,
.service-card[data-service="shadow-length-calculator"] .card-icon svg,
.service-card[data-service="solar-elevation-calculator"] .card-icon svg,
.service-card[data-service="diffraction-limit-calculator"] .card-icon svg,
.service-card[data-service="ccd-pixel-scale-calculator"] .card-icon svg,
.service-card[data-service="exit-pupil-calculator"] .card-icon svg,
.service-card[data-service="true-field-of-view"] .card-icon svg,
.service-card[data-service="eyepiece-magnification"] .card-icon svg,
.service-card[data-service="light-collecting-area"] .card-icon svg,
.service-card[data-service="focal-reducer-effective-focal"] .card-icon svg,
.service-card[data-service="mirror-focal-length-calculator"] .card-icon svg,
.service-card[data-service="backfocus-spacing-calculator"] .card-icon svg,
.service-card[data-service="stacking-snr-improvement"] .card-icon svg,
.service-card[data-service="photometric-snr-calculator"] .card-icon svg,
.service-card[data-service="sub-exposure-calculator"] .card-icon svg,
.service-card[data-service="guiding-rms-estimator"] .card-icon svg,
.service-card[data-service="pixel-binning-scale"] .card-icon svg,
.service-card[data-service="rayleigh-criterion-calculator"] .card-icon svg,
.service-card[data-service="galactic-coordinate-converter"] .card-icon svg,
.service-card[data-service="ecliptic-coordinate-converter"] .card-icon svg,
.service-card[data-service="hour-angle-calculator"] .card-icon svg,
.service-card[data-service="lst-calculator"] .card-icon svg,
.service-card[data-service="field-rotation-calculator"] .card-icon svg,
.service-card[data-service="planet-rise-set-times"] .card-icon svg,
.service-card[data-service="planet-conjunction-finder"] .card-icon svg,
.service-card[data-service="comet-close-approach"] .card-icon svg,
.service-card[data-service="asteroid-flyby-tracker"] .card-icon svg,
.service-card[data-service="iss-visibility-window"] .card-icon svg,
.service-card[data-service="satellite-tle-parser"] .card-icon svg,
.service-card[data-service="satellite-pass-predictor"] .card-icon svg,
.service-card[data-service="meteor-radiant-finder"] .card-icon svg,
.service-card[data-service="zodiacal-light-visibility"] .card-icon svg,
.service-card[data-service="dark-sky-map-link"] .card-icon svg,
.service-card[data-service="circumpolar-star-finder"] .card-icon svg,
.service-card[data-service="sun-altitude-at-noon"] .card-icon svg,
.service-card[data-service="equation-of-time"] .card-icon svg,
.service-card[data-service="analemma-plot-helper"] .card-icon svg,
.service-card[data-service="earth-distance-sun"] .card-icon svg,
.service-card[data-service="perihelion-aphelion-dates"] .card-icon svg,
.service-card[data-service="lunar-perigee-apogee-dates"] .card-icon svg,
.service-card[data-service="planetary-opposition-finder"] .card-icon svg,
.service-card[data-service="galaxy-size-apparent"] .card-icon svg,
.service-card[data-service="globular-cluster-visibility"] .card-icon svg,
.service-card[data-service="nebula-surface-brightness"] .card-icon svg,
.service-card[data-service="double-star-split-estimator"] .card-icon svg,
.service-card[data-service="newtonian-secondary-size"] .card-icon svg,
.service-card[data-service="bino-magnification"] .card-icon svg,
.service-card[data-service="sky-transparency-index"] .card-icon svg,
.service-card[data-service="airglow-brightness-estimator"] .card-icon svg,
.service-card[data-service="dark-current-noise-estimator"] .card-icon svg,
.service-card[data-service="read-noise-impact-estimator"] .card-icon svg,
.service-card[data-service="flat-field-exposure-calculator"] .card-icon svg,
.service-card[data-service="bias-frame-exposure-calculator"] .card-icon svg,
.service-card[data-service="darks-frame-exposure-calculator"] .card-icon svg,
.service-card[data-service="gain-offset-helper"] .card-icon svg,
.service-card[data-service="cosmic-ray-estimator"] .card-icon svg,
.service-card[data-service="extinction-correction-calculator"] .card-icon svg,
.service-card[data-service="redshift-velocity-converter"] .card-icon svg,
.service-card[data-service="hubble-law-calculator"] .card-icon svg,
.service-card[data-service="angular-size-distance"] .card-icon svg,
.service-card[data-service="luminosity-distance"] .card-icon svg,
.service-card[data-service="comoving-distance"] .card-icon svg,
.service-card[data-service="lookback-time-calculator"] .card-icon svg,
.service-card[data-service="blackbody-spectrum"] .card-icon svg,
.service-card[data-service="planck-law-calculator"] .card-icon svg,
.service-card[data-service="wein-displacement-calculator"] .card-icon svg,
.service-card[data-service="stephan-boltzmann-calculator"] .card-icon svg,
.service-card[data-service="radiance-to-magnitude"] .card-icon svg,
.service-card[data-service="bolometric-correction"] .card-icon svg,
.service-card[data-service="solar-cycle-index-link"] .card-icon svg,
.service-card[data-service="kp-index-link"] .card-icon svg,
.service-card[data-service="eclipse-prediction-link"] .card-icon svg,
.service-card[data-service="lunar-eclipse-contact-calculator"] .card-icon svg,
.service-card[data-service="solar-eclipse-contact-calculator"] .card-icon svg,
.service-card[data-service="narrowband-target-helper"] .card-icon svg,
.service-card[data-service="parallax-distance-calculator"] .card-icon svg,
.service-card[data-service="limiting-magnitude-calculator"] .card-icon svg,
.service-card[data-service="limiting-magnitude-estimator"] .card-icon svg,
.service-card[data-service="airmass-calculator"] .card-icon svg,
.service-card[data-service="barlow-effective-focal"] .card-icon svg,
.service-card[data-service="filter-bandpass-coverage"] .card-icon svg,
.service-card[data-service="cosmology-presets-table"] .card-icon svg,
.service-card[data-service="limiting-surface-brightness-calculator"] .card-icon svg,
.service-card[data-service="atmospheric-refraction-calculator"] .card-icon path,
.service-card[data-service="sensor-fov-calculator"] .card-icon path,
.service-card[data-service="shadow-length-calculator"] .card-icon path,
.service-card[data-service="solar-elevation-calculator"] .card-icon path,
.service-card[data-service="diffraction-limit-calculator"] .card-icon path,
.service-card[data-service="ccd-pixel-scale-calculator"] .card-icon path,
.service-card[data-service="exit-pupil-calculator"] .card-icon path,
.service-card[data-service="true-field-of-view"] .card-icon path,
.service-card[data-service="eyepiece-magnification"] .card-icon path,
.service-card[data-service="light-collecting-area"] .card-icon path,
.service-card[data-service="focal-reducer-effective-focal"] .card-icon path,
.service-card[data-service="mirror-focal-length-calculator"] .card-icon path,
.service-card[data-service="backfocus-spacing-calculator"] .card-icon path,
.service-card[data-service="stacking-snr-improvement"] .card-icon path,
.service-card[data-service="photometric-snr-calculator"] .card-icon path,
.service-card[data-service="sub-exposure-calculator"] .card-icon path,
.service-card[data-service="guiding-rms-estimator"] .card-icon path,
.service-card[data-service="pixel-binning-scale"] .card-icon path,
.service-card[data-service="rayleigh-criterion-calculator"] .card-icon path,
.service-card[data-service="galactic-coordinate-converter"] .card-icon path,
.service-card[data-service="ecliptic-coordinate-converter"] .card-icon path,
.service-card[data-service="hour-angle-calculator"] .card-icon path,
.service-card[data-service="lst-calculator"] .card-icon path,
.service-card[data-service="field-rotation-calculator"] .card-icon path,
.service-card[data-service="planet-rise-set-times"] .card-icon path,
.service-card[data-service="planet-conjunction-finder"] .card-icon path,
.service-card[data-service="comet-close-approach"] .card-icon path,
.service-card[data-service="asteroid-flyby-tracker"] .card-icon path,
.service-card[data-service="iss-visibility-window"] .card-icon path,
.service-card[data-service="satellite-tle-parser"] .card-icon path,
.service-card[data-service="satellite-pass-predictor"] .card-icon path,
.service-card[data-service="meteor-radiant-finder"] .card-icon path,
.service-card[data-service="zodiacal-light-visibility"] .card-icon path,
.service-card[data-service="dark-sky-map-link"] .card-icon path,
.service-card[data-service="circumpolar-star-finder"] .card-icon path,
.service-card[data-service="sun-altitude-at-noon"] .card-icon path,
.service-card[data-service="equation-of-time"] .card-icon path,
.service-card[data-service="analemma-plot-helper"] .card-icon path,
.service-card[data-service="earth-distance-sun"] .card-icon path,
.service-card[data-service="perihelion-aphelion-dates"] .card-icon path,
.service-card[data-service="lunar-perigee-apogee-dates"] .card-icon path,
.service-card[data-service="planetary-opposition-finder"] .card-icon path,
.service-card[data-service="galaxy-size-apparent"] .card-icon path,
.service-card[data-service="globular-cluster-visibility"] .card-icon path,
.service-card[data-service="nebula-surface-brightness"] .card-icon path,
.service-card[data-service="double-star-split-estimator"] .card-icon path,
.service-card[data-service="newtonian-secondary-size"] .card-icon path,
.service-card[data-service="bino-magnification"] .card-icon path,
.service-card[data-service="sky-transparency-index"] .card-icon path,
.service-card[data-service="airglow-brightness-estimator"] .card-icon path,
.service-card[data-service="dark-current-noise-estimator"] .card-icon path,
.service-card[data-service="read-noise-impact-estimator"] .card-icon path,
.service-card[data-service="flat-field-exposure-calculator"] .card-icon path,
.service-card[data-service="bias-frame-exposure-calculator"] .card-icon path,
.service-card[data-service="darks-frame-exposure-calculator"] .card-icon path,
.service-card[data-service="gain-offset-helper"] .card-icon path,
.service-card[data-service="cosmic-ray-estimator"] .card-icon path,
.service-card[data-service="extinction-correction-calculator"] .card-icon path,
.service-card[data-service="redshift-velocity-converter"] .card-icon path,
.service-card[data-service="hubble-law-calculator"] .card-icon path,
.service-card[data-service="angular-size-distance"] .card-icon path,
.service-card[data-service="luminosity-distance"] .card-icon path,
.service-card[data-service="comoving-distance"] .card-icon path,
.service-card[data-service="lookback-time-calculator"] .card-icon path,
.service-card[data-service="blackbody-spectrum"] .card-icon path,
.service-card[data-service="planck-law-calculator"] .card-icon path,
.service-card[data-service="wein-displacement-calculator"] .card-icon path,
.service-card[data-service="stephan-boltzmann-calculator"] .card-icon path,
.service-card[data-service="radiance-to-magnitude"] .card-icon path,
.service-card[data-service="bolometric-correction"] .card-icon path,
.service-card[data-service="solar-cycle-index-link"] .card-icon path,
.service-card[data-service="kp-index-link"] .card-icon path,
.service-card[data-service="eclipse-prediction-link"] .card-icon path,
.service-card[data-service="lunar-eclipse-contact-calculator"] .card-icon path,
.service-card[data-service="solar-eclipse-contact-calculator"] .card-icon path,
.service-card[data-service="narrowband-target-helper"] .card-icon path,
.service-card[data-service="parallax-distance-calculator"] .card-icon path,
.service-card[data-service="limiting-magnitude-calculator"] .card-icon path,
.service-card[data-service="limiting-magnitude-estimator"] .card-icon path,
.service-card[data-service="airmass-calculator"] .card-icon path,
.service-card[data-service="barlow-effective-focal"] .card-icon path,
.service-card[data-service="filter-bandpass-coverage"] .card-icon path,
.service-card[data-service="cosmology-presets-table"] .card-icon path,
.service-card[data-service="limiting-surface-brightness-calculator"] .card-icon path {
  color: #fee642 !important;
  fill: #fee642 !important;
  filter: none !important;
}
.service-card[data-service="discount-calculator"]:hover .card-icon i,
.service-card[data-service="tax-calculator"]:hover .card-icon i,
.service-card[data-service="compound-interest-calculator"]:hover .card-icon i {
  color: #00d4ff;
}
/* === ABSOLUTE FINAL OVERRIDE: enforce white icon on hover across all modals === */
.service-card[data-service]:hover .card-icon i,
.service-card[data-service]:hover .card-icon svg,
.service-card[data-service]:hover .card-icon path {
  color: #fff !important;
  fill: #fff !important;
}
.service-card[data-service] .card-icon i:hover,
.service-card[data-service] .card-icon svg:hover,
.service-card[data-service] .card-icon path:hover {
  color: #fff !important;
  fill: #fff !important;
}
/* === Force override: Shadow Length & Solar Elevation — red icons (#FF1744) === */
/* Place after green defaults to ensure red wins with same specificity */
.service-card[data-service="shadow-length-calculator"] .card-icon i,
.service-card[data-service="solar-elevation-calculator"] .card-icon i {
  color: #FF1744 !important;
  text-shadow: none !important;
  filter: none !important;
}

.service-card[data-service="shadow-length-calculator"] .card-icon svg,
.service-card[data-service="solar-elevation-calculator"] .card-icon svg,
.service-card[data-service="shadow-length-calculator"] .card-icon path,
.service-card[data-service="solar-elevation-calculator"] .card-icon path {
  color: #FF1744 !important;
  fill: #FF1744 !important;
  filter: none !important;
}

/* Keep site-wide hover behavior: white on hover */
.service-card[data-service="shadow-length-calculator"]:hover .card-icon i,
.service-card[data-service="solar-elevation-calculator"]:hover .card-icon i,
.service-card[data-service="shadow-length-calculator"]:hover .card-icon svg,
.service-card[data-service="solar-elevation-calculator"]:hover .card-icon svg,
.service-card[data-service="shadow-length-calculator"]:hover .card-icon path,
.service-card[data-service="solar-elevation-calculator"]:hover .card-icon path {
  color: #fff !important;
  fill: #fff !important;
  filter: none !important;
}
/* === Force override: Atmospheric Refraction — yellow icons (#fee642) === */
/* Place after green defaults to ensure yellow wins with same specificity */
.service-card[data-service="atmospheric-refraction-calculator"] .card-icon i {
  color: #fee642 !important;
  text-shadow: none !important;
  filter: none !important;
}

.service-card[data-service="atmospheric-refraction-calculator"] .card-icon svg,
.service-card[data-service="atmospheric-refraction-calculator"] .card-icon path {
  color: #fee642 !important;
  fill: #fee642 !important;
  filter: none !important;
}

/* Keep site-wide hover behavior: white on hover */
.service-card[data-service="atmospheric-refraction-calculator"]:hover .card-icon i,
.service-card[data-service="atmospheric-refraction-calculator"]:hover .card-icon svg,
.service-card[data-service="atmospheric-refraction-calculator"]:hover .card-icon path {
  color: #fff !important;
  fill: #fff !important;
  filter: none !important;
}
/* === Final override: Atmospheric Refraction — bright yellow icons (#fee642) === */
.service-card[data-service="atmospheric-refraction-calculator"] .card-icon i {
  color: #fee642 !important;
  text-shadow: none !important;
  filter: none !important;
}

.service-card[data-service="atmospheric-refraction-calculator"] .card-icon svg,
.service-card[data-service="atmospheric-refraction-calculator"] .card-icon path {
  color: #fee642 !important;
  fill: #fee642 !important;
  filter: none !important;
}

/* Keep Shadow Length and Solar Elevation green as before */
.service-card[data-service="shadow-length-calculator"] .card-icon i,
.service-card[data-service="solar-elevation-calculator"] .card-icon i {
  color: #00ff7f !important;
  text-shadow: none !important;
  filter: none !important;
}

.service-card[data-service="shadow-length-calculator"] .card-icon svg,
.service-card[data-service="solar-elevation-calculator"] .card-icon svg,
.service-card[data-service="shadow-length-calculator"] .card-icon path,
.service-card[data-service="solar-elevation-calculator"] .card-icon path {
  color: #00ff7f !important;
  fill: #00ff7f !important;
  filter: none !important;
}

/* Keep site-wide hover behavior: white on hover */
.service-card[data-service="atmospheric-refraction-calculator"]:hover .card-icon i,
.service-card[data-service="shadow-length-calculator"]:hover .card-icon i,
.service-card[data-service="solar-elevation-calculator"]:hover .card-icon i,
.service-card[data-service="atmospheric-refraction-calculator"]:hover .card-icon svg,
.service-card[data-service="shadow-length-calculator"]:hover .card-icon svg,
.service-card[data-service="solar-elevation-calculator"]:hover .card-icon svg,
.service-card[data-service="atmospheric-refraction-calculator"]:hover .card-icon path,
.service-card[data-service="shadow-length-calculator"]:hover .card-icon path,
.service-card[data-service="solar-elevation-calculator"]:hover .card-icon path {
  color: #fff !important;
  fill: #fff !important;
  filter: none !important;
}
/* =============================================
   Homepage Icon Overrides — Requested Modals
   Set base icon color to #ff9600 for specified tools
   Uses .card-icon targets and !important to win over defaults
   Placed before final RED overrides to preserve exceptions
   ============================================= */

/* Physics / General Science */
.service-card[data-service^="formula-"] .card-icon i,
.service-card[data-service^="formula-"] .card-icon svg,
.service-card[data-service^="formula-"] .card-icon path,
.service-card[data-service="science-periodic-table"] .card-icon i,
.service-card[data-service="science-periodic-table"] .card-icon svg,
.service-card[data-service="science-periodic-table"] .card-icon path,
.service-card[data-service="ideal-gas-law"] .card-icon i,
.service-card[data-service="ideal-gas-law"] .card-icon svg,
.service-card[data-service="ideal-gas-law"] .card-icon path,
.service-card[data-service="gas-density"] .card-icon i,
.service-card[data-service="gas-density"] .card-icon svg,
.service-card[data-service="gas-density"] .card-icon path,
.service-card[data-service="buoyancy-force"] .card-icon i,
.service-card[data-service="buoyancy-force"] .card-icon svg,
.service-card[data-service="buoyancy-force"] .card-icon path,
.service-card[data-service="reynolds-number"] .card-icon i,
.service-card[data-service="reynolds-number"] .card-icon svg,
.service-card[data-service="reynolds-number"] .card-icon path,
.service-card[data-service="drag-force"] .card-icon i,
.service-card[data-service="drag-force"] .card-icon svg,
.service-card[data-service="drag-force"] .card-icon path,
.service-card[data-service="terminal-velocity"] .card-icon i,
.service-card[data-service="terminal-velocity"] .card-icon svg,
.service-card[data-service="terminal-velocity"] .card-icon path,
.service-card[data-service="projectile-range"] .card-icon i,
.service-card[data-service="projectile-range"] .card-icon svg,
.service-card[data-service="projectile-range"] .card-icon path,
.service-card[data-service="harmonic-oscillator-period"] .card-icon i,
.service-card[data-service="harmonic-oscillator-period"] .card-icon svg,
.service-card[data-service="harmonic-oscillator-period"] .card-icon path,
.service-card[data-service="diffusion-time"] .card-icon i,
.service-card[data-service="diffusion-time"] .card-icon svg,
.service-card[data-service="diffusion-time"] .card-icon path,
.service-card[data-service="inclined-plane-acceleration"] .card-icon i,
.service-card[data-service="inclined-plane-acceleration"] .card-icon svg,
.service-card[data-service="inclined-plane-acceleration"] .card-icon path,
.service-card[data-service="centripetal-force"] .card-icon i,
.service-card[data-service="centripetal-force"] .card-icon svg,
.service-card[data-service="centripetal-force"] .card-icon path,
.service-card[data-service="torque-calculator"] .card-icon i,
.service-card[data-service="torque-calculator"] .card-icon svg,
.service-card[data-service="torque-calculator"] .card-icon path,
.service-card[data-service="gravitational-force-two-masses"] .card-icon i,
.service-card[data-service="gravitational-force-two-masses"] .card-icon svg,
.service-card[data-service="gravitational-force-two-masses"] .card-icon path,
.service-card[data-service="orbital-period-two-body"] .card-icon i,
.service-card[data-service="orbital-period-two-body"] .card-icon svg,
.service-card[data-service="orbital-period-two-body"] .card-icon path,
.service-card[data-service="projectile-time-of-flight"] .card-icon i,
.service-card[data-service="projectile-time-of-flight"] .card-icon svg,
.service-card[data-service="projectile-time-of-flight"] .card-icon path,
.service-card[data-service="damped-natural-frequency"] .card-icon i,
.service-card[data-service="damped-natural-frequency"] .card-icon svg,
.service-card[data-service="damped-natural-frequency"] .card-icon path,
.service-card[data-service="linear-thermal-expansion"] .card-icon i,
.service-card[data-service="linear-thermal-expansion"] .card-icon svg,
.service-card[data-service="linear-thermal-expansion"] .card-icon path,
.service-card[data-service="beam-deflection-simply-supported"] .card-icon i,
.service-card[data-service="beam-deflection-simply-supported"] .card-icon svg,
.service-card[data-service="beam-deflection-simply-supported"] .card-icon path,
.service-card[data-service="beam-deflection"] .card-icon i,
.service-card[data-service="beam-deflection"] .card-icon svg,
.service-card[data-service="beam-deflection"] .card-icon path,
.service-card[data-service="stress-strain"] .card-icon i,
.service-card[data-service="stress-strain"] .card-icon svg,
.service-card[data-service="stress-strain"] .card-icon path { color: #ff9600 !important; fill: #ff9600 !important; }

/* Optics */
.service-card[data-service="snell-law-refraction"] .card-icon i,
.service-card[data-service="snell-law-refraction"] .card-icon svg,
.service-card[data-service="snell-law-refraction"] .card-icon path,
.service-card[data-service="lens-maker-equation"] .card-icon i,
.service-card[data-service="lens-maker-equation"] .card-icon svg,
.service-card[data-service="lens-maker-equation"] .card-icon path,
.service-card[data-service="thin-lens-image-solver"] .card-icon i,
.service-card[data-service="thin-lens-image-solver"] .card-icon svg,
.service-card[data-service="thin-lens-image-solver"] .card-icon path,
.service-card[data-service="diffraction-grating-angle"] .card-icon i,
.service-card[data-service="diffraction-grating-angle"] .card-icon svg,
.service-card[data-service="diffraction-grating-angle"] .card-icon path,
.service-card[data-service="brewster-angle"] .card-icon i,
.service-card[data-service="brewster-angle"] .card-icon svg,
.service-card[data-service="brewster-angle"] .card-icon path,
.service-card[data-service="fresnel-reflectance-normal"] .card-icon i,
.service-card[data-service="fresnel-reflectance-normal"] .card-icon svg,
.service-card[data-service="fresnel-reflectance-normal"] .card-icon path,
.service-card[data-service="microscope-resolution-rayleigh"] .card-icon i,
.service-card[data-service="microscope-resolution-rayleigh"] .card-icon svg,
.service-card[data-service="microscope-resolution-rayleigh"] .card-icon path,
.service-card[data-service="fiber-v-number"] .card-icon i,
.service-card[data-service="fiber-v-number"] .card-icon svg,
.service-card[data-service="fiber-v-number"] .card-icon path { color: #ff9600 !important; fill: #ff9600 !important; }

/* Fluids / Thermodynamics */
.service-card[data-service="formula-fluid"] .card-icon i,
.service-card[data-service="formula-fluid"] .card-icon svg,
.service-card[data-service="formula-fluid"] .card-icon path,
.service-card[data-service="formula-thermodynamics"] .card-icon i,
.service-card[data-service="formula-thermodynamics"] .card-icon svg,
.service-card[data-service="formula-thermodynamics"] .card-icon path,
.service-card[data-service="dittus-boelter-nusselt"] .card-icon i,
.service-card[data-service="dittus-boelter-nusselt"] .card-icon svg,
.service-card[data-service="dittus-boelter-nusselt"] .card-icon path,
.service-card[data-service="convective-h-coefficient"] .card-icon i,
.service-card[data-service="convective-h-coefficient"] .card-icon svg,
.service-card[data-service="convective-h-coefficient"] .card-icon path,
.service-card[data-service="swamee-jain-friction"] .card-icon i,
.service-card[data-service="swamee-jain-friction"] .card-icon svg,
.service-card[data-service="swamee-jain-friction"] .card-icon path,
.service-card[data-service="darcy-weisbach-head-loss"] .card-icon i,
.service-card[data-service="darcy-weisbach-head-loss"] .card-icon svg,
.service-card[data-service="darcy-weisbach-head-loss"] .card-icon path,
.service-card[data-service="pressure-drop-from-head-loss"] .card-icon i,
.service-card[data-service="pressure-drop-from-head-loss"] .card-icon svg,
.service-card[data-service="pressure-drop-from-head-loss"] .card-icon path,
.service-card[data-service="pump-power-calculator"] .card-icon i,
.service-card[data-service="pump-power-calculator"] .card-icon svg,
.service-card[data-service="pump-power-calculator"] .card-icon path,
.service-card[data-service="prandtl-from-cp-mu-k"] .card-icon i,
.service-card[data-service="prandtl-from-cp-mu-k"] .card-icon svg,
.service-card[data-service="prandtl-from-cp-mu-k"] .card-icon path,
.service-card[data-service="grashof-number"] .card-icon i,
.service-card[data-service="grashof-number"] .card-icon svg,
.service-card[data-service="grashof-number"] .card-icon path,
.service-card[data-service="radiant-heat-loss-stefan-boltzmann"] .card-icon i,
.service-card[data-service="radiant-heat-loss-stefan-boltzmann"] .card-icon svg,
.service-card[data-service="radiant-heat-loss-stefan-boltzmann"] .card-icon path,
.service-card[data-service="heat-conduction-plane"] .card-icon i,
.service-card[data-service="heat-conduction-plane"] .card-icon svg,
.service-card[data-service="heat-conduction-plane"] .card-icon path { color: #ff9600 !important; fill: #ff9600 !important; }

/* Chemistry */
.service-card[data-service="ph-calculator"] .card-icon i,
.service-card[data-service="ph-calculator"] .card-icon svg,
.service-card[data-service="ph-calculator"] .card-icon path,
.service-card[data-service="henderson-hasselbalch"] .card-icon i,
.service-card[data-service="henderson-hasselbalch"] .card-icon svg,
.service-card[data-service="henderson-hasselbalch"] .card-icon path,
.service-card[data-service="dilution-calc"] .card-icon i,
.service-card[data-service="dilution-calc"] .card-icon svg,
.service-card[data-service="dilution-calc"] .card-icon path,
.service-card[data-service="molarity-calculator"] .card-icon i,
.service-card[data-service="molarity-calculator"] .card-icon svg,
.service-card[data-service="molarity-calculator"] .card-icon path,
.service-card[data-service="van-der-waals-pressure"] .card-icon i,
.service-card[data-service="van-der-waals-pressure"] .card-icon svg,
.service-card[data-service="van-der-waals-pressure"] .card-icon path,
.service-card[data-service="boiling-point-elevation-colligative"] .card-icon i,
.service-card[data-service="boiling-point-elevation-colligative"] .card-icon svg,
.service-card[data-service="boiling-point-elevation-colligative"] .card-icon path,
.service-card[data-service="freezing-point-depression-colligative"] .card-icon i,
.service-card[data-service="freezing-point-depression-colligative"] .card-icon svg,
.service-card[data-service="freezing-point-depression-colligative"] .card-icon path,
.service-card[data-service="raoult-binary-mixture-total-pressure"] .card-icon i,
.service-card[data-service="raoult-binary-mixture-total-pressure"] .card-icon svg,
.service-card[data-service="raoult-binary-mixture-total-pressure"] .card-icon path,
.service-card[data-service="beers-law-absorbance"] .card-icon i,
.service-card[data-service="beers-law-absorbance"] .card-icon svg,
.service-card[data-service="beers-law-absorbance"] .card-icon path,
.service-card[data-service="arrhenius-rate-constant"] .card-icon i,
.service-card[data-service="arrhenius-rate-constant"] .card-icon svg,
.service-card[data-service="arrhenius-rate-constant"] .card-icon path { color: #ff9600 !important; fill: #ff9600 !important; }

/* Math / Biology / Earth */
.service-card[data-service="quadratic-roots"] .card-icon i,
.service-card[data-service="quadratic-roots"] .card-icon svg,
.service-card[data-service="quadratic-roots"] .card-icon path,
.service-card[data-service="heron-triangle-area"] .card-icon i,
.service-card[data-service="heron-triangle-area"] .card-icon svg,
.service-card[data-service="heron-triangle-area"] .card-icon path,
.service-card[data-service="cubic-polynomial-evaluator"] .card-icon i,
.service-card[data-service="cubic-polynomial-evaluator"] .card-icon svg,
.service-card[data-service="cubic-polynomial-evaluator"] .card-icon path,
.service-card[data-service="geometric-series-sum"] .card-icon i,
.service-card[data-service="geometric-series-sum"] .card-icon svg,
.service-card[data-service="geometric-series-sum"] .card-icon path,
.service-card[data-service="vector-3d-dot-product"] .card-icon i,
.service-card[data-service="vector-3d-dot-product"] .card-icon svg,
.service-card[data-service="vector-3d-dot-product"] .card-icon path,
.service-card[data-service="michaelis-menten-rate"] .card-icon i,
.service-card[data-service="michaelis-menten-rate"] .card-icon svg,
.service-card[data-service="michaelis-menten-rate"] .card-icon path,
.service-card[data-service="logistic-population-growth"] .card-icon i,
.service-card[data-service="logistic-population-growth"] .card-icon svg,
.service-card[data-service="logistic-population-growth"] .card-icon path,
.service-card[data-service="alveolar-gas-equation"] .card-icon i,
.service-card[data-service="alveolar-gas-equation"] .card-icon svg,
.service-card[data-service="alveolar-gas-equation"] .card-icon path,
.service-card[data-service="gfr-cockcroft-gault"] .card-icon i,
.service-card[data-service="gfr-cockcroft-gault"] .card-icon svg,
.service-card[data-service="gfr-cockcroft-gault"] .card-icon path,
.service-card[data-service="oxygen-hemoglobin-hill-saturation"] .card-icon i,
.service-card[data-service="oxygen-hemoglobin-hill-saturation"] .card-icon svg,
.service-card[data-service="oxygen-hemoglobin-hill-saturation"] .card-icon path,
.service-card[data-service="bouguer-slab-correction"] .card-icon i,
.service-card[data-service="bouguer-slab-correction"] .card-icon svg,
.service-card[data-service="bouguer-slab-correction"] .card-icon path,
.service-card[data-service="porosity-from-densities"] .card-icon i,
.service-card[data-service="porosity-from-densities"] .card-icon svg,
.service-card[data-service="porosity-from-densities"] .card-icon path,
.service-card[data-service="lithostatic-pressure"] .card-icon i,
.service-card[data-service="lithostatic-pressure"] .card-icon svg,
.service-card[data-service="lithostatic-pressure"] .card-icon path,
.service-card[data-service="geothermal-heat-flux"] .card-icon i,
.service-card[data-service="geothermal-heat-flux"] .card-icon svg,
.service-card[data-service="geothermal-heat-flux"] .card-icon path,
.service-card[data-service="seismic-moment"] .card-icon i,
.service-card[data-service="seismic-moment"] .card-icon svg,
.service-card[data-service="seismic-moment"] .card-icon path,
.service-card[data-service="ucs-strength-estimator"] .card-icon i,
.service-card[data-service="ucs-strength-estimator"] .card-icon svg,
.service-card[data-service="ucs-strength-estimator"] .card-icon path,
.service-card[data-service="manning-open-channel-flow"] .card-icon i,
.service-card[data-service="manning-open-channel-flow"] .card-icon svg,
.service-card[data-service="manning-open-channel-flow"] .card-icon path,
.service-card[data-service="stokes-settling-velocity"] .card-icon i,
.service-card[data-service="stokes-settling-velocity"] .card-icon svg,
.service-card[data-service="stokes-settling-velocity"] .card-icon path,
.service-card[data-service="orifice-flow-rate"] .card-icon i,
.service-card[data-service="orifice-flow-rate"] .card-icon svg,
.service-card[data-service="orifice-flow-rate"] .card-icon path,
.service-card[data-service="valve-cv-flow-rate"] .card-icon i,
.service-card[data-service="valve-cv-flow-rate"] .card-icon svg,
.service-card[data-service="valve-cv-flow-rate"] .card-icon path { color: #ff9600 !important; fill: #ff9600 !important; }

/* Rotation / Circuits / Electronics group tags */
.service-card[data-service="formula-rotation"] .card-icon i,
.service-card[data-service="formula-rotation"] .card-icon svg,
.service-card[data-service="formula-rotation"] .card-icon path,
.service-card[data-service="formula-circuits"] .card-icon i,
.service-card[data-service="formula-circuits"] .card-icon svg,
.service-card[data-service="formula-circuits"] .card-icon path,
.service-card[data-service="formula-electronics"] .card-icon i,
.service-card[data-service="formula-electronics"] .card-icon svg,
.service-card[data-service="formula-electronics"] .card-icon path { color: #ff9600 !important; fill: #ff9600 !important; }

/* Electronics calculators */
.service-card[data-service^="ohms-law"] .card-icon i,
.service-card[data-service^="ohms-law"] .card-icon svg,
.service-card[data-service^="ohms-law"] .card-icon path,
.service-card[data-service="resistor-color-code"] .card-icon i,
.service-card[data-service="resistor-color-code"] .card-icon svg,
.service-card[data-service="resistor-color-code"] .card-icon path,
.service-card[data-service="rc-time-constant"] .card-icon i,
.service-card[data-service="rc-time-constant"] .card-icon svg,
.service-card[data-service="rc-time-constant"] .card-icon path,
.service-card[data-service="rl-time-constant"] .card-icon i,
.service-card[data-service="rl-time-constant"] .card-icon svg,
.service-card[data-service="rl-time-constant"] .card-icon path,
.service-card[data-service="lc-resonant-frequency"] .card-icon i,
.service-card[data-service="lc-resonant-frequency"] .card-icon svg,
.service-card[data-service="lc-resonant-frequency"] .card-icon path,
.service-card[data-service="led-resistor-calculator"] .card-icon i,
.service-card[data-service="led-resistor-calculator"] .card-icon svg,
.service-card[data-service="led-resistor-calculator"] .card-icon path,
.service-card[data-service="voltage-divider-calculator"] .card-icon i,
.service-card[data-service="voltage-divider-calculator"] .card-icon svg,
.service-card[data-service="voltage-divider-calculator"] .card-icon path,
.service-card[data-service="transistor-bias-calculator"] .card-icon i,
.service-card[data-service="transistor-bias-calculator"] .card-icon svg,
.service-card[data-service="transistor-bias-calculator"] .card-icon path,
.service-card[data-service="diode-forward-drop"] .card-icon i,
.service-card[data-service="diode-forward-drop"] .card-icon svg,
.service-card[data-service="diode-forward-drop"] .card-icon path,
.service-card[data-service="capacitor-code-tool"] .card-icon i,
.service-card[data-service="capacitor-code-tool"] .card-icon svg,
.service-card[data-service="capacitor-code-tool"] .card-icon path,
.service-card[data-service="relay-driver-calculator"] .card-icon i,
.service-card[data-service="relay-driver-calculator"] .card-icon svg,
.service-card[data-service="relay-driver-calculator"] .card-icon path,
.service-card[data-service="triac-trigger-calculator"] .card-icon i,
.service-card[data-service="triac-trigger-calculator"] .card-icon svg,
.service-card[data-service="triac-trigger-calculator"] .card-icon path,
.service-card[data-service="diac-threshold-tool"] .card-icon i,
.service-card[data-service="diac-threshold-tool"] .card-icon svg,
.service-card[data-service="diac-threshold-tool"] .card-icon path,
.service-card[data-service="scr-trigger-calculator"] .card-icon i,
.service-card[data-service="scr-trigger-calculator"] .card-icon svg,
.service-card[data-service="scr-trigger-calculator"] .card-icon path,
.service-card[data-service="resistor-series-parallel"] .card-icon i,
.service-card[data-service="resistor-series-parallel"] .card-icon svg,
.service-card[data-service="resistor-series-parallel"] .card-icon path,
.service-card[data-service="ic-pinout-finder"] .card-icon i,
.service-card[data-service="ic-pinout-finder"] .card-icon svg,
.service-card[data-service="ic-pinout-finder"] .card-icon path,
.service-card[data-service="electronic-socket-reference"] .card-icon i,
.service-card[data-service="electronic-socket-reference"] .card-icon svg,
.service-card[data-service="electronic-socket-reference"] .card-icon path,
.service-card[data-service="speaker-impedance-calculator"] .card-icon i,
.service-card[data-service="speaker-impedance-calculator"] .card-icon svg,
.service-card[data-service="speaker-impedance-calculator"] .card-icon path,
.service-card[data-service="audio-spl-calculator"] .card-icon i,
.service-card[data-service="audio-spl-calculator"] .card-icon svg,
.service-card[data-service="audio-spl-calculator"] .card-icon path,
.service-card[data-service="lumen-lux-converter"] .card-icon i,
.service-card[data-service="lumen-lux-converter"] .card-icon svg,
.service-card[data-service="lumen-lux-converter"] .card-icon path,
.service-card[data-service="led-array-planner"] .card-icon i,
.service-card[data-service="led-array-planner"] .card-icon svg,
.service-card[data-service="led-array-planner"] .card-icon path,
.service-card[data-service="rc-cutoff-calculator"] .card-icon i,
.service-card[data-service="rc-cutoff-calculator"] .card-icon svg,
.service-card[data-service="rc-cutoff-calculator"] .card-icon path,
.service-card[data-service="opamp-gain-calculator"] .card-icon i,
.service-card[data-service="opamp-gain-calculator"] .card-icon svg,
.service-card[data-service="opamp-gain-calculator"] .card-icon path,
.service-card[data-service="regulator-dropout-calculator"] .card-icon i,
.service-card[data-service="regulator-dropout-calculator"] .card-icon svg,
.service-card[data-service="regulator-dropout-calculator"] .card-icon path,
.service-card[data-service="zener-regulator-calculator"] .card-icon i,
.service-card[data-service="zener-regulator-calculator"] .card-icon svg,
.service-card[data-service="zener-regulator-calculator"] .card-icon path,
.service-card[data-service="rectifier-ripple-calculator"] .card-icon i,
.service-card[data-service="rectifier-ripple-calculator"] .card-icon svg,
.service-card[data-service="rectifier-ripple-calculator"] .card-icon path,
.service-card[data-service="capacitor-discharge-calculator"] .card-icon i,
.service-card[data-service="capacitor-discharge-calculator"] .card-icon svg,
.service-card[data-service="capacitor-discharge-calculator"] .card-icon path,
.service-card[data-service="battery-runtime-estimator"] .card-icon i,
.service-card[data-service="battery-runtime-estimator"] .card-icon svg,
.service-card[data-service="battery-runtime-estimator"] .card-icon path,
.service-card[data-service="transistor-type-helper"] .card-icon i,
.service-card[data-service="transistor-type-helper"] .card-icon svg,
.service-card[data-service="transistor-type-helper"] .card-icon path,
.service-card[data-service="mosfet-gate-resistor"] .card-icon i,
.service-card[data-service="mosfet-gate-resistor"] .card-icon svg,
.service-card[data-service="mosfet-gate-resistor"] .card-icon path,
.service-card[data-service="heatsink-calculator"] .card-icon i,
.service-card[data-service="heatsink-calculator"] .card-icon svg,
.service-card[data-service="heatsink-calculator"] .card-icon path,
.service-card[data-service="pcb-trace-width-calculator"] .card-icon i,
.service-card[data-service="pcb-trace-width-calculator"] .card-icon svg,
.service-card[data-service="pcb-trace-width-calculator"] .card-icon path,
.service-card[data-service="awg-current-capacity"] .card-icon i,
.service-card[data-service="awg-current-capacity"] .card-icon svg,
.service-card[data-service="awg-current-capacity"] .card-icon path,
.service-card[data-service="frequency-period-converter"] .card-icon i,
.service-card[data-service="frequency-period-converter"] .card-icon svg,
.service-card[data-service="frequency-period-converter"] .card-icon path,
.service-card[data-service="lm317-calculator"] .card-icon i,
.service-card[data-service="lm317-calculator"] .card-icon svg,
.service-card[data-service="lm317-calculator"] .card-icon path,
.service-card[data-service="loaded-voltage-divider"] .card-icon i,
.service-card[data-service="loaded-voltage-divider"] .card-icon svg,
.service-card[data-service="loaded-voltage-divider"] .card-icon path,
.service-card[data-service="noise-filter-designer"] .card-icon i,
.service-card[data-service="noise-filter-designer"] .card-icon svg,
.service-card[data-service="noise-filter-designer"] .card-icon path,
.service-card[data-service="coil-winding-calculator"] .card-icon i,
.service-card[data-service="coil-winding-calculator"] .card-icon svg,
.service-card[data-service="coil-winding-calculator"] .card-icon path,
.service-card[data-service="smps-transformer-calculator"] .card-icon i,
.service-card[data-service="smps-transformer-calculator"] .card-icon svg,
.service-card[data-service="smps-transformer-calculator"] .card-icon path,
.service-card[data-service="battery-pack-designer"] .card-icon i,
.service-card[data-service="battery-pack-designer"] .card-icon svg,
.service-card[data-service="battery-pack-designer"] .card-icon path,
.service-card[data-service="solar-mppt-sizing"] .card-icon i,
.service-card[data-service="solar-mppt-sizing"] .card-icon svg,
.service-card[data-service="solar-mppt-sizing"] .card-icon path,
.service-card[data-service="fpv-motor-prop-efficiency"] .card-icon i,
.service-card[data-service="fpv-motor-prop-efficiency"] .card-icon svg,
.service-card[data-service="fpv-motor-prop-efficiency"] .card-icon path { color: #ff9600 !important; fill: #ff9600 !important; }

/* Amateur Radio */
.service-card[data-service="ham-exam-generator"] .card-icon i,
.service-card[data-service="ham-exam-generator"] .card-icon svg,
.service-card[data-service="ham-exam-generator"] .card-icon path,
.service-card[data-service="repeater-distance-calculator"] .card-icon i,
.service-card[data-service="repeater-distance-calculator"] .card-icon svg,
.service-card[data-service="repeater-distance-calculator"] .card-icon path,
.service-card[data-service="ham-callsign-vcard-generator"] .card-icon i,
.service-card[data-service="ham-callsign-vcard-generator"] .card-icon svg,
.service-card[data-service="ham-callsign-vcard-generator"] .card-icon path,
.service-card[data-service="hf-band-propagation"] .card-icon i,
.service-card[data-service="hf-band-propagation"] .card-icon svg,
.service-card[data-service="hf-band-propagation"] .card-icon path,
.service-card[data-service="qso-log-helper"] .card-icon i,
.service-card[data-service="qso-log-helper"] .card-icon svg,
.service-card[data-service="qso-log-helper"] .card-icon path,
.service-card[data-service="dmr-colorcode-finder"] .card-icon i,
.service-card[data-service="dmr-colorcode-finder"] .card-icon svg,
.service-card[data-service="dmr-colorcode-finder"] .card-icon path,
.service-card[data-service="ctcss-pl-database"] .card-icon i,
.service-card[data-service="ctcss-pl-database"] .card-icon svg,
.service-card[data-service="ctcss-pl-database"] .card-icon path,
.service-card[data-service="repeater-directory-link"] .card-icon i,
.service-card[data-service="repeater-directory-link"] .card-icon svg,
.service-card[data-service="repeater-directory-link"] .card-icon path,
.service-card[data-service="rssi-to-distance-estimator"] .card-icon i,
.service-card[data-service="rssi-to-distance-estimator"] .card-icon svg,
.service-card[data-service="rssi-to-distance-estimator"] .card-icon path,
.service-card[data-service="vswr-calculator"] .card-icon i,
.service-card[data-service="vswr-calculator"] .card-icon svg,
.service-card[data-service="vswr-calculator"] .card-icon path,
.service-card[data-service="coax-loss-calculator"] .card-icon i,
.service-card[data-service="coax-loss-calculator"] .card-icon svg,
.service-card[data-service="coax-loss-calculator"] .card-icon path,
.service-card[data-service="antenna-tilt-calculator"] .card-icon i,
.service-card[data-service="antenna-tilt-calculator"] .card-icon svg,
.service-card[data-service="antenna-tilt-calculator"] .card-icon path,
.service-card[data-service="doppler-shift-calculator"] .card-icon i,
.service-card[data-service="doppler-shift-calculator"] .card-icon svg,
.service-card[data-service="doppler-shift-calculator"] .card-icon path,
.service-card[data-service="radio-horizon-calculator"] .card-icon i,
.service-card[data-service="radio-horizon-calculator"] .card-icon svg,
.service-card[data-service="radio-horizon-calculator"] .card-icon path,
.service-card[data-service="satellite-footprint-estimator"] .card-icon i,
.service-card[data-service="satellite-footprint-estimator"] .card-icon svg,
.service-card[data-service="satellite-footprint-estimator"] .card-icon path,
.service-card[data-service="intermod-calculator"] .card-icon i,
.service-card[data-service="intermod-calculator"] .card-icon svg,
.service-card[data-service="intermod-calculator"] .card-icon path,
.service-card[data-service="duplexer-calc"] .card-icon i,
.service-card[data-service="duplexer-calc"] .card-icon svg,
.service-card[data-service="duplexer-calc"] .card-icon path,
.service-card[data-service="balun-turns-calculator"] .card-icon i,
.service-card[data-service="balun-turns-calculator"] .card-icon svg,
.service-card[data-service="balun-turns-calculator"] .card-icon path,
.service-card[data-service="power-dissipation-calculator"] .card-icon i,
.service-card[data-service="power-dissipation-calculator"] .card-icon svg,
.service-card[data-service="power-dissipation-calculator"] .card-icon path,
.service-card[data-service="decibel-converter"] .card-icon i,
.service-card[data-service="decibel-converter"] .card-icon svg,
.service-card[data-service="decibel-converter"] .card-icon path,
.service-card[data-service="pwm-duty-cycle-calculator"] .card-icon i,
.service-card[data-service="pwm-duty-cycle-calculator"] .card-icon svg,
.service-card[data-service="pwm-duty-cycle-calculator"] .card-icon path,
.service-card[data-service="resistor-voltage-drop-calculator"] .card-icon i,
.service-card[data-service="resistor-voltage-drop-calculator"] .card-icon svg,
.service-card[data-service="resistor-voltage-drop-calculator"] .card-icon path,
.service-card[data-service="freq-to-wavelength"] .card-icon i,
.service-card[data-service="freq-to-wavelength"] .card-icon svg,
.service-card[data-service="freq-to-wavelength"] .card-icon path,
.service-card[data-service="antenna-length-calculator"] .card-icon i,
.service-card[data-service="antenna-length-calculator"] .card-icon svg,
.service-card[data-service="antenna-length-calculator"] .card-icon path,
.service-card[data-service="repeater-offset-calculator"] .card-icon i,
.service-card[data-service="repeater-offset-calculator"] .card-icon svg,
.service-card[data-service="repeater-offset-calculator"] .card-icon path,
.service-card[data-service="maidenhead-converter"] .card-icon i,
.service-card[data-service="maidenhead-converter"] .card-icon svg,
.service-card[data-service="maidenhead-converter"] .card-icon path,
.service-card[data-service="fspl-calculator"] .card-icon i,
.service-card[data-service="fspl-calculator"] .card-icon svg,
.service-card[data-service="fspl-calculator"] .card-icon path,
.service-card[data-service="eirp-calculator"] .card-icon i,
.service-card[data-service="eirp-calculator"] .card-icon svg,
.service-card[data-service="eirp-calculator"] .card-icon path,
.service-card[data-service="snr-calculator"] .card-icon i,
.service-card[data-service="snr-calculator"] .card-icon svg,
.service-card[data-service="snr-calculator"] .card-icon path,
.service-card[data-service="fm-bandwidth-calculator"] .card-icon i,
.service-card[data-service="fm-bandwidth-calculator"] .card-icon svg,
.service-card[data-service="fm-bandwidth-calculator"] .card-icon path,
.service-card[data-service="ctcss-tone-reference"] .card-icon i,
.service-card[data-service="ctcss-tone-reference"] .card-icon svg,
.service-card[data-service="ctcss-tone-reference"] .card-icon path,
.service-card[data-service="ham-band-plan"] .card-icon i,
.service-card[data-service="ham-band-plan"] .card-icon svg,
.service-card[data-service="ham-band-plan"] .card-icon path { color: #ff9600 !important; fill: #ff9600 !important; }

/* === Force override: Shadow Length & Solar Elevation — red icons (#FF1744) === */
/* Keep this block at the very end so it wins over earlier overrides */
.service-card[data-service="shadow-length-calculator"] .card-icon i,
.service-card[data-service="solar-elevation-calculator"] .card-icon i {
  color: #FF1744 !important;
  text-shadow: none !important;
  filter: none !important;
}

.service-card[data-service="shadow-length-calculator"] .card-icon svg,
.service-card[data-service="solar-elevation-calculator"] .card-icon svg,
.service-card[data-service="shadow-length-calculator"] .card-icon path,
.service-card[data-service="solar-elevation-calculator"] .card-icon path {
  color: #FF1744 !important;
  fill: #FF1744 !important;
  filter: none !important;
}

/* Hover — keep global behavior (white on hover) */
.service-card[data-service="shadow-length-calculator"]:hover .card-icon i,
.service-card[data-service="solar-elevation-calculator"]:hover .card-icon i,
.service-card[data-service="shadow-length-calculator"]:hover .card-icon svg,
.service-card[data-service="solar-elevation-calculator"]:hover .card-icon svg,
.service-card[data-service="shadow-length-calculator"]:hover .card-icon path,
.service-card[data-service="solar-elevation-calculator"]:hover .card-icon path {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Ana sayfa modal açıcı: Sağlık & Güzellik buton stili (kart DEĞİL) */
.home-modal-launch {
  display: flex;
  justify-content: center;
  margin: 24px 0;
}
.home-modal-launch .mt-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.06);
  color: #ffffff;
}
.home-modal-launch .mt-btn i {
  color: #ffb3c7 !important; /* açık pembe ikon */
}
.home-modal-launch .mt-btn:hover {
  border-color: #ffb3c7;
  color: #ffb3c7;
}
/* Badge styles for goal alerts */
.badge{ display:inline-block; padding:2px 6px; border-radius:6px; font-size:12px; font-weight:700; border:1px solid transparent; }
.badge-green{ background:#0f5132; color:#d1e7dd; border-color:#145c3b; }
.badge-yellow{ background:#664d03; color:#fff3cd; border-color:#7a5f05; }
.badge-red{ background:#842029; color:#f8d7da; border-color:#8a2931; }
/* Light pink icon helper */
.pink-icon{ color:#ff80ab !important; }
/* Oyun kartlarındaki ikonların tutarlı şekilde pembe görünmesi için ek koruma */
.service-card[data-service^="game-"] .card-icon i{ color:#ff80ab !important; }
/* Tek modal kütüphane kartı görünür, diğer kartlar JS ile koşullu gizlenecek */
.service-card[data-service="photo-herb-library"]{ display:flex !important; }
/* İkon rengini (#8dfe7b) yeşile çeviren override’lar */
.service-card.modal-trigger[data-service^="therapy-"] .card-icon i,
.service-card.modal-trigger[data-service^="therapy-"] .card-icon svg,
.service-card.modal-trigger[data-service^="healing-map-"] .card-icon i,
.service-card.modal-trigger[data-service^="healing-map-"] .card-icon svg,
.service-card.modal-trigger[data-service^="calendar-"] .card-icon i,
.service-card.modal-trigger[data-service^="calendar-"] .card-icon svg,
.service-card.modal-trigger[data-service="photo-herb-library"] .card-icon i,
.service-card.modal-trigger[data-service="photo-herb-library"] .card-icon svg,
.service-card.modal-trigger[data-service="plant-recognition-photo-leaf"] .card-icon i,
.service-card.modal-trigger[data-service="plant-recognition-photo-leaf"] .card-icon svg,
.service-card.modal-trigger[data-service="plant-recognition-photo-flower"] .card-icon i,
.service-card.modal-trigger[data-service="plant-recognition-photo-flower"] .card-icon svg,
.service-card.modal-trigger[data-service="plant-recognition-photo-fruit"] .card-icon i,
.service-card.modal-trigger[data-service="plant-recognition-photo-fruit"] .card-icon svg,
.service-card.modal-trigger[data-service="plant-recognition-photo-bark"] .card-icon i,
.service-card.modal-trigger[data-service="plant-recognition-photo-bark"] .card-icon svg,
.service-card.modal-trigger[data-service="plant-recognition-photo-seed"] .card-icon i,
.service-card.modal-trigger[data-service="plant-recognition-photo-seed"] .card-icon svg {
  color: #8dfe7b !important;
  fill: #8dfe7b !important;
}
.service-card[data-service="utility_calculator"] .card-icon i,
.service-card[data-service="utility_calculator"] .card-icon svg,
.service-card[data-service="utility_calculator"] .card-icon path,
.service-card.modal-trigger[data-service="math-solver"] .card-icon i,
.service-card.modal-trigger[data-service="math-solver"] .card-icon svg,
.service-card.modal-trigger[data-service="math-solver"] .card-icon path,
.service-card.modal-trigger[data-service="chem-solver"] .card-icon i,
.service-card.modal-trigger[data-service="chem-solver"] .card-icon svg,
.service-card.modal-trigger[data-service="chem-solver"] .card-icon path,
.service-card.modal-trigger[data-service$="hesaplayici"] .card-icon i,
.service-card.modal-trigger[data-service$="hesaplayici"] .card-icon svg,
.service-card.modal-trigger[data-service$="hesaplayici"] .card-icon path,
.service-card.modal-trigger[data-service$="hesaplayicisi"] .card-icon i,
.service-card.modal-trigger[data-service$="hesaplayicisi"] .card-icon svg,
.service-card.modal-trigger[data-service$="hesaplayicisi"] .card-icon path {
  color: #39ff14 !important;
  fill: #39ff14 !important;
}
/* External tool cards: bright blue icon color */
.service-card.external-tool .card-icon i,
.service-card.external-tool .card-icon svg,
.service-card.external-tool .card-icon path {
  color: #00d4ff !important;
  fill: #00d4ff !important;
}
.service-card.external-tool:hover .card-icon i,
.service-card.external-tool:hover .card-icon svg,
.service-card.external-tool:hover .card-icon path {
  color: #00d4ff !important;
  fill: #00d4ff !important;
}
/* Compact cards mode: 25% shrink and lighter colors */
body.compact-cards {
  --card-bg-color: rgba(255, 255, 255, 0.085);
  --card-border-color: rgba(255, 255, 255, 0.264);
}
body.compact-cards .main-grid > .service-card {
  transform: none !important;
  transform-origin: center center;
}
body.compact-cards .main-grid > .service-card:hover {
  transform: translateY(-10px) !important;
}
/* Compact içeriği: tipografi varsayılan; yalnızca boşluk 16px */
/* Compact modda da boşluk sabit 12px */
body.compact-cards .main-grid { gap: 12px !important; column-gap: 12px !important; row-gap: 12px !important; }

/* Ana sayfada kutucuklar arası boşluğu 2px sabitle */
.main-grid { gap: 16px !important; }
/* Kesinleştirme: her iki eksende 2px ve dış marjinleri kapat */
.main-grid { column-gap: 16px !important; row-gap: 16px !important; }
.main-grid > .service-card { margin: 0 !important; }
.main-grid > .service-card { padding: 0 !important; }
/* Grid’i ortala ve genişliği sınırla: kutu boyutu büyümesin */
.main-grid { justify-content: center; align-content: start; max-width: 1600px; margin-inline: auto; }
/* Varsayılan (desktop dahil): kutu boyutu sabit, sığdığı kadar kolon */
.main-grid { display: grid; grid-template-columns: repeat(auto-fit, 81px); }
/* Kartların hücreyi tam doldurmasını sağla */
.main-grid { justify-items: stretch !important; align-items: stretch !important; }
/* Boşluk: yatay ve dikey 12px - TEKRARLI TANIM KALDIRILDI */

/* FINAL OVERRIDES REMOVED: 16/12/8 sabit kolon kuralları kaldırıldı.
   Düzen artık kart boyutunu sabit tutan auto-fit ile yönetiliyor. */

/* KART İÇERİK DÜZENLEMELERİ */

/* Kart iç boşluğu azalt (2px-4px arası ideal, 0 çok az) */
body .main-grid > .service-card {
    padding: 3px !important;
    border-radius: 18px !important; /* Kullanıcı isteği: 18px */
}

/* Başlıkları büyüt (12 punto ≈ 16px) */
body .service-card h3 {
    font-size: 12pt !important;
    line-height: 1.1 !important;
    margin-top: 3px !important;
}

/* İkonları büyüt */
body .service-card .card-icon i {
    font-size: 2em !important; /* Biraz daha büyütelim */
}
body .service-card .card-icon svg {
    width: 36px !important;
    height: 36px !important;
}
.container > .main-grid > .service-card[data-service] {
    order: 1000 !important;
}
.container > .main-grid > .service-card[data-service="radio"] { order: 1 !important; }
.container > .main-grid > .service-card[data-service="calendar"] { order: 2 !important; }
.container > .main-grid > .service-card[data-service="folder"] { order: 3 !important; }
.container > .main-grid > .service-card[data-service="kutu"] { order: 4 !important; }
.container > .main-grid > .service-card[data-service="help"] { order: 5 !important; }
.container > .main-grid > .service-card[data-service="barcode-generator"] { order: 6 !important; }
.container > .main-grid > .service-card[data-service="qr-generator"] { order: 7 !important; }
.container > .main-grid > .service-card[data-service="qr-multi-generator"] { order: 8 !important; }
.container > .main-grid > .service-card[data-service="unit-converter"] { order: 9 !important; }
.container > .main-grid > .service-card[data-service="turkish-units"] { order: 10 !important; }
.container > .main-grid > .service-card[data-service="thai-units"] { order: 11 !important; }
.container > .main-grid > .service-card[data-service="vietnamese-units"] { order: 12 !important; }
.container > .main-grid > .service-card[data-service="chinese-units"] { order: 13 !important; }
.container > .main-grid > .service-card[data-service="japanese-units"] { order: 14 !important; }
.container > .main-grid > .service-card[data-service="korean-units"] { order: 15 !important; }
.container > .main-grid > .service-card[data-service="lao-units"] { order: 16 !important; }
.container > .main-grid > .service-card[data-service="cambodian-units"] { order: 17 !important; }
.container > .main-grid > .service-card[data-service="philippine-units"] { order: 18 !important; }
.container > .main-grid > .service-card[data-service="indonesian-units"] { order: 19 !important; }
.container > .main-grid > .service-card[data-service="basic-calculator"] { order: 20 !important; }
.container > .main-grid > .service-card[data-service="scientific-calculator"] { order: 21 !important; }
.container > .main-grid > .service-card[data-service="currency-converter"] { order: 22 !important; }
.container > .main-grid > .service-card[data-service="image-resizer"] { order: 23 !important; }
.container > .main-grid > .service-card[data-service="image-converter"] { order: 24 !important; }
.container > .main-grid > .service-card[data-service="energy-converter"] { order: 25 !important; }
.container > .main-grid > .service-card[data-service="pressure-converter"] { order: 26 !important; }
.container > .main-grid > .service-card[data-service="speed-converter"] { order: 27 !important; }
.container > .main-grid > .service-card[data-service="utility_image"] { order: 28 !important; }
.container > .main-grid > .service-card[data-service="utility_conversion"] { order: 29 !important; }
.container > .main-grid > .service-card[data-service="utility_generator"] { order: 30 !important; }
.container > .main-grid > .service-card[data-service="utility_calculator"] { order: 31 !important; }
.container > .main-grid > .service-card[data-service="word-counter"] { order: 32 !important; }
.container > .main-grid > .service-card[data-service="stocks"] { order: 33 !important; }