/*
Theme Name: GameStore Drag & Drop Fixed
Description: Mobile-friendly WooCommerce block child theme for Twenty Twenty-Five.
Author: GameStore
Template: twentytwentyfive
Version: 1.2.0
Text Domain: gamestore
*/

:root{
  --gs-navy:#131921;
  --gs-blue:#232f3e;
  --gs-orange:#ff9900;
  --gs-bg:#f3f3f3;
  --gs-white:#fff;
  --gs-text:#111;
}

html{scroll-behavior:smooth}
body{margin:0;background:var(--gs-bg);color:var(--gs-text)}
a{text-decoration:none}

.gs-header-main{
  width:100%;
  box-sizing:border-box;
  padding:12px 4%;
  background:var(--gs-navy);
  color:#fff;
  display:flex;
  align-items:center;
  gap:24px;
}
.gs-logo{flex:0 0 auto}
.gs-logo a{color:#fff!important;font-size:27px;font-weight:800}
.gs-search-wrap{flex:1;min-width:180px}
.gs-search-form{display:flex;width:100%;height:44px}
.gs-search-form input{
  flex:1;min-width:0;border:0;outline:0;padding:0 15px;
  font-size:15px;border-radius:5px 0 0 5px;
}
.gs-search-form button{
  width:58px;border:0;background:var(--gs-orange);color:#111;
  font-size:20px;font-weight:700;cursor:pointer;border-radius:0 5px 5px 0;
}
.gs-header-actions{display:flex;align-items:center;gap:20px;white-space:nowrap}
.gs-header-actions a{color:#fff!important}
.gs-cart{display:flex;align-items:center;gap:6px}

.gs-nav{
  width:100%;box-sizing:border-box;padding:9px 4%;
  background:var(--gs-blue);color:#fff;
  display:flex;align-items:center;justify-content:space-between;gap:15px;
}
.gs-nav-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.gs-nav a{color:#fff!important;font-size:14px}
.gs-deals{font-size:14px;white-space:nowrap}

.gs-hero{
  min-height:430px;
  padding:70px 6%;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  background:linear-gradient(110deg,#101827,#203e61);
  color:#fff;
}
.gs-hero h1{font-size:clamp(38px,5vw,64px);line-height:1.05;margin:0 0 18px}
.gs-hero p{font-size:20px;max-width:680px;color:#e5e7eb}
.gs-btn{
  display:inline-block;background:var(--gs-orange);color:#111!important;
  padding:13px 25px;border-radius:5px;font-weight:700
}
.gs-section{
  max-width:1400px;margin:28px auto;padding:28px 24px;
  background:#fff;box-sizing:border-box
}
.gs-section h2{margin-top:0}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  background:#fff;padding:16px;border:1px solid #e5e7eb;
  border-radius:8px;box-sizing:border-box;transition:.2s ease
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.10)
}
.woocommerce ul.products li.product .button,
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{
  background:var(--gs-orange);color:#111;border-radius:5px;font-weight:700
}
.woocommerce span.onsale{
  background:#d32f2f;min-height:40px;min-width:40px;line-height:40px
}

@media (max-width:782px){
  .gs-header-main{padding:12px 15px;gap:12px;flex-wrap:wrap}
  .gs-logo{order:1}
  .gs-header-actions{order:2;margin-left:auto;gap:10px;font-size:13px}
  .gs-search-wrap{order:3;flex:0 0 100%}
  .gs-search-form{height:42px}
  .gs-nav{padding:8px 15px;display:block}
  .gs-nav-links{gap:14px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}
  .gs-deals{display:none}
  .gs-hero{min-height:330px;padding:45px 22px}
  .gs-hero h1{font-size:38px}
  .gs-hero p{font-size:17px}
  .gs-section{margin:15px 10px;padding:20px 15px}
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product{padding:10px}
}

@media (max-width:480px){
  .gs-logo a{font-size:22px}
  .gs-header-actions .gs-account-text{display:none}
  .gs-header-actions{font-size:12px}
  .gs-hero h1{font-size:32px}
}