/**
 * Cegléd Térkő – WooCommerce arculat.
 *
 * A bolt, a kosár és a pénztár gyári sminkjét igazítja a márkához. Minden érték
 * változó: ha valamit máshogy szeretnél, elég a :root blokkot felülírni
 * (Megjelenés → Testreszabás → Egyéni CSS).
 *
 * A blokkos kosár/pénztár saját stílusai nagyon erősek, ezért ott néhol
 * !important kell – csak ott, ahol tényleg szükséges.
 */

:root {
	--ctkw-sand: #C2A379;
	--ctkw-sand-lt: #CBAE87;
	--ctkw-sand-dk: #9A7742;
	--ctkw-sand-bg: #F6EFE3;
	--ctkw-ink: #161A19;
	--ctkw-muted: #646C68;
	--ctkw-line: #DDE1DB;
	--ctkw-radius-btn: 25px;
	--ctkw-radius-box: 4px;
	--ctkw-display: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;
	--ctkw-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
}

/* ---------------------------------------------------------------
 * Klasszikus Woo: bolt, termékoldal, fiók
 * ------------------------------------------------------------- */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce .wp-element-button {
	background: var(--ctkw-sand);
	border: 1px solid var(--ctkw-sand);
	color: #fff;
	font-family: var(--ctkw-display);
	font-weight: 700;
	font-size: 1rem;
	letter-spacing: .02em;
	line-height: 1.3;
	padding: 11px 22px;
	border-radius: var(--ctkw-radius-btn);
	text-decoration: none;
	text-transform: none;
	transition: background .15s ease, border-color .15s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .wp-element-button:hover {
	background: var(--ctkw-sand-lt);
	border-color: var(--ctkw-sand-lt);
	color: #fff;
}

.woocommerce a.button.disabled,
.woocommerce button.button:disabled {
	opacity: .5;
}

/* másodlagos gomb: a kosár "Vásárlás folytatása" jellegű linkjei */
.woocommerce a.button.wc-backward {
	background: #fff;
	color: var(--ctkw-ink);
	border-color: #C6CCC3;
}
.woocommerce a.button.wc-backward:hover {
	background: #fff;
	border-color: var(--ctkw-ink);
	color: var(--ctkw-ink);
}

/* --- terméklista --- */

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
	color: var(--ctkw-ink);
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.3;
}
.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title {
	color: var(--ctkw-sand-dk);
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--ctkw-ink);
	font-family: var(--ctkw-display);
	font-weight: 700;
}
.woocommerce .price small,
.woocommerce .price .ctk-unit,
.woocommerce .price .ctk-unit-sub {
	font-family: var(--ctkw-mono);
	font-weight: 400;
	color: var(--ctkw-muted);
}
.woocommerce ul.products li.product .price del { opacity: .5; font-weight: 400; }
.woocommerce ul.products li.product .price ins { text-decoration: none; }

.woocommerce span.onsale {
	background: var(--ctkw-sand);
	color: #fff;
	border-radius: var(--ctkw-radius-box);
	font-family: var(--ctkw-mono);
	font-size: .7rem;
	letter-spacing: .04em;
}

/* --- fejléc-sor: találatszám és rendezés --- */

.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-breadcrumb {
	font-family: var(--ctkw-mono);
	font-size: .78rem;
	color: var(--ctkw-muted);
}
.woocommerce .woocommerce-breadcrumb a { color: var(--ctkw-muted); text-decoration: none; }
.woocommerce .woocommerce-breadcrumb a:hover { color: var(--ctkw-sand-dk); }

.woocommerce .woocommerce-ordering select,
.woocommerce .quantity input.qty,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select {
	border: 1px solid var(--ctkw-line);
	border-radius: var(--ctkw-radius-box);
	padding: 9px 12px;
	background: #fff;
	color: var(--ctkw-ink);
}
.woocommerce .woocommerce-ordering select:focus,
.woocommerce .quantity input.qty:focus,
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus {
	outline: 0;
	border-color: var(--ctkw-sand);
	box-shadow: 0 0 0 1px var(--ctkw-sand);
}

/* --- üzenetsávok --- */

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
	border-top-color: var(--ctkw-sand);
	background: var(--ctkw-sand-bg);
	border-radius: var(--ctkw-radius-box);
}
.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-info::before { color: var(--ctkw-sand); }
.woocommerce .woocommerce-error { background: #FBEFEC; border-top-color: #A8442C; }
.woocommerce .woocommerce-error::before { color: #A8442C; }

/* --- fülek a termékoldalon --- */

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--ctkw-sand-dk); }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { color: var(--ctkw-muted); }

