/*
Theme Name: Alukas Child
Theme URI: https://alukas.presslayouts.com/
Author: PressLayouts
Description: This is a child theme for Alukas
Version: 1.0
Author URI: https://www.presslayouts.com/
Template: alukas
Text Domain: pls-theme-child
*/

:root {
	--zirelis-gold: #b8976a;
	--zirelis-ink: #171512;
	--zirelis-sand: #f4efe8;
	--zirelis-line: #e6ddd0;
	--pls-logo-width: 540px;
	--pls-mobile-logo-width: 260px;
}

.zirelis-home-preview {
	margin: 24px auto 32px;
}

.zirelis-home-preview__inner {
	background:
		radial-gradient(circle at top left, rgba(184, 151, 106, 0.18), transparent 35%),
		linear-gradient(135deg, #fffdfa 0%, #f7f1e8 100%);
	border: 1px solid var(--zirelis-line);
	border-radius: 18px;
	padding: 34px 36px;
	box-shadow: 0 16px 40px rgba(23, 21, 18, 0.05);
}

.zirelis-home-preview__eyebrow {
	color: var(--zirelis-gold);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.18em;
	margin: 0 0 14px;
	text-transform: uppercase;
}

.zirelis-home-preview__title {
	color: var(--zirelis-ink);
	font-size: clamp(28px, 3.4vw, 42px);
	line-height: 1.14;
	margin: 0 0 14px;
	max-width: none;
	text-wrap: balance;
	hyphens: none;
}

.zirelis-home-preview__text {
	color: #5e574f;
	font-size: 16px;
	margin: 0 0 22px;
	max-width: 66ch;
}

.zirelis-home-preview__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 20px;
}

.zirelis-home-preview__button {
	background: var(--zirelis-ink);
	border: 1px solid var(--zirelis-ink);
	border-radius: 999px;
	color: #fff;
	display: inline-flex;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.08em;
	padding: 13px 20px;
	text-transform: uppercase;
}

.zirelis-home-preview__button:hover {
	background: var(--zirelis-gold);
	border-color: var(--zirelis-gold);
	color: #fff;
}

.zirelis-home-preview__button--ghost {
	background: transparent;
	border-color: var(--zirelis-gold);
	color: var(--zirelis-ink);
}

.zirelis-home-preview__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.zirelis-home-preview__chips li {
	background: rgba(184, 151, 106, 0.1);
	border: 1px solid rgba(184, 151, 106, 0.18);
	border-radius: 999px;
	color: var(--zirelis-ink);
	font-size: 12px;
	letter-spacing: 0.06em;
	padding: 8px 12px;
	text-transform: uppercase;
}

.pls-header-logo a {
	display: flex;
	align-items: center;
	min-height: 56px;
}

.pls-header-logo .pls-logo,
.pls-header-logo .pls-logo-light {
	max-width: min(100%, var(--pls-logo-width));
}

.pls-header-logo .pls-mobile-logo {
	max-width: min(100%, var(--pls-mobile-logo-width));
}

.pls-primary-menu > li > a {
	letter-spacing: 0.08em;
}

.zirelis-catalog-intro {
	margin: 0 0 28px;
}

.zirelis-catalog-intro__inner {
	background:
		linear-gradient(135deg, rgba(184, 151, 106, 0.14), rgba(255, 255, 255, 0.95)),
		#fff;
	border: 1px solid var(--zirelis-line);
	border-radius: 18px;
	padding: 22px 24px;
}

