/* =========================
   GLOBAL UI SYSTEM (PGP)
========================= */

/* ===== BUTTON (IQ STYLE) ===== */
.iq-open-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 120px;
  height: 30px;
  padding: 0 14px;
  text-decoration: none;
  color: #111;
  font-size: 11px;
  font-weight: 800;
  font-family: 'Orbitron', sans-serif;
  letter-spacing: .02em;
}

.iq-open-btn .iq-select-bg {
  position: absolute;
  inset: 0;
  background: #eee5e4;
  clip-path: polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);
  box-shadow:
    0 4px 8px rgba(0,0,0,.2),
    inset 0 1px 0 rgba(255,255,255,.2);
}

.iq-open-btn .iq-open-label {
  position: relative;
  z-index: 2;
}

.iq-open-btn:hover .iq-select-bg {
  filter: brightness(1.05);
}

/* ===== HEART ===== */
.heart {
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.15);
  background: rgba(255,255,255,.12);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  cursor: pointer;
  backdrop-filter: blur(6px);
  transition: .2s;
}

.heart:hover {
  background: rgba(255,255,255,.2);
}

.heart.active {
  background: #fbbf24;
  color: #000;
}

/* ===== ARROWS ===== */
.row-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: none;
  background: rgba(255,255,255,.15);
  color: #fff;
  font-size: 24px;
  cursor: pointer;
  backdrop-filter: blur(6px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}

.row-arrow:hover {
  background: rgba(255,255,255,.25);
}

.row-arrow.left { left: 10px; }
.row-arrow.right { right: 10px; }

/* ===== PRODUCT CARD ===== */
.product-card {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.product-media {
  position: relative;
  height: 190px;
}

.product-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-body {
  padding: 12px;
}

/* PGP global font override - added safely, font only */
/* PGP global font override
   English: Inter (same admin-panel style)
   Arabic / Kurdish Arabic script: Tajawal fallback
   This file changes fonts only and keeps icons untouched. */
:root{
  --pgp-admin-font: 'Inter','Tajawal',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}
html,body{
  font-family:var(--pgp-admin-font) !important;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body,
body *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not([class^="fa-"]):not([class*=" fa-"]),
body [class]:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not([class^="fa-"]):not([class*=" fa-"]) {
  font-family:var(--pgp-admin-font) !important;
}
input,button,select,textarea,option{
  font-family:var(--pgp-admin-font) !important;
}
[lang="ar"], [lang="ku"], .arabic, .kurdish{
  font-family:'Tajawal','Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif !important;
}
.fa,.fas,.far,.fab,.fal,.fad,
[class^="fa-"],[class*=" fa-"]{
  font-family:'Font Awesome 5 Free','Font Awesome 5 Brands' !important;
}
.fab{font-family:'Font Awesome 5 Brands' !important;}
.fa,.fas,.far,.fal,.fad{font-family:'Font Awesome 5 Free' !important;}