/*
Theme Name: Serena Bright Child
Theme URI:  https://shop.serenabright.com
Author:     2brand.hu
Author URI: https://2brand.hu
Description: Serena Bright shop — warm cream / serif design system. Storefront child theme.
Template:   storefront
Version:    1.0.0
Text Domain: serenabright-child
*/

/* ============================================================================
 * COLOR TOKENS — warm cream / serif palette
 * ========================================================================== */
:root {
	/* Backgrounds */
	--sb-bg:           #faf6ef;  /* fő háttér */
	--sb-bg-alt:       #f0ead9;  /* szekció háttér */
	--sb-bg-card:      #ffffff;  /* termékkártya */
	--sb-bg-warm:      #e8e3d5;  /* hero / accent area */

	/* Text */
	--sb-text:         #3d2f1f;  /* sötét kávé */
	--sb-text-muted:   #6b5d4a;
	--sb-text-soft:    #a89784;

	/* Accent */
	--sb-accent:       #8b6f47;  /* meleg barna */
	--sb-accent-dark:  #6e5635;
	--sb-accent-light: #b89970;

	/* UI */
	--sb-border:       #d4c8b0;
	--sb-border-soft:  #e5dcc7;
	--sb-success:      #6b8e5a;
	--sb-error:        #a05050;
}

/* ============================================================================
 * TIPOGRÁFIA
 * ========================================================================== */
body,
button,
input,
select,
textarea {
	font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
	font-weight: 400;
	font-size: 17px;
	line-height: 1.65;
	color: var(--sb-text);
	background: var(--sb-bg);
	letter-spacing: 0.01em;
}

h1, h2, h3, h4, h5, h6,
.site-title,
.entry-title,
.woocommerce-loop-product__title,
.product_title {
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-weight: 500;
	color: var(--sb-text);
	letter-spacing: -0.005em;
	line-height: 1.25;
}

h1, .entry-title { font-size: 2.6em; font-weight: 500; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.5em; }

p { margin: 0 0 1.2em; }

a {
	color: var(--sb-accent-dark);
	text-decoration: none;
	border-bottom: 1px solid var(--sb-border);
	transition: color .2s, border-color .2s;
}

a:hover {
	color: var(--sb-accent);
	border-bottom-color: var(--sb-accent);
}

/* ============================================================================
 * HEADER / NAV
 * ========================================================================== */
.site-header {
	background: var(--sb-bg);
	border-bottom: 1px solid var(--sb-border-soft);
	padding: 1.5em 0 1em;
}

.site-branding .site-title {
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-weight: 500;
	letter-spacing: 0.02em;
}

.site-branding .site-title a {
	color: var(--sb-text);
	border: 0;
}

.main-navigation ul li a {
	color: var(--sb-text);
	font-weight: 400;
	letter-spacing: 0.05em;
	font-size: 0.95em;
	border: 0;
	text-transform: lowercase;
}

.main-navigation ul li a:hover {
	color: var(--sb-accent);
}

/* ============================================================================
 * GOMBOK
 * ========================================================================== */
.button,
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
	background: var(--sb-accent);
	color: #fff;
	font-family: 'Outfit', sans-serif;
	font-weight: 500;
	font-size: 0.95em;
	letter-spacing: 0.05em;
	padding: 0.85em 1.8em;
	border-radius: 4px;
	border: 0;
	text-transform: none;
	box-shadow: none;
	transition: background .2s;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
	background: var(--sb-accent-dark);
	color: #fff;
}

/* ============================================================================
 * WOOCOMMERCE — termék LISTA
 * ========================================================================== */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 1.4em;
	color: var(--sb-text);
	padding: 0.5em 0 0.3em;
}

.woocommerce ul.products li.product .price {
	color: var(--sb-accent-dark);
	font-size: 1.15em;
	font-family: 'Outfit', sans-serif;
	font-weight: 500;
}

/* ============================================================================
 * WOOCOMMERCE — termék OLDAL
 * ========================================================================== */
.woocommerce div.product .product_title {
	font-size: 2.4em;
	margin-bottom: 0.3em;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--sb-accent-dark);
	font-size: 1.6em;
	font-family: 'Outfit', sans-serif;
	font-weight: 400;
}

.woocommerce div.product .woocommerce-product-details__short-description {
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-size: 1.25em;
	font-style: italic;
	color: var(--sb-text-muted);
	line-height: 1.5;
	margin: 1em 0 2em;
}

