/* =============================================================
   gogo24 – Storefront Child Theme
   Shop-Styles
   ============================================================= */

/* --- Base ---------------------------------------------------- */
body,
button,
input,
select,
textarea {
	font-family: var(--gogo24-font-body);
	color: var(--gogo24-text);
}

body {
	background: var(--gogo24-bg-soft);
}

h1, h2, h3, h4, h5, h6,
.site-header .site-branding .site-title,
.entry-title {
	font-family: var(--gogo24-font-head);
	font-weight: 600;
	letter-spacing: 0.02em;
}

h1, h2 {
	text-transform: uppercase;
}

a {
	color: var(--gogo24-red);
}
a:hover,
a:focus {
	color: var(--gogo24-dark);
}

/* --- Header -------------------------------------------------- */
.site-header {
	background-color: var(--gogo24-dark) !important;
	border-bottom: 3px solid var(--gogo24-yellow);
	padding-top: 1em;
	padding-bottom: 1em;
}

/* Logo: transparent, kompakt, ohne Hintergrund-Kasten.
   PNG enthält bereits 5 px Innenabstand zum Rand. */
.site-header .site-branding {
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
}
.site-header .custom-logo-link,
.site-header .site-logo-link,
.site-header .site-logo-anchor {
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
	display: inline-block;
	line-height: 0;
}
.site-header img.custom-logo,
.site-header .site-logo-link img,
.site-header .site-logo-anchor img {
	background: transparent !important;
	box-shadow: none !important;
	max-height: 80px;
	width: auto;
	height: auto;
	display: block;
}

.site-header .site-branding a,
.site-header .site-title a {
	color: var(--gogo24-silver) !important;
	font-family: var(--gogo24-font-head);
	letter-spacing: 0.04em;
}

.main-navigation ul.menu li a,
.main-navigation ul.nav-menu li a {
	color: #ffffff;
	text-transform: uppercase;
	font-family: var(--gogo24-font-head);
	font-weight: 500;
	letter-spacing: 0.05em;
	padding: 0.6em 1em;
	border-bottom: 2px solid transparent;
	transition: border-color .15s ease, color .15s ease;
}

.main-navigation ul.menu li a:hover,
.main-navigation ul.menu li.current-menu-item > a,
.main-navigation ul.nav-menu li a:hover,
.main-navigation ul.nav-menu li.current-menu-item > a {
	color: var(--gogo24-yellow);
	border-bottom-color: var(--gogo24-yellow);
}

.site-header-cart .cart-contents {
	color: #ffffff !important;
}
.site-header-cart .cart-contents:hover {
	color: var(--gogo24-yellow) !important;
}

/* --- Buttons ------------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.added_to_cart,
.widget a.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page #content input.button {
	background-color: var(--gogo24-red);
	color: #ffffff;
	border: 0;
	border-radius: 3px;
	font-family: var(--gogo24-font-head);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-weight: 600;
	padding: 0.85em 1.6em;
	transition: background-color .15s ease, color .15s ease, transform .05s ease;
	box-shadow: none;
	text-shadow: none;
}

button:hover,
.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page a.button:hover {
	background-color: var(--gogo24-dark);
	color: var(--gogo24-yellow);
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt {
	background-color: var(--gogo24-red);
	color: #ffffff;
}
.woocommerce a.button.alt:hover {
	background-color: var(--gogo24-dark);
	color: var(--gogo24-yellow);
}

/* --- Produktkarten ------------------------------------------ */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	background: #ffffff;
	border: 1px solid var(--gogo24-border);
	border-radius: 4px;
	padding: 1em;
	transition: box-shadow .2s ease, transform .15s ease;
}

.woocommerce ul.products li.product:hover {
	box-shadow: 0 6px 18px rgba(0,0,0,0.08);
	transform: translateY(-2px);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3 {
	font-family: var(--gogo24-font-head);
	font-size: 1.05em;
	color: var(--gogo24-dark);
	text-transform: none;
	min-height: 2.6em;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	font-family: var(--gogo24-font-num);
	color: var(--gogo24-dark);
	font-weight: 700;
	font-size: 1.25em;
}

.woocommerce ul.products li.product .price ins,
.woocommerce div.product p.price ins {
	color: var(--gogo24-red);
	background: transparent;
	font-weight: 700;
}

/* --- Sale / Neu Badges -------------------------------------- */
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale {
	background-color: var(--gogo24-red);
	color: #ffffff;
	border-radius: 50%;
	min-height: 3em;
	min-width: 3em;
	padding: 0.6em;
	font-family: var(--gogo24-font-num);
	font-weight: 700;
	line-height: 1.6;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	top: 8px;
	left: 8px;
	right: auto;
}

/* --- Trust-Bar ---------------------------------------------- */
.gogo24-trust-bar {
	background: var(--gogo24-dark-2);
	color: var(--gogo24-text-on-dark);
	padding: 1.6em 0;
	border-top: 1px solid #2a2d31;
	border-bottom: 3px solid var(--gogo24-yellow);
}

.gogo24-trust-bar ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5em;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.gogo24-trust-bar li {
	font-size: 0.95em;
	line-height: 1.4;
}

.gogo24-trust-bar li strong {
	color: var(--gogo24-yellow);
	font-family: var(--gogo24-font-head);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	display: block;
	margin-bottom: 0.2em;
}

@media (max-width: 768px) {
	.gogo24-trust-bar ul {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* --- Footer -------------------------------------------------- */
.site-footer {
	background-color: var(--gogo24-dark) !important;
	color: var(--gogo24-silver) !important;
}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer .widget-title {
	color: #ffffff !important;
	font-family: var(--gogo24-font-head);
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.site-footer a {
	color: var(--gogo24-silver) !important;
}
.site-footer a:hover {
	color: var(--gogo24-yellow) !important;
}

/* --- Formulare ---------------------------------------------- */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
textarea,
select {
	border: 1px solid var(--gogo24-border);
	border-radius: 3px;
	padding: 0.7em 0.9em;
	background: #ffffff;
}
input:focus,
textarea:focus,
select:focus {
	outline: none;
	border-color: var(--gogo24-red);
	box-shadow: 0 0 0 2px rgba(227,6,19,0.15);
}

/* --- Tabellen / Cart ---------------------------------------- */
.woocommerce table.shop_table {
	border-radius: 4px;
	border-color: var(--gogo24-border);
}
.woocommerce table.shop_table th {
	background: var(--gogo24-dark);
	color: #ffffff;
	font-family: var(--gogo24-font-head);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}