/* ---------------------------------------------------------------
 * Blokkos kosár és pénztár
 * ------------------------------------------------------------- */

.wc-block-checkout,
.wc-block-cart,
.wp-block-woocommerce-checkout,
.wp-block-woocommerce-cart {
	/* a natív rádiógombok és pipák egy sorral márkásodnak */
	accent-color: var(--ctkw-sand);
}

.wc-block-components-button:not(.is-link),
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
	background-color: var(--ctkw-sand) !important;
	border: 1px solid var(--ctkw-sand) !important;
	color: #fff !important;
	border-radius: var(--ctkw-radius-btn) !important;
	font-family: var(--ctkw-display);
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: none;
}
.wc-block-components-button:not(.is-link):hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover {
	background-color: var(--ctkw-sand-lt) !important;
	border-color: var(--ctkw-sand-lt) !important;
	color: #fff !important;
}
.wc-block-components-button:not(.is-link):disabled {
	opacity: .5;
}

/* szöveges linkek: kupon, szerkesztés, "vissza a kosárhoz" */
.wc-block-components-button.is-link,
.wc-block-components-panel__button,
.wc-block-components-address-card__edit,
.wc-block-components-totals-coupon-link {
	color: var(--ctkw-sand-dk) !important;
}

/* kiválasztott szállítási mód / átvételi pont */
.wc-block-checkout__shipping-method-option--selected,
.wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control__option--checked-option-highlighted {
	border-color: var(--ctkw-sand) !important;
	background: var(--ctkw-sand-bg) !important;
}
.wc-block-checkout__shipping-method-option {
	border-radius: var(--ctkw-radius-box);
}
.wc-block-checkout__shipping-method-option-title { color: var(--ctkw-ink); }

/* űrlapmezők */
.wc-block-components-text-input input,
.wc-block-components-select__container,
.wc-block-components-textarea {
	border-radius: var(--ctkw-radius-box);
}
.wc-block-components-text-input.is-active input,
.wc-block-components-text-input input:focus,
.wc-block-components-textarea:focus {
	box-shadow: 0 0 0 1px var(--ctkw-sand) !important;
	border-color: var(--ctkw-sand) !important;
	outline: 0 !important;
}
.wc-block-components-text-input.is-active label,
.wc-block-components-checkout-step__heading-content a { color: var(--ctkw-sand-dk); }

/* összesítő */
.wc-block-components-sidebar .wc-block-components-panel,
.wc-block-components-order-summary {
	border-radius: var(--ctkw-radius-box);
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-family: var(--ctkw-display);
	font-weight: 700;
	color: var(--ctkw-ink);
}
.wc-block-components-order-summary-item__description .wc-block-components-product-metadata {
	font-family: var(--ctkw-mono);
	font-size: .78rem;
	color: var(--ctkw-muted);
}
.wc-block-components-product-badge {
	border-color: var(--ctkw-sand);
	color: var(--ctkw-sand-dk);
}

/* lépés-számozás a pénztárban */
.wc-block-components-checkout-step__title { color: var(--ctkw-ink); }
.wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__title::before {
	color: var(--ctkw-sand-dk);
}

/* ---------------------------------------------------------------
 * Köszönőoldal – "Mi történik most?"
 * ------------------------------------------------------------- */

.ctk-ty {
	margin: 32px 0;
	padding: clamp(20px, 3vw, 30px);
	background: var(--ctkw-sand-bg);
	border-left: 3px solid var(--ctkw-sand);
	border-radius: var(--ctkw-radius-box);
}
.ctk-ty__title {
	margin: 0 0 6px;
	font-family: var(--ctkw-display);
	font-weight: 700;
	text-transform: uppercase;
	font-size: clamp(1.3rem, 2.2vw, 1.7rem);
	line-height: 1.05;
	color: var(--ctkw-ink);
}
.ctk-ty__sum {
	margin: 0 0 18px;
	font-family: var(--ctkw-mono);
	font-size: .82rem;
	color: var(--ctkw-sand-dk);
}
.ctk-ty__steps {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 14px;
}
.ctk-ty__steps li {
	display: flex;
	gap: 12px;
	align-items: baseline;
	color: #5A4A31;
	line-height: 1.5;
}
.ctk-ty__steps strong { color: var(--ctkw-ink); }
.ctk-ty__num {
	flex: 0 0 auto;
	font-family: var(--ctkw-mono);
	font-weight: 600;
	color: var(--ctkw-sand-dk);
}
.ctk-ty__note {
	margin: 18px 0 0;
	font-size: .9rem;
	color: #5A4A31;
}
.ctk-ty__note a { color: var(--ctkw-sand-dk); }