/* Latulipe unified product card */
.latulipe-products,
.woocommerce ul.products,
.woocommerce-page ul.products{
  display:grid;
  gap:18px;
  grid-template-columns:repeat(4,1fr);
}
@media (max-width:1024px){
  .latulipe-products,
  .woocommerce ul.products,
  .woocommerce-page ul.products{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:767px){
  .latulipe-products,
  .woocommerce ul.products,
  .woocommerce-page ul.products{grid-template-columns:repeat(2,1fr);gap:12px}
  .latulipe-products .latulipe-product-card:nth-child(n+7),
  .woocommerce ul.products .latulipe-product-card:nth-child(n+7),
  .woocommerce-page ul.products .latulipe-product-card:nth-child(n+7){display:none}
}

.latulipe-product-card{
  background:#fff;
  border-radius:18px;
  box-shadow:0 10px 30px rgba(24,43,48,.12);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:100%;
  position:relative;
}

.latulipe-product-tags{
  position:absolute;
  top:12px;
  right:12px;
  display:flex;
  flex-direction:column;
  gap:6px;
  align-items:flex-end;
  z-index:2;
}

.latulipe-preorder-tag{
  background:#f5c32c;
  color:#000;
  font-size:12px;
  font-weight:700;
  padding:4px 10px;
  border-radius:999px;
  box-shadow:0 6px 14px rgba(0,0,0,.12);
}

.latulipe-discount-tag{
  background:#0f766e;
  color:#fff;
  font-size:12px;
  font-weight:700;
  padding:4px 10px;
  border-radius:999px;
  box-shadow:0 6px 14px rgba(0,0,0,.12);
}

.latulipe-product-card__img{display:block;aspect-ratio:1/1;background:#fafafa}
.latulipe-product-card__img img{width:100%;height:100%;object-fit:cover;display:block}

.latulipe-product-card__body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:10px}
.latulipe-product-card__title{
  color:#2b2b2b;
  text-decoration:none;
  font-weight:600;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:2.7em;
}

.latulipe-product-card__rating{display:flex;justify-content:center}
.latulipe-product-card__rating .star-rating{font-size:12px}

.latulipe-product-card__price{color:#2b2b2b;font-weight:700;text-align:center}
.latulipe-product-card__price del{opacity:.55;font-weight:500}
.latulipe-product-card__price ins{text-decoration:none}

.latulipe-product-card__actions{display:flex;align-items:center}
.latulipe-product-card__actions .button{flex:1;border-radius:12px}


.latulipe-add-to-cart,
.woocommerce .products .product .button,
.woocommerce-page .products .product .button{
  background:#8fbcc2 !important;
  color:#fff !important;
  font-weight:700 !important;

  /* تصغير الارتفاع فقط */
  padding:8px 16px !important;   /* كان 12px 16px */
  min-height:36px !important;    /* كان 44px */

  text-align:center !important;
  border:1px solid #d56a7a !important;
  border-radius:14px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size: 14px !important;
}

.woocommerce .products .product .button:hover,
.woocommerce-page .products .product .button:hover{
  background:#8fbcc2 !important;
  color:#fff !important;
  border-color:#d56a7a !important;
}
.latulipe-add-to-cart.is-loading{
  opacity:.7;
  pointer-events:none;
  position:relative;
}
.latulipe-add-to-cart.is-loading::after{
  content:"";
  width:16px;
  height:16px;
  border:2px solid rgba(255,255,255,.6);
  border-top-color:#fff;
  border-radius:50%;
  position:absolute;
  top:50%;
  right:12px;
  margin-top:-8px;
  animation:latulipe-spin .8s linear infinite;
}

@keyframes latulipe-spin{to{transform:rotate(360deg)}}

.added_to_cart.wc-forward{
  display:none !important;
}

.latulipe-add-to-cart-toast{
  position:fixed;
  left:50%;
  bottom:24px;
  transform:translate(-50%, 10px);
  background:#111111;
  color:#ffffff;
  padding:10px 16px;
  border-radius:999px;
  font-size:14px;
  font-weight:600;
  opacity:0;
  visibility:hidden;
  transition:opacity .2s ease, transform .2s ease, visibility .2s ease;
  z-index:99999;
  box-shadow:0 10px 25px rgba(0,0,0,.2);
}
.latulipe-add-to-cart-toast.is-visible{
  opacity:1;
  visibility:visible;
  transform:translate(-50%, 0);
}

/* Unified pagination */
.woocommerce .woocommerce-pagination,
.woocommerce-page .woocommerce-pagination{
  margin-top:18px !important;
}
.woocommerce .woocommerce-pagination .page-numbers,
.woocommerce-page .woocommerce-pagination .page-numbers{
  display:flex !important;
  gap:8px !important;
  justify-content:center !important;
  list-style:none !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
}
.woocommerce .woocommerce-pagination .page-numbers li,
.woocommerce-page .woocommerce-pagination .page-numbers li{
  border:0 !important;
  list-style:none !important;
}
.woocommerce .woocommerce-pagination .page-numbers a,
.woocommerce .woocommerce-pagination .page-numbers span,
.woocommerce-page .woocommerce-pagination .page-numbers a,
.woocommerce-page .woocommerce-pagination .page-numbers span{
  width:36px !important;
  height:36px !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;
  font-weight:600 !important;
  border:0 !important;
  color:#2b2b2b !important;
  background:#ffffff !important;
  box-shadow:0 6px 16px rgba(17, 17, 17, 0.08) !important;
  transition:transform .15s ease, box-shadow .15s ease !important;
}
.woocommerce .woocommerce-pagination .page-numbers a:hover,
.woocommerce-page .woocommerce-pagination .page-numbers a:hover{
  transform:translateY(-1px) !important;
}
.woocommerce .woocommerce-pagination .page-numbers .current,
.woocommerce-page .woocommerce-pagination .page-numbers .current{
  background:#8fbcc2 !important;
  color:#ffffff !important;
  box-shadow:0 6px 16px rgba(143, 188, 194, 0.35) !important;
}

.woocommerce .woocommerce-pagination .page-numbers .prev,
.woocommerce .woocommerce-pagination .page-numbers .next,
.woocommerce-page .woocommerce-pagination .page-numbers .prev,
.woocommerce-page .woocommerce-pagination .page-numbers .next{
  transform:rotate(180deg) !important;
}

.woocommerce .woocommerce-pagination .page-numbers .prev:hover,
.woocommerce .woocommerce-pagination .page-numbers .next:hover,
.woocommerce .woocommerce-pagination .page-numbers .prev:active,
.woocommerce .woocommerce-pagination .page-numbers .next:active,
.woocommerce-page .woocommerce-pagination .page-numbers .prev:hover,
.woocommerce-page .woocommerce-pagination .page-numbers .next:hover,
.woocommerce-page .woocommerce-pagination .page-numbers .prev:active,
.woocommerce-page .woocommerce-pagination .page-numbers .next:active{
  transform:rotate(180deg) !important;
}
