/*
Theme Name: Storefront Child - Eshop
Description: Custom WooCommerce eshop child theme based on Storefront. Full checkout, cart and product management inherited from WooCommerce core. Branding pass pending (logo, palette, typography).
Author: Comitech
Author URI: https://www.comitech.gr
Template: storefront
Version: 0.1.0
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: storefront-child
*/

/* =================================================
   BRAND TOKENS
   Placeholders until the logo/palette arrives.
   Re-color ~90% of the shop by editing these values.
   ================================================= */
:root {
	--sfc-primary:      #1f2937;  /* headings, header text          */
	--sfc-accent:       #2563eb;  /* buttons, links, prices         */
	--sfc-accent-hover: #1d4ed8;
	--sfc-surface:      #ffffff;
	--sfc-text:         #111827;
	--sfc-muted:        #6b7280;
	--sfc-border:       #e5e7eb;
	--sfc-radius:       4px;
}

/* =================================================
   BUTTONS - Storefront + WooCommerce (incl. blocks)
   ================================================= */
button,
input[type="button"],
input[type="submit"],
.button,
.woocommerce a.button,
.wc-block-components-button,
.added_to_cart {
	background-color: var(--sfc-accent);
	color: #fff;
	border-radius: var(--sfc-radius);
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.button:hover,
.woocommerce a.button:hover,
.wc-block-components-button:hover,
.added_to_cart:hover {
	background-color: var(--sfc-accent-hover);
	color: #fff;
}

/* Checkout / primary actions stand out */
.wc-proceed-to-checkout .checkout-button,
#place_order,
.single_add_to_cart_button {
	background-color: var(--sfc-accent);
	font-weight: 600;
}

/* =================================================
   LINKS & PRICES
   ================================================= */
a {
	color: var(--sfc-accent);
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price {
	color: var(--sfc-accent);
	font-weight: 600;
}

/* =================================================
   PRODUCT CARDS - subtle lift on hover
   ================================================= */
ul.products li.product {
	transition: transform 0.15s ease;
}

ul.products li.product:hover {
	transform: translateY(-3px);
}

ul.products li.product img {
	border-radius: var(--sfc-radius);
}

/* =================================================
   HEADER
   ================================================= */
.site-header {
	background-color: var(--sfc-surface);
	border-bottom: 1px solid var(--sfc-border);
}

/* =================================================
   Site-specific styles go below this line.
   Full branding pass (typography, homepage sections,
   header layout) will replace the placeholders above.
   ================================================= */