/*
Theme Name: Manifold
Theme URI: https://manifold.example
Author: Manifold
Author URI: https://manifold.example
Description: This is a custom theme developed for your business by manifold.ro.
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.3.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: manifold
Update URI: https://github.com/claudiuman-usm/manifold-theme
Tags: full-site-editing, block-patterns, custom-colors, custom-menu, editor-style, featured-images, block-styles, wide-blocks, translation-ready
*/

/*
 * Keep this file lean. The design system is defined in theme.json and rendered
 * as CSS custom properties + preset classes. Only add rules here that theme.json
 * genuinely cannot express. Everything below references theme.json tokens.
 */

/* Skip link — visible only on keyboard focus (accessibility landmark). */
.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 999999;
	padding: var(--wp--preset--spacing--30, 1rem);
	background: var(--wp--preset--color--contrast, #141414);
	color: var(--wp--preset--color--base, #fff);
	text-decoration: none;
}

.skip-link:focus {
	left: 0;
}

/*
 * Dish carousel (used by the Home — Carusel pattern).
 * A scroll-snap track that works without JS; manifold-carousel.js enhances it.
 * This is the one component theme.json can't express, so it lives here.
 */
.manifold-carousel {
	position: relative;
	margin-inline: auto;
}

.manifold-carousel__viewport {
	overflow: hidden;
}

.manifold-carousel__track {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.manifold-carousel__track::-webkit-scrollbar {
	display: none;
}

.manifold-carousel__slide {
	flex: 0 0 100%;
	scroll-snap-align: center;
	display: flex;
	justify-content: center;
}

.manifold-carousel__slide img {
	width: min(560px, 78vw);
	aspect-ratio: 1;
	height: auto;
	object-fit: cover;
	border-radius: 50%;
	box-shadow: 12px 16px 32px rgba(0, 0, 0, 0.2);
}

.manifold-carousel__arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	padding: 0;
	background: none;
	border: 0;
	color: var(--wp--preset--color--contrast, #181f27);
	cursor: pointer;
}

.manifold-carousel__arrow--prev { left: 0; }
.manifold-carousel__arrow--next { right: 0; }
.manifold-carousel__arrow:focus-visible { outline: 2px solid var(--wp--preset--color--accent, #c9a86c); }

.manifold-carousel__dots {
	display: flex;
	gap: 12px;
	align-items: center;
	justify-content: center;
	margin-top: var(--wp--preset--spacing--50, 1.5rem);
}

.manifold-carousel__dot {
	width: 10px;
	height: 10px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--wp--preset--color--surface, #e8e4df);
	cursor: pointer;
}

.manifold-carousel__dot[aria-current="true"] {
	width: 12px;
	height: 12px;
	background: var(--wp--preset--color--accent, #c9a86c);
}

/* Respect reduced-motion preferences for any theme transitions. */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}
}