/* Védett digitális tartalom box — MU-pluginban van, itt csak finomítás */
.serena-forensic-notice {
	background: var(--sb-bg-warm) !important;
	border-left: 3px solid var(--sb-accent) !important;
	color: var(--sb-text);
	border-radius: 0 4px 4px 0;
}

.serena-forensic-notice strong {
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-weight: 500;
	font-size: 1.1em;
	color: var(--sb-text);
}

/* ============================================================================
 * CHECKOUT
 * ========================================================================== */
.woocommerce-checkout #payment {
	background: var(--sb-bg-alt);
	border-radius: 8px;
}

.woocommerce-checkout .form-row label {
	font-family: 'Outfit', sans-serif;
	font-weight: 500;
	font-size: 0.9em;
	color: var(--sb-text-muted);
	letter-spacing: 0.03em;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
	border: 1px solid var(--sb-border);
	border-radius: 4px;
	padding: 0.7em 0.9em;
	background: #fff;
	font-family: 'Outfit', sans-serif;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
	border-color: var(--sb-accent);
	outline: none;
}

/* A jogi checkboxok kiemelése */
.serena-digital-consent,
.serena-forensic-consent {
	background: var(--sb-bg-alt);
	padding: 0.8em 1em;
	border-radius: 4px;
	border-left: 2px solid var(--sb-accent-light);
	margin-bottom: 0.5em !important;
	font-size: 0.92em;
}

/* ============================================================================
 * FOOTER
 * ========================================================================== */
.site-footer {
	background: var(--sb-bg-warm);
	color: var(--sb-text-muted);
	padding: 3em 0 2em;
	border-top: 1px solid var(--sb-border-soft);
	font-size: 0.9em;
}

.site-footer a {
	color: var(--sb-text);
	border-bottom-color: transparent;
}

.site-footer a:hover {
	border-bottom-color: var(--sb-accent);
}

/* ============================================================================
 * MISC
 * ========================================================================== */
.woocommerce-message,
.woocommerce-info {
	background: var(--sb-bg-warm);
	border-top-color: var(--sb-accent);
	color: var(--sb-text);
}

.woocommerce-error {
	background: #fbe9e9;
	border-top-color: var(--sb-error);
	color: #5a2020;
}

hr {
	border: 0;
	border-top: 1px solid var(--sb-border-soft);
	margin: 2.5em 0;
}

/* ============================================================================
 * HEADER LAYOUT — logo + menu + cart egy sorban
 * ========================================================================== */

.site-header .col-full {
	display: flex !important;
	align-items: center;
	gap: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
}

.site-header .site-branding {
	flex: 0 0 auto;
	margin: 0 !important;
	padding: 0 !important;
}

.site-header .site-branding .custom-logo-link {
	display: block;
	margin: 0;
}

.site-header .site-branding .custom-logo {
	max-height: 50px;
	width: auto;
	margin: 0;
}

.site-header .site-branding .site-title {
	font-size: 1.3em;
	margin: 0;
	line-height: 1;
}

/* Site title elrejtése ha logo van */
.site-header.has-custom-logo .site-branding .site-title,
.site-header.has-custom-logo .site-branding .site-description {
	display: none;
}

/* Main navigation a logo mellett */
.site-header .main-navigation {
	flex: 1;
	margin: 0 !important;
	background: transparent !important;
	border: 0 !important;
}

.site-header .main-navigation ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	gap: 1.8em;
}

.site-header .main-navigation ul li {
	margin: 0 !important;
	padding: 0 !important;
}

.site-header .main-navigation ul li a {
	padding: 0.3em 0 !important;
	font-size: 0.95em;
}

/* Search form */
.site-header .site-search {
	flex: 0 0 auto;
	margin: 0 !important;
	max-width: 200px;
}

.site-header .site-search .widget {
	margin: 0;
}

/* Header cart */
.site-header .site-header-cart {
	flex: 0 0 auto;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	list-style: none;
}

.site-header .site-header-cart .cart-contents {
	color: var(--sb-text) !important;
	padding: 0.5em 0.9em !important;
}

/* Külön nav row teljes elrejtése (ha valahogy maradna) */
.storefront-primary-navigation {
	display: none !important;
}

/* Mobil */
@media (max-width: 768px) {
	.site-header .col-full {
		flex-wrap: wrap;
		gap: 1em;
	}
	.site-header .main-navigation {
		flex: 1 1 100%;
		order: 3;
	}
	.site-header .site-search {
		display: none;
	}
}