/* ============================================================================
   PetraZone — Məhsul detal səhifəsi brend qatı
   ----------------------------------------------------------------------------
   Səhifənin inline <style> blokundan SONRA yüklənir.
   Bütün səhifə `--px-navy` (indiqo) + `--px-gold` token ailəsi üzərində
   qurulub. Bu token-ləri brend rənglərinə (mavi #1e2a78 + qızılı #ffc600)
   yönlətməklə səhifə bir anda brendə keçir.
   ========================================================================== */

/* ---- Token-ləri brendə yönlət (indiqo → brend mavi) ---- */
#product-product {
  --px-navy:      #1e2a78;   /* əsas mavi (əvvəl #1f2b6e indiqo) */
  --px-navy-deep: #131a4c;   /* tünd */
  --px-navy-mid:  #2c3aa0;   /* açıq mavi */
  --px-navy-soft: #e9f2fb;   /* açıq fon çaları */
  --px-navy-line: #d6e7f6;   /* açıq kənar */
  --px-gold:      #ffc600;   /* brend qızılı (əvvəl #f4b400) */

  /* kölgə tintini də indiqodan mavi çalara keçir */
  --px-shadow:    0 1px 2px rgba(16, 22, 46, .04), 0 18px 44px -18px rgba(30, 42, 120, .22);
  --px-shadow-sm: 0 1px 2px rgba(16, 22, 46, .05), 0 8px 20px -10px rgba(30, 42, 120, .14);
}

/* ---- Hardcoded indiqo qradiyentlərin override-ı ---- */

/* Əsas "Səbətə əlavə et" düyməsi */
#product-product #button-cart {
  background: linear-gradient(135deg, #2c3aa0 0%, #1e2a78 55%, #18215f 100%) !important;
  box-shadow: 0 10px 20px -10px rgba(30, 42, 120, .55);
}
#product-product #button-cart:hover:not(:disabled) {
  box-shadow: 0 14px 26px -10px rgba(30, 42, 120, .60);
}

/* "Rəy yaz" düyməsi */
#product-product #button-review {
  background: linear-gradient(135deg, #2c3aa0 0%, #1e2a78 55%, #18215f 100%) !important;
}

/* Qiymət qutusu — indiqo gradient → brend mavi gradient */
#product-product .ppx-pricebox {
  background: radial-gradient(120px 120px at 100% 0%, rgba(255, 255, 255, .12), transparent 60%),
              linear-gradient(160deg, #18215f 0%, #1e2a78 70%, #2c3aa0 100%) !important;
}

/* Sekunder (istək siyahısı / müqayisə) düymələri üstünə gələndə brend mavi kənar
   — mövcud hover qaydaları qırmızı/mavi qalır, yalnız fokus halqası brendləşir */
#product-product .ppx-secondary button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--px-navy-line);
}