/*
 * Greedy Pigs Neon — Menu-style product archive grid
 * Scoped to Woo archives only. Uses the theme palette:
 *  - background: #0b0b0d
 *  - accent: #ff97cd
 *  - text: #ececf1
 */

body.gp-archive-list-enabled.woocommerce-page ul.products,
body.gp-archive-list-enabled.woocommerce-page .products {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Grid wrapper (Woo uses ul.products). */
body.gp-archive-list-enabled.woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(240px, 1fr));
  gap: 18px;
  align-items: stretch;
}

@media (max-width: 1180px) {
  body.gp-archive-list-enabled.woocommerce-page ul.products {
    grid-template-columns: repeat(2, minmax(220px, 1fr));
  }
}

@media (max-width: 782px) {
  body.gp-archive-list-enabled.woocommerce-page ul.products {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

/* Product card */
body.gp-archive-list-enabled.woocommerce-page li.product.gp-menu-card {
  width: auto !important;
  margin: 0 !important;
  float: none !important;
}

.gp-menu-card-inner {
  height: 100%;
  background: rgba(16, 16, 19, 0.78);
  border: 1px solid rgba(255, 151, 205, 0.18);
  border-radius: 16px;
  box-shadow: 0 0 18px rgba(255, 151, 205, 0.10);
  overflow: hidden;
  display: grid;
  grid-template-rows: auto 1fr auto;
}

.gp-menu-thumb {
  display: block;
  background: #13141a;
  border-bottom: 1px solid rgba(255, 151, 205, 0.10);
}

.gp-menu-thumb img,
.gp-menu-thumb .woocommerce-placeholder {
  width: 100% !important;
  height: 210px !important;
  object-fit: cover !important;
  display: block;
}

@media (max-width: 782px) {
  .gp-menu-thumb img,
  .gp-menu-thumb .woocommerce-placeholder {
    height: 180px !important;
  }
}

.gp-menu-body {
  padding: 14px 14px 10px;
}

.gp-menu-title {
  margin: 0 0 6px;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.15;
}

.gp-menu-title a {
  color: #ececf1;
  text-decoration: none;
}

.gp-menu-title a:hover {
  color: #ff97cd;
}

.gp-menu-desc {
  color: rgba(236, 236, 241, 0.84);
  font-size: 13.5px;
  line-height: 1.35;
  margin: 0;
}

.gp-menu-footer {
  padding: 12px 14px 14px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.gp-menu-actions{
  display:flex;
  align-items:stretch;
  gap:10px;
}

.gp-menu-qtywrap{
  display:flex;
  align-items:center;
  justify-content:center;
  width:72px;
  border-radius:14px;
  border:1px solid rgba(255, 151, 205, 0.35);
  background: rgba(255, 151, 205, 0.10);
}

.gp-menu-qty{
  width:100%;
  height:100%;
  text-align:center;
  text-align-last: center;
  background: transparent;
  color:#ececf1;
  border:0;
  outline:none;
  font-weight:800;
  padding: 10px 8px;
  cursor: pointer;
}

/* Firefox spinner removal */
.gp-menu-qty[type=number]{ -moz-appearance: textfield; }

.gp-menu-actions .button,
.gp-menu-actions a.button,
.gp-menu-actions button.button{
  flex: 1;
  width: auto;
}

/* Hide number spinners where possible */
.gp-menu-qty::-webkit-outer-spin-button,
.gp-menu-qty::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; }
input.gp-menu-qty{ -moz-appearance: textfield; }

/* Price pill */
.gp-menu-price {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 151, 205, 0.35);
  background: rgba(255, 151, 205, 0.10);
  color: #ff97cd;
  font-weight: 800;
}

.gp-menu-price .amount,
.gp-menu-price ins,
.gp-menu-price del {
  color: inherit;
}

/* Button – reuse theme feel but keep it tidy on cards */
.gp-menu-footer .button,
.gp-menu-footer a.button,
.gp-menu-footer button.button {
  width: 100%;
  border-radius: 14px;
  padding: 12px 14px;
  background: #ff97cd;
  color: #0b0b0d;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .5px;
  border: 0;
}

.gp-menu-footer .button:hover {
  filter: brightness(1.05);
}

/* Chip bar: keep it on-brand and avoid "white" default link colours */
.gp-chipbar {
  margin: 14px 0 18px;
  padding: 0;
}

.gp-chipbar-inner {
  display: flex;
  gap: 10px;
  padding: 12px 12px;
  border-radius: 16px;
  background: rgba(16, 16, 19, 0.60);
  border: 1px solid rgba(255, 151, 205, 0.18);
  overflow-x: auto;
}

.gp-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 151, 205, 0.30);
  background: rgba(255, 151, 205, 0.08);
  color: #ececf1;
  text-decoration: none;
  font-weight: 800;
  white-space: nowrap;
}

.gp-chip:hover {
  color: #0b0b0d;
  background: #ff97cd;
}



/* Fix Woo clearfix pseudo elements becoming grid items when ul.products uses CSS grid */
body.gp-archive-list-enabled.woocommerce-page ul.products::before,
body.gp-archive-list-enabled.woocommerce-page ul.products::after,
body.gp-archive-list-enabled.woocommerce-page .products::before,
body.gp-archive-list-enabled.woocommerce-page .products::after{
  content: none !important;
  display: none !important;
}

/* Ensure visited links don't turn purple/blue on archive cards */
body.gp-archive-list-enabled .gp-menu-title a,
body.gp-archive-list-enabled .gp-menu-title a:visited,
body.gp-archive-list-enabled .gp-menu-desc a,
body.gp-archive-list-enabled .gp-menu-desc a:visited{
  color: #ececf1 !important;
  text-decoration: none;
}
body.gp-archive-list-enabled .gp-menu-title a:hover,
body.gp-archive-list-enabled .gp-menu-title a:focus{
  color: #ff97cd !important;
}