/* =====================================================================
   POZITRON — DESKTOP OVERRIDES (GoStore OC4)
   Kërkon: <script>document.documentElement.id='pozitron'</script> në header.twig
   ===================================================================== */
html#pozitron:root{
  /* Yjet (e zgjodhëm më të errët) */
  --poz-star:        #d97706;  /* amber-700 */

  /* Ngjyrat kryesore */
  --poz-blue:        #1e3a8a;  /* titujt */
  --poz-blue-hover:  #1d4ed8;  /* hover i titujve */
  --poz-green:       #16a34a;  /* çmimi i ri/special */
  --poz-red:         #ef4444;  /* çmimi i vjetër */
}

/* ================== FAQJA E PRODUKTIT ================== */
html#pozitron .product-product #content h1,
html#pozitron .product-product .product-title,
html#pozitron .product-product .product-name{
  color: var(--poz-blue) !important;
}
html#pozitron .product-product .price .price-new,
html#pozitron .product-product .price .price-special{
  color: var(--poz-green) !important;
  font-weight: 700;
}
html#pozitron .product-product .price .price-old{
  color: var(--poz-red) !important;
  text-decoration: line-through;
}
/* Badge zbritjeje pranë çmimit në faqen e produktit */
html#pozitron .product-product .product_page_price [class*="percent"],
html#pozitron .product-product .product_page_price [class*="discount"],
html#pozitron .product-product .product_page_price [class*="sale"]{
  background: var(--poz-blue) !important;
  border-color: var(--poz-blue) !important;
  color: #fff !important;
}

/* ================== LISTAT / KARTAT (HOME, module) ================== */
/* Titujt në të gjitha kartat/listat */
html#pozitron .common-home .product-thumb .caption h4,
html#pozitron .common-home .product-thumb .caption h4 a,
html#pozitron .common-home .product-thumb .caption .name,
html#pozitron .common-home .product-thumb .caption .name a,
html#pozitron .common-home .product-thumb .caption .product-name,
html#pozitron .common-home .product-thumb .caption .product-name a,
html#pozitron .common-home .products-list .product-layout .caption h4 a,
html#pozitron .common-home .products-list .product-layout .caption .name a,
html#pozitron .common-home .so-listing-tabs .product-layout .caption h4 a,
html#pozitron .common-home .so-listing-tabs .product-layout .caption .name a,
html#pozitron .common-home .ltabs-tabs-container .product-item-container .caption h4,
html#pozitron .common-home .ltabs-tabs-container .product-item-container .caption h4 a,
html#pozitron .common-home .ltabs-tabs-container .product-item-container .caption .name,
html#pozitron .common-home .ltabs-tabs-container .product-item-container .caption .name a,
html#pozitron .common-home .ltabs-tabs-container .product-item-container .caption .product-name,
html#pozitron .common-home .ltabs-tabs-container .product-item-container .caption .product-name a{
  color: var(--poz-blue) !important;
  text-decoration: none !important;
}
html#pozitron .common-home .product-thumb .caption h4 a:hover,
html#pozitron .common-home .product-thumb .caption .name a:hover,
html#pozitron .common-home .so-listing-tabs .product-layout .caption a:hover,
html#pozitron .common-home .ltabs-tabs-container .product-item-container .caption a:hover{
  color: var(--poz-blue-hover) !important;
}

/* Çmimet në karta/lista (jeshil për të gjithë) */
html#pozitron .product-thumb .price,
html#pozitron .product-thumb .price > *,
html#pozitron .products-list .product-layout .price,
html#pozitron .products-list .product-layout .price > *,
html#pozitron .so-listing-tabs .product-layout .price,
html#pozitron .so-listing-tabs .product-layout .price > *,
html#pozitron .so-extraslider .product-layout .price,
html#pozitron .so-extraslider .product-layout .price > *,
html#pozitron .related .product-thumb .price,
html#pozitron .related-products .product-thumb .price{
  color: var(--poz-green) !important;
  font-weight: 600;
}
/* Çmimi i vjetër i kuq */
html#pozitron .product-thumb .price .price-old,
html#pozitron .product-thumb .price-old,
html#pozitron .price .price-old,
html#pozitron .so-listing-tabs .price-old,
html#pozitron .so-extraslider .price-old,
html#pozitron .related .product-thumb .price-old,
html#pozitron .products-list .product-layout .price-old,
html#pozitron .price del,
html#pozitron del.price-old{
  color: var(--poz-red) !important;
  text-decoration: line-through;
}

