/* ===== Base ===== */
html,body{
  margin:0;padding:0;max-width:100%;overflow-x:hidden;
  background:#1A1A1A;color:#FFF;font-family:'Press Start 2P',sans-serif;font-size:1.5vw;
}
h1,h2{color:#FFF;text-shadow:2px 2px #FF00FF;font-size:2vw;}
a{color:#00FF99;text-decoration:none;border-bottom:1px solid #FF00FF;font-size:1.5vw;}
a:hover{color:#FF00FF;border-bottom-color:#00FF99;}

/* Buttons (global) */
button,.button,input[type=submit]{
  background:#FF00FF;color:#FFF;border:2px solid #00FF99;padding:10px;
  box-shadow:0 0 10px #FF00FF;font-size:1.5vw;transition:.3s;
}
button:hover,.button:hover,input[type=submit]:hover{
  background:#00FF99;color:#1A1A1A;border-color:#FF00FF;
}

/* Product tiles */
.wc-block-grid__product{
  border:2px solid #FF00FF;box-shadow:0 0 10px #FF00FF,0 0 20px #FF00FF,0 0 30px #FF00FF;
  padding:10px;border-radius:5px;transition:.3s;
}
.wc-block-grid__product:hover{transform:scale(1.05);box-shadow:0 0 15px #FF00FF,0 0 25px #FF00FF,0 0 35px #FF00FF;}

/* Footer columns on dark */
.wp-block-column.has-white-background-color{background:#333!important;color:#FFF!important;}
.wp-block-column.has-white-background-color h2,
.wp-block-column.has-white-background-color h3,
.wp-block-column.has-white-background-color p{color:#FFF!important;}

/* Game info grid (shared + Woo description tab) */
.game-info-grid,
.woocommerce-Tabs-panel--description .game-info-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;border:2px solid #FF00FF;
  padding:10px;max-width:100%;overflow-x:auto;
}
.game-info-grid div,
.woocommerce-Tabs-panel--description .game-info-grid div{
  border:1px solid #FF00FF;background:#1A1A1A;color:#FFF;font-size:1.5vw;
  padding:10px;word-break:break-word;overflow-wrap:break-word;hyphens:auto;
}

/* Small screens */
@media (max-width:600px){
  .game-info-grid,
  .woocommerce-Tabs-panel--description .game-info-grid{grid-template-columns:1fr;}
  .game-info-grid div,
  .woocommerce-Tabs-panel--description .game-info-grid div{font-size:3.5vw;padding:8px;}
  h1,h2{font-size:4vw;}
  a,body,button,.button,input[type=submit]{font-size:3vw;}
}

/* ===== WooCommerce Blocks Pagination (exact classes from your layout) ===== */
/* Neutralize global button styles INSIDE pagination only */
.wc-block-components-pagination button[class^="wc-block-"],
.wc-block-components-pagination button[class*=" wc-block-"]{all:unset;}

/* Container */
.wc-block-components-pagination{text-align:center;margin:20px 0 30px;}

/* Page numbers + arrows */
button.wc-block-pagination-page,
button.wc-block-components-pagination__page,
button.wc-block-components-pagination__page-arrow{
  display:inline-block!important;min-width:40px!important;padding:8px 12px!important;margin:0 4px!important;
  border-radius:8px!important;background:#1A1A1A!important;color:#FFFFFF!important;border:2px solid #FF00FF!important;
  box-shadow:0 0 12px #FF00FF!important;font-weight:700!important;line-height:1!important;cursor:pointer!important;
}

/* Current page */
button.wc-block-pagination-page.is-active,
button.wc-block-components-pagination__page.is-active{
  background:#FF00FF!important;color:#1A1A1A!important;border-color:#00FF99!important;box-shadow:0 0 14px #FF00FF!important;
}

/* Hover */
button.wc-block-pagination-page:hover,
button.wc-block-components-pagination__page:hover,
button.wc-block-components-pagination__page-arrow:hover{
  background:#00FF99!important;color:#1A1A1A!important;border-color:#FF00FF!important;box-shadow:0 0 14px #00FF99!important;
}

/* Ellipsis */
span.wc-block-components-pagination__page-ellipsis{color:#FFFFFF!important;margin:0 6px!important;font-weight:700!important;}

/* Hide featured image on single blog posts */
.single-post .post-thumbnail,
.single-post .wp-post-image {
  display: none !important;
}