/*
Theme Name: Lastify Child
Theme URI: https://lastaar.com
Description: Child theme for Lastify — add site-specific styles, templates, and hooks here without editing the parent theme.
Author: Lastaar
Author URI: https://lastaar.com
Template: diako
Version: 1.0.9
Text Domain: diako-child
Requires at least: 6.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/*
 * Site-specific CSS overrides go here or in assets/css/custom.css.
 * Parent styles are loaded automatically from Lastify (diako).
 */

html,
body {
	background-color: hsl(var(--background));
}

html {
	min-height: 100%;
	min-height: 100dvh;
	min-height: -webkit-fill-available;
}

.site-header {
	padding-top: env(safe-area-inset-top, 0px);
}

.lastify-mobile-bottom-nav {
	display: none;
}

@media (max-width: 1023px) {
	.lastify-mobile-bottom-nav {
		position: fixed;
		inset-inline: 0;
		bottom: 0;
		z-index: 60;
		display: flex;
		align-items: stretch;
		justify-content: space-around;
		gap: 0;
		min-height: 3.75rem;
		padding: 0.25rem 0.25rem calc(0.25rem + env(safe-area-inset-bottom, 0px));
		border-top: 1px solid hsl(var(--border));
		background: hsl(var(--background) / 0.96);
		backdrop-filter: blur(12px);
		box-shadow: 0 -8px 24px hsl(var(--foreground) / 0.06);
	}

	body.has-mobile-bottom-nav {
		padding-bottom: calc(4.25rem + env(safe-area-inset-bottom, 0px));
	}

	body.hide-mobile-footer .site-footer {
		display: none;
	}

	body.has-mobile-bottom-nav .site-header [data-header-search-toggle],
	body.has-mobile-bottom-nav .site-header [data-diako-cart-link],
	body.has-mobile-bottom-nav .site-header [data-diako-cart-link] {
		display: none !important;
	}

	.theme-toggle,
	[data-theme-toggle],
	.diako-mobile-nav__theme-toggle,
	.diako-mobile-nav__actions--tools,
	.diako-login-theme-toggle,
	.diako-coming-soon__theme {
		display: none !important;
	}

	body.has-mobile-bottom-nav .chaty,
	body.has-mobile-bottom-nav .chaty-widget {
		bottom: calc(5.25rem + env(safe-area-inset-bottom, 0px)) !important;
	}
}

.lastify-mobile-bottom-nav__item {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.125rem;
	min-width: 0;
	padding: 0.35rem 0.15rem;
	border: 0;
	background: transparent;
	color: hsl(var(--muted-foreground));
	font: inherit;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}

.lastify-mobile-bottom-nav__item:hover,
.lastify-mobile-bottom-nav__item:focus-visible {
	color: hsl(var(--foreground));
	outline: none;
}

.lastify-mobile-bottom-nav__item.is-active {
	color: hsl(var(--primary));
}

.lastify-mobile-bottom-nav__icon-wrap {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.lastify-mobile-bottom-nav__icon {
	width: 1.35rem;
	height: 1.35rem;
}

.lastify-mobile-bottom-nav__label {
	max-width: 100%;
	overflow: hidden;
	font-size: 0.65rem;
	font-weight: 600;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lastify-mobile-bottom-nav .diako-cart-count {
	top: -0.35rem;
	inset-inline-start: auto;
	inset-inline-end: -0.55rem;
}

@media (max-width: 639px) {
	.woocommerce ul.products:not([data-carousel-track]) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.5rem;
	}

	.diako-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.5rem;
	}

	.diako-carousel--track:has(.products),
	.diako-carousel--track:has(.product-track) {
		--carousel-cols: 2;
		--carousel-gap: 0.5rem;
		--carousel-min-slide-width: 8.5rem;
	}

	.product-track > li.product {
		flex: 0 0 calc((100% - var(--carousel-gap, 0.5rem)) / 2);
		width: calc((100% - var(--carousel-gap, 0.5rem)) / 2);
		min-width: calc((100% - var(--carousel-gap, 0.5rem)) / 2);
		max-width: calc((100% - var(--carousel-gap, 0.5rem)) / 2);
	}

	.diako-product-card {
		padding: 0.5rem;
		border-radius: 1.25rem;
	}

	.diako-product-card__body {
		padding: 0.5rem 0 0;
		gap: 0.5rem;
	}

	.diako-product-card__title {
		min-height: 0;
		font-size: 14px;
		line-height: 1.35;
	}

	.diako-product-card__price,
	.diako-product-card__price .price,
	.diako-product-card__price .woocommerce-Price-amount,
	.woocommerce ul.products li.product .diako-product-card__price,
	.woocommerce ul.products li.product .diako-product-card__price .price,
	.woocommerce ul.products li.product .diako-product-card__price .woocommerce-Price-amount,
	.product-track > li.product .diako-product-card__price,
	.product-track > li.product .diako-product-card__price .price,
	.product-track > li.product .diako-product-card__price .woocommerce-Price-amount {
		font-size: 14px;
		line-height: 1.35;
	}

	.diako-product-card__media .diako-favorite-button--card,
	.diako-product-card__media .diako-compare-button--card {
		display: none !important;
	}

	.diako-product-card__cta:not(.diako-product-card__cta--notify),
	.product-track > li.product .diako-product-card__cta:not(.diako-product-card__cta--notify),
	.woocommerce ul.products li.product .diako-product-card__cta:not(.diako-product-card__cta--notify) {
		width: 2rem;
		height: 2rem;
		min-width: 2rem;
		min-height: 2rem;
	}

	.diako-product-card__cta svg,
	.product-track > li.product .diako-product-card__cta svg,
	.woocommerce ul.products li.product .diako-product-card__cta svg {
		width: 16px;
		height: 16px;
	}
}

@media (max-width: 639px) {
	.container,
	.diako-page,
	.diako-hero-section__container {
		padding-inline: 1rem;
	}
}