/* Badge zbritjeje në kartat/listat */
html#pozitron .product-thumb [class*="percent"],
html#pozitron .product-thumb [class*="discount"],
html#pozitron .product-thumb [class*="sale"],
html#pozitron .label-sale,
html#pozitron .discount-percent,
html#pozitron .sale-percentage{
  background: var(--poz-blue) !important;
  border-color: var(--poz-blue) !important;
  color: #fff !important;
}

/* “Ex Tax” neutral */
html#pozitron .price .price-tax{ color: inherit !important; opacity: .85; }

/* ================== YJET — SHFAQ GJITHMONË 5 ================== */
html#pozitron .rating,
html#pozitron .ratings,
html#pozitron .so-rating,
html#pozitron .product-thumb .rating,
html#pozitron .product-info .rating,
html#pozitron .product-page .rating{
  position: relative; min-height: 16px;
}
html#pozitron .rating::before,
html#pozitron .ratings::before,
html#pozitron .so-rating::before,
html#pozitron .product-thumb .rating::before,
html#pozitron .product-info .rating::before,
html#pozitron .product-page .rating::before{
  content: "\f005\f005\f005\f005\f005"; /* FontAwesome star plot */
  font-family: "FontAwesome","Arial";
  font-size: 12px; letter-spacing: 2px;
  color: var(--poz-star); display: inline-block;
}
html#pozitron .rating > *,
html#pozitron .ratings > *,
html#pozitron .so-rating > *,
html#pozitron .product-thumb .rating > *,
html#pozitron .product-info .rating > *,
html#pozitron .product-page .rating > *{
  display: none !important;
}

/* ================== SHPORTA ================== */
/* FA icons */
html#pozitron .product-thumb .button-group i.fa-shopping-cart,
html#pozitron .product-thumb .button-group i.fa-cart-plus,
html#pozitron .product-thumb .addToCart i,
html#pozitron .product-thumb .cart i,
html#pozitron .button-group i.fa-shopping-cart,
html#pozitron .button-group i.fa-cart-plus{
  color: var(--poz-green) !important;
}
/* SVG icons */
html#pozitron .product-thumb .button-group svg,
html#pozitron .product-thumb .button-group svg path{
  fill: var(--poz-green) !important;
  stroke: var(--poz-green) !important;
}
/* Butoni: border + hover */
html#pozitron .product-thumb .button-group .addToCart,
html#pozitron .product-thumb .button-group .cart{
  border-color: var(--poz-green) !important;
}
html#pozitron .product-thumb .button-group .addToCart:hover,
html#pozitron .product-thumb .button-group .cart:hover{
  background: var(--poz-green) !important;
  border-color: var(--poz-green) !important;
}
html#pozitron .product-thumb .button-group .addToCart:hover i,
html#pozitron .product-thumb .button-group .cart:hover i,
html#pozitron .product-thumb .button-group .addToCart:hover svg path,
html#pozitron .product-thumb .button-group .cart:hover svg path{
  color:#fff !important; fill:#fff !important; stroke:#fff !important;
}

