/*
Theme Name: GameNdToys
Theme URI: http://192.109.139.203/
Description: Playful & bright toy store. Child of Twenty Twenty-Five with bold primary colors, chunky rounded cards, Fredoka display + Nunito body.
Author: GameNdToys
Template: twentytwentyfive
Version: 1.0.0
Text Domain: gamendtoys
*/

:root{
  --gt-base:#FFFDF7;
  --gt-ink:#232336;
  --gt-red:#FF5A5F;
  --gt-yellow:#FFC93C;
  --gt-blue:#2D9CDB;
  --gt-green:#3DD68C;
  --gt-purple:#7C5CFC;
  --gt-soft:#FFF3D6;
  --gt-sky:#E9F6FF;
}
body{-webkit-font-smoothing:antialiased;}

/* ---- Header ---- */
header.wp-block-template-part{background:var(--gt-base);border-bottom:3px solid var(--gt-ink);}
.wp-block-site-title{margin:0;line-height:0;}
.wp-block-site-title a{
  display:inline-block;width:clamp(148px,44vw,196px);height:50px;
  background-image:url("/wp-content/uploads/gamendtoys-logo.svg");
  background-size:contain;background-repeat:no-repeat;background-position:left center;
  font-size:0 !important;line-height:0;color:transparent !important;text-indent:-9999px;
  white-space:nowrap;overflow:hidden;
}
.wp-block-site-title a::before{content:none !important;}
.wp-block-navigation{font-family:"Fredoka",sans-serif;font-weight:500;font-size:1rem;}
.wp-block-navigation a:hover{color:var(--gt-red) !important;}

