/* =========================================================================
   GRAND THEFT PLANET – SHOP-ÜBERSICHT
   ========================================================================= */

body.gtp-shop-page {
	background: var(--gtp-ink, #060606) !important;
	overflow-x: hidden;
}

body.gtp-shop-page #primary,
body.gtp-shop-page .content-area,
body.gtp-shop-page .site-main {
	background: var(--gtp-ink, #060606) !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding-top: 120px !important;
	padding-bottom: 80px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box;
}

/* Theme-Standard-Titel/Breadcrumb ausblenden – wir liefern unseren eigenen */
body.gtp-shop-page .woocommerce-products-header,
body.gtp-shop-page .page-title,
body.gtp-shop-page .entry-header,
body.gtp-shop-page .woocommerce-breadcrumb {
	display: none !important;
}

/* ---------- Eigener Titel-Bereich ---------- */
.gtp-shop__header {
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 28px 40px;
}

.gtp-shop__eyebrow {
	display: inline-block;
	margin: 0 0 14px;
	padding: 6px 16px;
	background: rgba(22, 132, 221, 0.14) !important;
	border: 1px solid rgba(22, 132, 221, 0.55) !important;
	border-radius: 999px;
	font-family: 'Archivo', Arial, sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--gtp-blue-light, #d0e6f8) !important;
}

.gtp-shop__title {
	font-family: 'Pricedown', 'Anton', sans-serif;
	font-size: clamp(2.2rem, 5vw, 3.6rem);
	line-height: 1;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #ffffff !important;
	margin: 0;
}

/* ---------- Container ---------- */
body.gtp-shop-page ul.products,
body.gtp-shop-page .woocommerce {
	max-width: 1320px;
	margin: 0 auto !important;
	padding: 0 28px;
	box-sizing: border-box;
}

/* ---------- Ergebnis-Zähler + Sortierung ---------- */
body.gtp-shop-page .woocommerce-result-count {
	font-family: 'Archivo', Arial, sans-serif;
	font-size: 0.82rem;
	color: rgba(255, 255, 255, 0.5) !important;
	margin: 0 0 24px;
}

body.gtp-shop-page .woocommerce-ordering {
	margin: 0 0 30px;
}

body.gtp-shop-page .woocommerce-ordering select {
	background: rgba(255, 255, 255, 0.04) !important;
	border: 1px solid rgba(255, 255, 255, 0.25) !important;
	border-radius: 4px;
	padding: 10px 14px;
	color: #ffffff !important;
	font-family: 'Archivo', Arial, sans-serif;
	font-size: 0.85rem;
}

/* ---------- Produktraster ---------- */
body.gtp-shop-page ul.products {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 22px;
	list-style: none;
}

body.gtp-shop-page ul.products li.product {
	position: relative;
	margin: 0 !important;
	padding: 18px 18px 22px !important;
	background:
		radial-gradient(120% 90% at 15% 100%, rgba(148, 190, 114, 0.14) 0%, rgba(148, 190, 114, 0) 55%),
		radial-gradient(120% 90% at 100% 0%, rgba(22, 132, 221, 0.18) 0%, rgba(22, 132, 221, 0) 55%),
		#0d0d0d;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 4px;
	transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

body.gtp-shop-page ul.products li.product:hover {
	transform: translateY(-6px);
	border-color: rgba(22, 132, 221, 0.5);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.45);
}

body.gtp-shop-page ul.products li.product a {
	text-decoration: none !important;
}

body.gtp-shop-page ul.products li.product img {
	border-radius: 3px;
	margin-bottom: 14px;
}

body.gtp-shop-page ul.products li.product .woocommerce-loop-product__title {
	font-family: 'Archivo', Arial, sans-serif;
	font-size: 0.92rem;
	font-weight: 600;
	color: #ffffff !important;
	margin: 0 0 6px;
}

body.gtp-shop-page ul.products li.product .price {
	font-family: 'Archivo', Arial, sans-serif;
	font-size: 0.88rem;
	color: rgba(255, 255, 255, 0.7) !important;
}

body.gtp-shop-page ul.products li.product .price del {
	color: rgba(255, 255, 255, 0.35) !important;
	opacity: 1;
}

body.gtp-shop-page ul.products li.product .price ins {
	color: #ffffff !important;
	text-decoration: none;
	font-weight: 600;
}

body.gtp-shop-page ul.products li.product .star-rating {
	margin: 6px 0;
	color: var(--gtp-blue, #1684dd) !important;
}

/* ---------- Sale-Badge ---------- */
body.gtp-shop-page span.onsale {
	background: var(--gtp-blue, #1684dd) !important;
	color: #ffffff !important;
	font-family: 'Archivo', Arial, sans-serif;
	font-size: 0.65rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	min-height: auto;
	min-width: auto;
	padding: 5px 10px;
	border-radius: 3px;
	top: 10px;
	left: 10px;
	right: auto;
}

/* ---------- Add-to-Cart-Button im Raster ---------- */
body.gtp-shop-page ul.products li.product a.add_to_cart_button,
body.gtp-shop-page ul.products li.product a.button {
	display: block;
	margin-top: 14px;
	padding: 11px 16px;
	text-align: center;
	background: transparent !important;
	border: 1.5px solid #ffffff !important;
	color: #ffffff !important;
	font-family: 'Archivo', Arial, sans-serif;
	font-weight: 600;
	font-size: 0.75rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	border-radius: 0;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

body.gtp-shop-page ul.products li.product a.add_to_cart_button:hover,
body.gtp-shop-page ul.products li.product a.button:hover {
	background: var(--gtp-blue, #1684dd) !important;
	border-color: var(--gtp-blue, #1684dd) !important;
	color: #ffffff !important;
}

body.gtp-shop-page ul.products li.product a.added_to_cart {
	display: block;
	margin-top: 8px;
	text-align: center;
	font-family: 'Archivo', Arial, sans-serif;
	font-size: 0.72rem;
	color: var(--gtp-green, #94be72) !important;
}

/* ---------- Leerer Shop ---------- */
body.gtp-shop-page p.woocommerce-info {
	max-width: 1320px;
	margin: 0 auto !important;
	padding: 20px 28px;
	background: rgba(255, 255, 255, 0.04) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 4px;
	color: rgba(255, 255, 255, 0.7) !important;
	font-family: 'Archivo', Arial, sans-serif;
}

/* ---------- Pagination ---------- */
body.gtp-shop-page nav.woocommerce-pagination {
	max-width: 1320px;
	margin: 40px auto 0 !important;
	padding: 0 28px;
}

body.gtp-shop-page nav.woocommerce-pagination ul {
	background: transparent !important;
	border: none !important;
	gap: 8px;
}

body.gtp-shop-page nav.woocommerce-pagination ul li {
	border: none !important;
}

body.gtp-shop-page nav.woocommerce-pagination ul li a,
body.gtp-shop-page nav.woocommerce-pagination ul li span {
	background: rgba(255, 255, 255, 0.04) !important;
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	color: rgba(255, 255, 255, 0.7) !important;
	border-radius: 4px;
	font-family: 'Archivo', Arial, sans-serif;
}

body.gtp-shop-page nav.woocommerce-pagination ul li span.current {
	background: var(--gtp-blue, #1684dd) !important;
	border-color: var(--gtp-blue, #1684dd) !important;
	color: #ffffff !important;
}

/* =========================================================================
   RESPONSIVE
   ========================================================================= */

@media (max-width: 900px) {
	body.gtp-shop-page #primary,
	body.gtp-shop-page .content-area,
	body.gtp-shop-page .site-main {
		padding-top: 100px !important;
	}
}

@media (max-width: 560px) {
	body.gtp-shop-page ul.products {
		grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
		gap: 14px;
	}
}