/*
Theme Name: Idyllic Child
Theme URI: https://themefreesia.com/themes/idyllic
Template: idyllic
Author: Theme Freesia
Author URI: https://themefreesia.com
Description: Idyllic is the next generation and Ultra Responsive, Multipurpose, Corporated, Fully Optimized For Agency, Business, Corporate, CV, Personal, Portfolio, Fashion, Fitness, Financial, Ecommerce, Event, Services, SEO, Video and Blog or any other type of business WordPress theme, containing all the features you need to create a stunning website. The theme consists of well organized components so it’s easy to edit and customize everything to create a specific website for your needs. It is designed for Business but this is competent for every kind of site which is designed and developed by Theme Freesia. With a focus on business sites, it features multiple sections on the front page as well as widgets, multiple navigation and social menus, a logo, Color Options and more. This theme supports popular plugins like Breadcrumb NavXT, WP-PageNavi, Contact Form 7, Jetpack by WordPress.com, Polylang, bbPress, wooCommerce and many more. It is 100% translation ready and you can easily customize with lots of options using Customizer. It consists contact us template, gallery template,Corporate Template, widgets and Sidebar. Get free support at https://tickets.themefreesia.com/ and View demo site at https://themefreesia.com/demos/idyllic-demos/
Tags: threaded-comments,right-sidebar,four-columns,custom-background,custom-colors,custom-header,custom-logo,custom-menu,editor-style,featured-images,flexible-header,post-formats,footer-widgets,sticky-post,theme-options,translation-ready,e-commerce,education,portfolio
Version: 1.2.2.1774034806
Updated: 2026-03-20 20:26:46
*/

/* Home product hero
================================================== */
.home-product-hero {
	clear: both;
	padding: 36px 0 0;
}

.home-product-hero .wrap {
	max-width: 1500px;
	padding: 0 20px;
}

.home-product-hero__grid {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-product-hero__card {
	background-color: #e9e9e9;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
	aspect-ratio: 1 / 1;
	width: 100%;
}

.home-product-hero__card:before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.02));
	transition: background 0.25s ease;
}

.home-product-hero__card:hover,
.home-product-hero__card:focus {
	transform: translateY(-4px);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

.home-product-hero__card:hover:before,
.home-product-hero__card:focus:before {
	background: linear-gradient(to top, rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.05));
}

.home-product-hero__overlay {
	align-items: flex-end;
	display: flex;
	justify-content: flex-start;
	height: 100%;
	padding: 26px;
	position: relative;
	width: 100%;
	z-index: 1;
}

.home-product-hero__content {
	background-color: rgba(255, 255, 255, 0.88);
	display: block;
	padding: 24px 26px;
	width: 78%;
	max-width: 420px;
	margin: 0;
	text-align: left;
}

.home-product-hero__title {
	color: #343434;
	display: block;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.35;
	margin-bottom: 8px;
}

.home-product-hero__subtitle {
	color: #555;
	display: block;
	font-size: 14px;
	line-height: 1.6;
}

/* Header desktop actions
================================================== */
.main-header {
	position: relative;
}

/* Gruppo account + carrello */
.header-desktop-icons {
	display: flex;
	align-items: center;
	gap: 6px;
	position: absolute;
	right: 43px;
	top: 22px;
	z-index: 29;
}

.header-desktop-icons__link {
	align-items: center;
	color: #484848;
	display: inline-flex;
	font-size: 19px;
	height: 36px;
	justify-content: center;
	line-height: 1;
	position: relative;
	transition: color 0.2s linear;
	width: 28px;
}

.header-desktop-icons__link:hover,
.header-desktop-icons__link:focus {
	color: #ff4530;
}

.header-desktop-icons__link i {
	line-height: 1;
}

.header-desktop-icons__count {
	background-color: #ff4530;
	border-radius: 50%;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	height: 18px;
	line-height: 18px;
	min-width: 18px;
	padding: 0 4px;
	position: absolute;
	right: -6px;
	text-align: center;
	top: -4px;
}

/* Lente del tema resa coerente con account e carrello */
.header-search,
.header-search-x {
	background-color: transparent;
	border: none;
	color: #484848;
	cursor: pointer;
	height: 36px;
	margin: 0;
	position: absolute;
	right: 8px;
	top: 22px;
	transition: color 0.2s linear;
	width: 28px;
	z-index: 30;
}

.header-search:before {
	border: 1px solid #484848;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 15px;
	top: 1px;
	transform: translateX(0%) translateY(0%);
	transition: border-color 0.2s linear;
	width: 15px;
}

.header-search:after {
	background-color: #484848;
	content: "";
	display: inline-block;
	height: 10px;
	transform: translateX(50%) translateY(50%) rotate(-45deg);
	transition: background-color 0.2s linear;
	width: 1px;
}

.header-search:hover:before,
.header-search:focus:before {
	border-color: #ff4530;
}

.header-search:hover:after,
.header-search:focus:after {
	background-color: #ff4530;
}

.header-search-x:before,
.header-search-x:after {
	background-color: #484848;
	transition: background-color 0.2s linear;
}

.header-search-x:hover:before,
.header-search-x:hover:after,
.header-search-x:focus:before,
.header-search-x:focus:after {
	background-color: #ff4530;
}

@media only screen and (min-width: 768px) {
	.main-navigation {
		margin-right: 150px;
	}

	#search-box {
		right: 0;
		top: 80px;
	}
}

@media only screen and (max-width: 1199px) {
	.home-product-hero {
		padding-top: 32px;
	}

	.home-product-hero .wrap {
		max-width: 1320px;
		padding: 0 20px;
	}

	.home-product-hero__content {
		width: 84%;
	}
}

@media only screen and (max-width: 991px) {
	.home-product-hero {
		padding-top: 28px;
	}

	.home-product-hero .wrap {
		max-width: 1170px;
		padding: 0 15px;
	}

	.home-product-hero__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.home-product-hero__content {
		width: 82%;
		max-width: none;
	}
}

@media only screen and (max-width: 767px) {
	.home-product-hero {
		padding: 24px 0 0;
	}

	.home-product-hero .wrap {
		max-width: none;
		width: 100%;
		padding: 0 20px;
	}

	.home-product-hero__grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: 16px;
		width: 100%;
	}

	.home-product-hero__card {
		width: 100%;
		max-width: none;
		aspect-ratio: 1 / 1;
	}

	.home-product-hero__overlay {
		padding: 12px;
	}

	.home-product-hero__content {
		width: 92%;
		max-width: none;
		padding: 14px 16px;
	}

	.home-product-hero__title {
		font-size: 18px;
	}

	.home-product-hero__subtitle {
		font-size: 13px;
		line-height: 1.45;
	}

	.header-desktop-icons {
		display: none;
	}
}