.zirelis-catalog-intro__eyebrow {
	color: var(--zirelis-gold);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.18em;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.zirelis-catalog-intro__title {
	color: var(--zirelis-ink);
	font-size: clamp(22px, 2.6vw, 32px);
	line-height: 1.18;
	margin: 0 0 10px;
	max-width: none;
	text-wrap: balance;
}

.zirelis-catalog-intro__text {
	color: #5e574f;
	font-size: 15px;
	line-height: 1.65;
	margin: 0;
	max-width: 72ch;
}

.woocommerce .page-title {
	line-height: 1.04;
}

.woocommerce .term-description,
.woocommerce .woocommerce-products-header__description {
	display: none;
}

.home .elementor-element.elementor-element-ed30425,
.home .elementor-element.elementor-element-d2ba4e1,
.home .elementor-element.elementor-element-1ab2e19,
.home .elementor-element.elementor-element-dfbd0a6,
.home .elementor-element.elementor-element-72cfd0d,
.home .elementor-element.elementor-element-97ec19f,
.home .elementor-element.elementor-element-f7364d7,
.home .elementor-element.elementor-element-26563dc,
.home .pls-instagram-profile {
	display: none !important;
}

@media (max-width: 767px) {
	.zirelis-home-preview__inner {
		padding: 24px 20px;
	}

	.zirelis-home-preview__title {
		max-width: none;
	}

	.zirelis-home-preview__actions {
		flex-direction: column;
	}

	.zirelis-home-preview__button {
		justify-content: center;
		width: 100%;
	}

	.zirelis-catalog-intro__inner {
		padding: 18px 18px 20px;
	}

	.zirelis-catalog-intro__title {
		max-width: none;
	}
}

@media (min-width: 992px) {
	.pls-header-main .pls-header-col-right {
		gap: 16px;
		justify-content: flex-end;
	}

	.pls-header-main .pls-header-icon-text {
		display: none;
	}

	.pls-header-main .pls-main-navigation ul.menu > li > a {
		font-size: 11px;
		padding: 0 6px;
	}
}


/* ── Immagini prodotto: non ingrandire oltre la risoluzione sorgente (380×380) ── */

/*
 * Thumbnail nel loop (shop / categorie).
 * Il wrapper .pls-product-image ha già un box di dimensioni fisse;
 * usiamo object-fit:contain + background neutro per mostrare l'immagine
 * senza crop e senza upscale visibile.
 */
.woocommerce ul.products li.product .pls-product-image,
.woocommerce ul.products li.product .woocommerce-loop-product__link {
	background-color: var(--zirelis-sand);
}

.woocommerce ul.products li.product .pls-product-image img,
.woocommerce ul.products li.product .woocommerce-loop-product__link img,
.woocommerce ul.products li.product a img.wp-post-image,
.woocommerce ul.products li.product img.attachment-woocommerce_thumbnail {
	object-fit: contain;
	background-color: var(--zirelis-sand);
	image-rendering: auto;
}

/*
 * Galleria nella scheda prodotto.
 * Le immagini originali sono 380×380: limitiamo la gallery a quella dimensione
 * per evitare upscaling sgranato. Su mobile non si supera comunque 380px.
 */
.woocommerce-product-gallery {
	background-color: var(--zirelis-sand);
	border-radius: 12px;
	overflow: hidden;
}

.woocommerce-product-gallery .woocommerce-product-gallery__image,
.woocommerce-product-gallery .flex-viewport {
	background-color: var(--zirelis-sand);
}

.woocommerce-product-gallery .woocommerce-product-gallery__image img,
.woocommerce-product-gallery .flex-viewport .flex-active-slide img,
.woocommerce-product-gallery img.wp-post-image {
	object-fit: contain;
	background-color: var(--zirelis-sand);
	max-width: 380px;
	max-height: 380px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
}

/* Quick view */
.pls-quick-view-popup .woocommerce-product-gallery img,
.pls-quick-view-content .woocommerce-product-gallery img {
	object-fit: contain;
	background-color: var(--zirelis-sand);
	max-width: 380px;
	max-height: 380px;
}

/* ── Skip-navigation (accessibilità WCAG 2.1) ────────────────────────────── */

.skip-link.screen-reader-text {
	position: absolute;
	left: -9999px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	z-index: 99999;
}

.skip-link.screen-reader-text:focus {
	left: 16px;
	top: 16px;
	width: auto;
	height: auto;
	padding: 12px 20px;
	background: var(--zirelis-ink, #171512);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	border-radius: 4px;
	text-decoration: none;
	outline: 2px solid var(--zirelis-gold, #b8976a);
	outline-offset: 2px;
}