/* Mobile menu overlay: center items with breathing room */
.wp-block-navigation__responsive-container.is-menu-open{background:var(--gt-base) !important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
  justify-content:center !important;align-items:center !important;padding-top:2rem;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{
  align-items:center !important;text-align:center;gap:.9rem !important;width:100%;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{
  justify-content:center !important;width:auto;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a{
  font-family:"Fredoka",sans-serif !important;font-size:1.35rem !important;font-weight:600;
}

/* ---- Category quick-pick bar (swipeable on mobile) ---- */
.gt-chips{
  display:flex;gap:12px;overflow-x:auto;padding:14px 18px 16px;
  background:var(--gt-base);border-bottom:1px solid rgba(35,35,54,.10);
  justify-content:safe center;scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
.gt-chips::-webkit-scrollbar{display:none;}
.gt-chips a{
  flex:0 0 auto;white-space:nowrap;background:#fff;border:2px solid var(--gt-ink);
  border-radius:999px;padding:.55em 1.15em;font-family:"Fredoka",sans-serif;font-weight:600;
  font-size:.98rem;color:var(--gt-ink) !important;text-decoration:none;
  box-shadow:0 3px 0 0 rgba(35,35,54,.12);transition:background-color .2s,transform .12s,box-shadow .12s;
}
.gt-chips a:hover{background:var(--gt-yellow);transform:translateY(1px);box-shadow:0 2px 0 0 rgba(35,35,54,.12);}
.gt-chips a:first-child{background:var(--gt-ink);color:#fff !important;}

/* ---- Buttons: chunky pills ---- */
.wp-block-button__link,.wc-block-components-button,
.woocommerce a.button,.woocommerce button.button,
.woocommerce #respond input#submit,.woocommerce .button,
.woocommerce a.button.alt,.woocommerce button.button.alt{
  background-color:var(--gt-red) !important;color:#fff !important;border:none !important;
  border-radius:999px !important;font-family:"Fredoka",sans-serif !important;font-weight:600 !important;
  letter-spacing:.3px;text-transform:none;font-size:1rem !important;padding:.8em 1.8em !important;
  box-shadow:0 6px 0 0 #d94449;transition:transform .12s ease,box-shadow .12s ease,background-color .2s ease;
}
.wp-block-button__link:hover,.wc-block-components-button:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce .button:hover{
  transform:translateY(2px);box-shadow:0 4px 0 0 #d94449;background-color:#ff4a50 !important;
}
.wp-block-button.is-style-outline .wp-block-button__link{
  background:transparent !important;color:var(--gt-ink) !important;
  border:3px solid var(--gt-ink) !important;box-shadow:none;
}
/* "View cart" (shown after add-to-cart) -> on-brand dark pill, secondary to red */
.woocommerce a.added_to_cart,
.woocommerce a.added_to_cart.wc-forward{
  display:block;width:100%;box-sizing:border-box;text-align:center;
  background:var(--gt-ink) !important;color:#fff !important;border:none !important;
  border-radius:999px !important;font-family:"Fredoka",sans-serif !important;font-weight:600;
  font-size:1rem !important;padding:.72em 1.4em !important;margin-top:.55rem !important;
  text-decoration:none !important;box-shadow:0 5px 0 0 rgba(18,18,28,.5);
  transition:transform .12s ease,box-shadow .12s ease,background-color .2s ease;
}
.woocommerce a.added_to_cart:hover{
  background:#12121c !important;transform:translateY(2px);box-shadow:0 3px 0 0 rgba(18,18,28,.5);
}

/* ---- Grid layout so rows always align (kills WooCommerce float gaps) ---- */
.woocommerce ul.products,.woocommerce-page ul.products{
  display:grid !important;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));
  gap:26px !important;margin:0 !important;padding:0 !important;
}
.woocommerce ul.products::before,.woocommerce ul.products::after{content:none !important;display:none !important;}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{
  width:auto !important;margin:0 !important;float:none !important;
  display:flex !important;flex-direction:column;
}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart{margin-top:auto !important;}

/* ---- Product cards: rounded & bouncy ---- */
ul.products li.product,.wc-block-grid__product,.products .wc-block-product,
.wp-block-woocommerce-product-template li{
  background:#fff;border:2px solid var(--gt-ink);border-radius:22px;
  padding:14px 14px 20px !important;text-align:center;list-style:none;
  box-shadow:0 6px 0 0 rgba(35,35,54,.12);
  transition:transform .15s ease,box-shadow .15s ease;
}
ul.products li.product:hover,.wc-block-grid__product:hover,.products .wc-block-product:hover{
  transform:translateY(-4px) rotate(-.4deg);box-shadow:0 12px 0 0 rgba(35,35,54,.14);
}
ul.products li.product img,.wc-block-grid__product-image img,.wc-block-components-product-image img{
  border-radius:16px;aspect-ratio:1/1;object-fit:cover;background:var(--gt-sky);margin-bottom:1rem !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__product-title,.wc-block-components-product-name{
  font-family:"Fredoka",sans-serif !important;font-weight:500 !important;
  font-size:1.02rem !important;color:var(--gt-ink);line-height:1.25;padding:.3em 0 !important;
}

/* ---- Prices ---- */
.woocommerce .price del,.wc-block-components-product-price del,.wc-block-grid__product-price del{
  color:#a7a3b0 !important;font-weight:600;margin-right:.4em;opacity:1;
}
.woocommerce .price ins,.wc-block-components-product-price ins,.wc-block-grid__product-price ins{
  text-decoration:none;color:var(--gt-red) !important;font-weight:800;
}
.woocommerce .price{color:var(--gt-red);font-weight:800;font-family:"Fredoka",sans-serif;}

/* ---- Sale badge ---- */
.woocommerce span.onsale,.wc-block-components-product-sale-badge{
  background:var(--gt-yellow) !important;color:var(--gt-ink) !important;
  border:2px solid var(--gt-ink) !important;border-radius:999px !important;
  font-family:"Fredoka",sans-serif;font-weight:600;font-size:.72rem;letter-spacing:.3px;
  min-height:0 !important;min-width:0 !important;padding:.3em .8em !important;
  text-transform:uppercase;line-height:1;transform:rotate(-6deg);
}

/* ---- Section headings ---- */
.woocommerce-products-header__title,.wp-block-post-title{font-family:"Fredoka",sans-serif !important;}

/* ---- Homepage helpers ---- */
.gt-hero{min-height:70vh;}
.gt-eyebrow{font-family:"Fredoka",sans-serif !important;font-weight:600;letter-spacing:.28em;
  text-transform:uppercase;font-size:.78rem;}
.gt-pill{display:inline-block;background:var(--gt-yellow);color:var(--gt-ink);border:2px solid var(--gt-ink);
  border-radius:999px;padding:.3em 1em;font-family:"Fredoka",sans-serif;font-weight:600;}
.gt-valueprop{background:#fff;border:2px solid var(--gt-ink);border-radius:20px;padding:1.4rem !important;
  box-shadow:0 6px 0 0 rgba(35,35,54,.10);height:100%;}
.gt-valueprop h3{font-family:"Fredoka",sans-serif !important;margin-top:.3rem;}

/* Category tiles (shortcode) */
.gt-cats ul.products li.product-category a img,
.wc-block-product-categories img{border-radius:16px;}
.gt-cats ul.products li.product-category h2,
.gt-cats ul.products li.product-category .woocommerce-loop-category__title{
  font-family:"Fredoka",sans-serif !important;font-weight:600;color:var(--gt-ink);
}

/* ---- Pagination: chunky pill buttons (block + classic) ---- */
.wp-block-query-pagination{gap:10px !important;margin-top:2.6rem !important;justify-content:center;align-items:center;flex-wrap:wrap;}
.wp-block-query-pagination-numbers{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination a.wp-block-query-pagination-previous,
.wp-block-query-pagination a.wp-block-query-pagination-next,
.woocommerce nav.woocommerce-pagination ul li a.page-numbers,
.woocommerce nav.woocommerce-pagination ul li span.page-numbers{
  display:inline-flex !important;align-items:center;justify-content:center;
  min-width:48px;height:48px;padding:0 16px;border-radius:999px;
  border:2px solid var(--gt-ink) !important;background:#fff !important;color:var(--gt-ink) !important;
  font-family:"Fredoka",sans-serif !important;font-weight:600;font-size:1.05rem;line-height:1;text-decoration:none !important;
  box-shadow:0 4px 0 0 rgba(35,35,54,.14);margin:0 !important;
  transition:transform .12s ease,box-shadow .12s ease,background-color .2s ease;
}
.wp-block-query-pagination a.page-numbers:hover,
.wp-block-query-pagination a.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination a.wp-block-query-pagination-next:hover,
.woocommerce nav.woocommerce-pagination ul li a.page-numbers:hover{
  background:var(--gt-yellow) !important;transform:translateY(2px);box-shadow:0 2px 0 0 rgba(35,35,54,.14);
}
.wp-block-query-pagination .page-numbers.current,
.woocommerce nav.woocommerce-pagination ul li span.page-numbers.current{
  background:var(--gt-red) !important;color:#fff !important;border-color:var(--gt-red) !important;box-shadow:0 4px 0 0 #d94449;
}
.wp-block-query-pagination .page-numbers.dots,
.woocommerce nav.woocommerce-pagination ul li span.page-numbers.dots{
  border:none !important;background:transparent !important;box-shadow:none;min-width:26px;padding:0;
}
.woocommerce nav.woocommerce-pagination ul{border:none !important;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0;padding:0;}
.woocommerce nav.woocommerce-pagination ul li{border:none !important;margin:0 !important;overflow:visible;}

/* ---- Sort-by dropdown: pill select ---- */
.woocommerce-ordering select.orderby,
.wc-block-catalog-sorting select,
.wp-block-woocommerce-catalog-sorting select,
select.orderby{
  -webkit-appearance:none;-moz-appearance:none;appearance:none;
  font-family:"Fredoka",sans-serif !important;font-weight:600;font-size:.95rem;color:var(--gt-ink) !important;
  background-color:#fff;border:2px solid var(--gt-ink) !important;border-radius:999px;
  padding:.7em 2.7em .7em 1.2em;margin:0;cursor:pointer;line-height:1;max-width:100%;
  box-shadow:0 4px 0 0 rgba(35,35,54,.14);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23232336' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 1.1em center;background-size:14px;
  transition:background-color .2s ease,transform .12s ease,box-shadow .12s ease;
}
.woocommerce-ordering select.orderby:hover,
.wp-block-woocommerce-catalog-sorting select:hover{background-color:var(--gt-soft);}
.woocommerce-ordering select.orderby:focus,
.wp-block-woocommerce-catalog-sorting select:focus{outline:none;border-color:var(--gt-red) !important;}
.wp-block-woocommerce-catalog-sorting{display:flex;justify-content:flex-end;}

/* Footer */
footer.wp-block-template-part{background:var(--gt-ink);color:#fff;}
footer.wp-block-template-part a{color:#fff;}
footer .wp-block-site-title a{color:#fff !important;}