/* =========================================================================
   Cologne Gold – WooCommerce im Theme-Look
   ========================================================================= */

/* Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.wc-block-components-button:not(.is-link) {
	background: var(--wp--preset--color--gold, #C6A45C) !important;
	color: #15161b !important;
	border: none;
	border-radius: 2px;
	font-weight: 600;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	font-size: 0.8rem;
	transition: background 0.3s, transform 0.3s;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.wc-block-components-button:not(.is-link):hover {
	background: var(--wp--preset--color--gold-soft, #D9C08A) !important;
	transform: translateY(-1px);
}

.woocommerce a.button.alt,
.woocommerce button.button.alt {
	background: var(--wp--preset--color--gold, #C6A45C) !important;
	color: #15161b !important;
}

/* Preise */
.woocommerce .price,
.woocommerce div.product p.price,
.woocommerce ul.products li.product .price,
.wc-block-components-product-price {
	color: var(--wp--preset--color--gold, #C6A45C) !important;
	font-family: var(--wp--preset--font-family--playfair);
	font-size: 1.15em;
}

.woocommerce div.product p.price del,
.woocommerce ul.products li.product .price del {
	color: var(--wp--preset--color--muted, #ABA89E) !important;
	opacity: 0.8;
}

/* Produktkarten */
.woocommerce ul.products li.product {
	background: var(--wp--preset--color--surface, #1C1F27);
	border: 1px solid var(--wp--preset--color--line, #2A2E38);
	border-radius: 3px;
	overflow: hidden;
	transition: transform 0.35s, box-shadow 0.35s, border-color 0.35s;
	padding-bottom: 1.1rem !important;
}

.woocommerce ul.products li.product:hover {
	transform: translateY(-4px);
	border-color: var(--wp--preset--color--gold, #C6A45C);
	box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
}

.woocommerce ul.products li.product img {
	margin-bottom: 0.9rem !important;
	transition: transform 0.8s cubic-bezier(0.22, 0.6, 0.25, 1);
}

.woocommerce ul.products li.product:hover img {
	transform: scale(1.04);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--wp--preset--font-family--playfair);
	font-size: 1.08rem;
	padding: 0 1.1rem 0.35rem;
}

.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button {
	margin-left: 1.1rem;
	margin-right: 1.1rem;
}

/* Sale-Badge */
.woocommerce span.onsale {
	background: var(--wp--preset--color--gold, #C6A45C);
	color: #15161b;
	border-radius: 2px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-size: 0.7rem;
	line-height: 2.4;
	min-height: auto;
	padding: 0 0.7rem;
}

/* Formulare & Felder */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.wc-block-components-text-input input {
	background: var(--wp--preset--color--surface, #1C1F27);
	border: 1px solid var(--wp--preset--color--line, #2A2E38);
	border-radius: 2px;
	color: inherit;
	padding: 0.7rem 0.9rem;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
	outline: none;
	border-color: var(--wp--preset--color--gold, #C6A45C);
	box-shadow: 0 0 0 3px rgba(198, 164, 92, 0.16);
}

/* Hinweise */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	background: var(--wp--preset--color--surface, #1C1F27);
	color: inherit;
	border-top-color: var(--wp--preset--color--gold, #C6A45C);
	border-radius: 3px;
}

.woocommerce-message::before,
.woocommerce-info::before {
	color: var(--wp--preset--color--gold, #C6A45C);
}

/* Tabellen (Warenkorb) */
.woocommerce table.shop_table {
	border: 1px solid var(--wp--preset--color--line, #2A2E38);
	border-radius: 3px;
}

.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
	border-color: var(--wp--preset--color--line, #2A2E38);
}

/* Breadcrumbs */
.woocommerce .woocommerce-breadcrumb {
	color: var(--wp--preset--color--muted, #ABA89E);
	font-size: 0.82rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.woocommerce .woocommerce-breadcrumb a {
	color: var(--wp--preset--color--gold, #C6A45C);
	text-decoration: none;
}

/* Sterne-Bewertungen */
.woocommerce .star-rating span::before,
.woocommerce p.stars a {
	color: var(--wp--preset--color--gold, #C6A45C);
}

/* Galerie */
.woocommerce div.product div.images img {
	border-radius: 3px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: var(--wp--preset--color--surface, #1C1F27);
	border-color: var(--wp--preset--color--line, #2A2E38);
	border-radius: 3px 3px 0 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	border-bottom-color: var(--wp--preset--color--surface, #1C1F27);
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
	border-color: var(--wp--preset--color--line, #2A2E38);
}
