/*
Theme Name:   Tussna
Theme URI:    https://example.invalid/tussna
Description:  Child theme of Storefront for Tussna Shop. Functional baseline only — the
              real visual design is still an open decision (docs/03-platform-woocommerce.md).
              Colours below are a starting point, not a brand decision.
Author:       Tussna
Template:     storefront
Version:      0.1.0
Text Domain:  tussna
*/

:root {
	/* Starting palette — clay and tea. Change freely. */
	--tussna-clay: #b5563a;        /* terracotta, unglazed clay */
	--tussna-clay-dark: #8f4028;
	--tussna-tea: #2f5d50;         /* mint tea */
	--tussna-sand: #f6f1e9;        /* warm off-white */
	--tussna-ink: #26211e;
	--tussna-muted: #6f645c;
	--tussna-radius: 6px;
}

body {
	color: var(--tussna-ink);
	background-color: var(--tussna-sand);
}

/* Header ------------------------------------------------------------- */

.site-header,
.storefront-handheld-footer-bar {
	background-color: #ffffff;
}

.site-branding .site-title a {
	color: var(--tussna-ink);
	letter-spacing: 0.02em;
}

.site-header .site-description {
	color: var(--tussna-muted);
}

/* Buttons ------------------------------------------------------------ */

button,
input[type="button"],
input[type="submit"],
.button,
.wc-block-components-button {
	background-color: var(--tussna-clay);
	border-color: var(--tussna-clay);
	border-radius: var(--tussna-radius);
	color: #ffffff;
}

button:hover,
input[type="submit"]:hover,
.button:hover,
.wc-block-components-button:hover {
	background-color: var(--tussna-clay-dark);
	border-color: var(--tussna-clay-dark);
	color: #ffffff;
}

.button.alt,
.single_add_to_cart_button {
	background-color: var(--tussna-tea);
	border-color: var(--tussna-tea);
}

/* Products ----------------------------------------------------------- */

ul.products li.product .woocommerce-loop-product__title {
	font-size: 1.05rem;
	letter-spacing: 0.01em;
}

ul.products li.product .price {
	color: var(--tussna-tea);
	font-weight: 600;
}

.woocommerce-Price-amount,
.woocommerce-Price-currencySymbol {
	white-space: nowrap;
}

/* Product page ------------------------------------------------------- */

.single-product div.product .product_title {
	letter-spacing: 0.01em;
}

.single-product div.product .price {
	color: var(--tussna-tea);
	font-size: 1.4rem;
}

/* Message used on drafts and placeholders ---------------------------- */

.tussna-placeholder {
	background: #fff6d9;
	border: 1px solid #e6cf86;
	border-radius: var(--tussna-radius);
	color: #6b5410;
	font-size: 0.9rem;
	padding: 0.75rem 1rem;
}

/* WhatsApp ----------------------------------------------------------- */

.tussna-whatsapp {
	background-color: #25d366;
	border-radius: 999px;
	bottom: 1.25rem;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
	color: #ffffff;
	font-weight: 600;
	padding: 0.6rem 1.1rem;
	position: fixed;
	right: 1.25rem;
	z-index: 9999;
}

.tussna-whatsapp:hover {
	background-color: #1da851;
	color: #ffffff;
}

@media screen and (max-width: 767px) {
	/* Keep clear of Storefront's handheld footer bar. */
	.tussna-whatsapp {
		bottom: 4.5rem;
	}
}