/* ================== TITULLI I MODULIT (So Page Builder & modules) ================== */
/* Detyro blu — përfshi edhe h3 dhe * për elementë brenda titullit */
html#pozitron .module .modtitle,
html#pozitron .module .module-title,
html#pozitron .module h3.modtitle,
html#pozitron .module h3.module-title,
html#pozitron .module.so-listing-tabs > .modtitle,
html#pozitron .module.so-extraslider > .modtitle,
html#pozitron .module.so-deals > .modtitle,
html#pozitron .so-page-builder .module h3.modtitle,
html#pozitron .so-page-builder .module h3.modtitle *,
html#pozitron .so-page-builder .module .modtitle,
html#pozitron .so-page-builder .module .modtitle *,
html#pozitron .so-page-builder .module .module-title,
html#pozitron .so-page-builder .module .module-title *,
html#pozitron .so-page-builder .module .block-title,
html#pozitron .so-page-builder .module .block-title *,
html#pozitron .so-page-builder .module .box-title,
html#pozitron .so-page-builder .module .box-title *,
html#pozitron .module.so-listing-tabs > .modtitle *,
html#pozitron .module.so-extraslider > .modtitle *,
html#pozitron .module.so-deals > .modtitle *{
  color: var(--poz-blue) !important;
}
/* Link në titull + hover */
html#pozitron .module .modtitle a,
html#pozitron .module .module-title a,
html#pozitron .module h3.modtitle a,
html#pozitron .module h3.module-title a,
html#pozitron .so-page-builder .module .modtitle a,
html#pozitron .so-page-builder .module .module-title a,
html#pozitron .so-page-builder .module h3.modtitle a,
html#pozitron .so-page-builder .module h3.module-title a,
html#pozitron .so-page-builder .module .block-title a,
html#pozitron .so-page-builder .module .box-title a,
html#pozitron .so-page-builder .module .head-title a{
  color: var(--poz-blue) !important;
  text-decoration: none !important;
}
html#pozitron .module .modtitle a:hover,
html#pozitron .module .module-title a:hover,
html#pozitron .module h3.modtitle a:hover,
html#pozitron .module h3.module-title a:hover,
html#pozitron .so-page-builder .module .modtitle a:hover,
html#pozitron .so-page-builder .module .module-title a:hover,
html#pozitron .so-page-builder .module h3.modtitle a:hover,
html#pozitron .so-page-builder .module h3.module-title a:hover,
html#pozitron .so-page-builder .module .block-title a:hover,
html#pozitron .so-page-builder .module .box-title a:hover,
html#pozitron .so-page-builder .module .head-title a:hover{
  color: var(--poz-blue-hover) !important;
}

/* ================== TAB-et / filtrat nën titull ================== */
html#pozitron .ltabs-tabs-container .ltabs-tabs li,
html#pozitron .ltabs-tabs-container .ltabs-tabs li a,
html#pozitron .ltabs-tabs-container .ltabs-tabs li span,
html#pozitron .ltabs-tabs-container .ltabs-tabs li button{
  color: var(--poz-blue) !important;
  border-color: var(--poz-blue) !important;
}
html#pozitron .ltabs-tabs-container .ltabs-tabs li:hover a,
html#pozitron .ltabs-tabs-container .ltabs-tabs li:hover span,
html#pozitron .ltabs-tabs-container .ltabs-tabs li:hover button,
html#pozitron .ltabs-tabs-container .ltabs-tabs li.tab-sel a,
html#pozitron .ltabs-tabs-container .ltabs-tabs li.tab-sel span,
html#pozitron .ltabs-tabs-container .ltabs-tabs li.tab-sel button,
html#pozitron .ltabs-tabs-container .ltabs-tabs li.active a,
html#pozitron .ltabs-tabs-container .ltabs-tabs li.active span,
html#pozitron .ltabs-tabs-container .ltabs-tabs li.active button{
  color: var(--poz-blue-hover) !important;
  border-color: var(--poz-blue) !important;
  background-color: rgba(30,58,138,.06) !important; /* opsionale */
}

/* ================== MENYJA KRYESORE (kategoritë top / megamenu) ================== */
html#pozitron .horizontal ul.megamenu > li > a,
html#pozitron .container-megamenu .megamenu > li > a,
html#pozitron #menu .navbar-nav > li > a,
html#pozitron .megamenu > li > a{
  color: var(--poz-blue) !important;
  text-decoration: none !important;
}
html#pozitron .horizontal ul.megamenu > li:hover > a,
html#pozitron .container-megamenu .megamenu > li:hover > a,
html#pozitron #menu .navbar-nav > li:hover > a,
html#pozitron .megamenu > li:hover > a,
html#pozitron .horizontal ul.megamenu > li.active > a,
html#pozitron .container-megamenu .megamenu > li.active > a,
html#pozitron #menu .navbar-nav > li.active > a,
html#pozitron .megamenu > li.active > a{
  color: var(--poz-blue-hover) !important;
}
