/*
 * Ürün kartları (pc2) — doğrulama seviyesine göre canlı ama yumuşak renkler.
 * Tüm sayfalardaki ortak kart: ana sayfa, /ssl, marka, kategori, kod imzalama, ürün detay "benzer ürünler".
 * Seviye rengi kartın data-type özniteliğinden gelir. Önceki katmanları (clean-2026, ui-polish-2026,
 * home-store, category-store) ezmek için seçiciler :not(#_):not(#__):not(#___) ile güçlendirildi.
 */

/* Seviye renkleri */
.ssl-compare-card.pc2 {
  --lv: #037278;        /* ana renk: buton, fiyat */
  --lv-dark: #025A5F;   /* buton üzeri */
  --lv-soft: #DCF2F0;   /* kart başlığı zemini */
  --lv-line: #A9DDD8;   /* çerçeve */
  --lv-ink: #035B60;    /* etiket yazısı */
}
.ssl-compare-card.pc2:is([data-type="ov"], [data-type="codesigning-ov"]) {
  --lv: #1D4ED8; --lv-dark: #1E40AF; --lv-soft: #E3ECFF; --lv-line: #B9CCFA; --lv-ink: #1E3A8A;
}
.ssl-compare-card.pc2:is([data-type="ev"]) {
  --lv: #6D28D9; --lv-dark: #5B21B6; --lv-soft: #EDE4FF; --lv-line: #D2BFFA; --lv-ink: #4C1D95;
}
.ssl-compare-card.pc2:is([data-type="codesigning"], [data-type="evcodesigning"], [data-type="documentsigning"]) {
  --lv: #B54708; --lv-dark: #93370D; --lv-soft: #FFEFD6; --lv-line: #F7CF92; --lv-ink: #7A2E0E;
}
.ssl-compare-card.pc2:is([data-type="smime"], [data-type="vmc"], [data-type="bimi"]) {
  --lv: #C11574; --lv-dark: #9E165F; --lv-soft: #FCE7F2; --lv-line: #F2BDD9; --lv-ink: #851651;
}

/* Kart */
:is(.ssl-compare-card.pc2):not(#_):not(#__):not(#___) {
  background: #FFFFFF !important;
  border: 1px solid var(--lv-line) !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04) !important;
  transition: border-color .18s ease, box-shadow .18s ease !important;
}
:is(.ssl-compare-card.pc2:hover, .ssl-compare-card.pc2:focus-within):not(#_):not(#__):not(#___) {
  border-color: var(--lv) !important;
  box-shadow: 0 14px 30px -20px var(--lv) !important;
  transform: none !important;
}

/* Başlık: yumuşak seviye zemini + üstte ince seviye çizgisi */
:is(.pc2 .pc2-head):not(#_):not(#__):not(#___) {
  background: var(--lv-soft) !important;
  border-bottom: 1px solid var(--lv-line) !important;
  box-shadow: inset 0 4px 0 var(--lv) !important;
  padding-top: 18px !important;
}
:is(.pc2 .pc2-badge):not(#_):not(#__):not(#___) {
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  border-radius: 6px !important;
  padding: 4px 9px !important;
  background: #FFFFFF !important;
  color: var(--lv-ink) !important;
  border: 1px solid var(--lv-line) !important;
}
:is(.pc2 .pc2-badge i):not(#_):not(#__):not(#___) { color: var(--lv) !important; }

/* Gövde */
:is(.pc2 .pc2-name a:hover):not(#_):not(#__):not(#___) { color: var(--lv) !important; }
:is(.pc2 .pc2-chk):not(#_):not(#__):not(#___) {
  background: var(--lv-soft) !important;
  color: var(--lv) !important;
}
:is(.pc2 .pc2-pop):not(#_):not(#__):not(#___) {
  background: #FEF0C7 !important;
  color: #93370D !important;
  border-radius: 6px !important;
}
:is(.pc2 .pc2-foot):not(#_):not(#__):not(#___) { border-top: 1px solid #F2F4F7 !important; }
:is(.pc2 .pc2-note):not(#_):not(#__):not(#___) { border-radius: 6px !important; background: #F2F4F7 !important; color: #344054 !important; }
:is(.pc2 .pc2-note-r):not(#_):not(#__):not(#___) { background: #DCF2F0 !important; color: #035B60 !important; }
:is(.pc2 .pc2-cur):not(#_):not(#__):not(#___) { color: var(--lv-ink) !important; }

/* Çok yıllık fiyat satırı */
:is(.pc2 .pc2-multi):not(#_):not(#__):not(#___) {
  display: inline-block;
  margin-top: 8px;
  align-self: flex-start;
  font-size: 12.5px;
  color: var(--lv-ink);
  background: var(--lv-soft);
  border-radius: 6px;
  padding: 4px 8px;
}
:is(.pc2 .pc2-multi b):not(#_):not(#__):not(#___) { font-weight: 700; }

/* Butonlar: kartın kendi "İncele" butonu ve ana sayfa/kategori "Sepete Ekle" */
:is(.pc2 .pc2-btn, .pc2 .hs-btn):not(#_):not(#__):not(#___) {
  background: var(--lv) !important;
  border: 1px solid var(--lv) !important;
  color: #FFFFFF !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
:is(.pc2 .pc2-btn:hover, .pc2 .pc2-btn:focus-visible, .pc2 .hs-btn:hover, .pc2 .hs-btn:focus-visible):not(#_):not(#__):not(#___) {
  background: var(--lv-dark) !important;
  border-color: var(--lv-dark) !important;
  color: #FFFFFF !important;
}
:is(.pc2 .hs-more):not(#_):not(#__):not(#___) { color: var(--lv-ink) !important; }

@media (prefers-reduced-motion: reduce) {
  :is(.ssl-compare-card.pc2):not(#_):not(#__):not(#___) { transition: none !important; }
}