/* Yulia Beauty — minimal femminile v4 */

:root {
	--yb-ink: #241715;
	--yb-rose: #8a5c55;
	--yb-blush: #f6ebe6;
	--yb-cream: #fff8f4;
	--yb-deep: #2a1815;
	--yb-soft: #ead6cf;
	--yb-muted: #6f5955;
	--yb-line: rgba(36, 23, 21, 0.1);
	--yb-display: "Cormorant Garamond", "Times New Roman", serif;
	--yb-body: "Figtree", "Segoe UI", sans-serif;
}

html {
	scroll-behavior: smooth;
}

body.yulia-brand {
	font-family: var(--yb-body);
	color: var(--yb-muted);
	background-color: var(--yb-cream);
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
}

body.yulia-brand .elementor-widget-text-editor,
body.yulia-brand .elementor-widget-icon-box .elementor-icon-box-description {
	font-family: var(--yb-body);
	line-height: 1.7;
}

body.yulia-brand h1,
body.yulia-brand h2,
body.yulia-brand h3,
body.yulia-brand h4,
body.yulia-brand .elementor-heading-title,
body.yulia-brand .elementor-icon-box-title {
	font-family: var(--yb-display);
	color: var(--yb-ink);
	font-weight: 500;
	letter-spacing: 0.01em;
	line-height: 1.12;
}

/* Header: sticky, logo-only, airy */
body.yulia-brand .site-header,
body.yulia-brand header.site-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: rgba(255, 248, 244, 0.92);
	backdrop-filter: blur(12px);
	border-bottom: 1px solid var(--yb-line);
	padding-top: 10px;
	padding-bottom: 10px;
}

body.yulia-brand .site-header .site-logo img,
body.yulia-brand .site-header .custom-logo,
body.yulia-brand header .custom-logo {
	max-height: 44px;
	width: auto;
	height: auto;
}

body.yulia-brand .site-header .site-title,
body.yulia-brand .site-header .site-description {
	display: none !important;
}

body.yulia-brand .site-navigation a,
body.yulia-brand .site-header a:not(.custom-logo-link) {
	font-family: var(--yb-body);
	font-size: 0.78rem;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--yb-ink) !important;
	opacity: 0.82;
	transition: opacity 0.2s ease;
}

body.yulia-brand .site-navigation a:hover,
body.yulia-brand .site-header a:not(.custom-logo-link):hover {
	opacity: 1;
}

/* Footer slim */
body.yulia-brand .site-footer,
body.yulia-brand footer.site-footer {
	background: var(--yb-deep);
	color: #f3e4de;
	padding-top: 40px;
	padding-bottom: 28px;
	font-size: 0.9rem;
}

body.yulia-brand .site-footer a {
	color: #f3e4de;
	text-decoration: none;
	opacity: 0.85;
}

body.yulia-brand .site-footer a:hover {
	opacity: 1;
}

/* Buttons: soft pill */
body.yulia-brand .elementor-button,
body.yulia-brand .elementor-button-link {
	font-family: var(--yb-body) !important;
	font-weight: 500 !important;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-size: 12px !important;
	border-radius: 999px !important;
	padding: 15px 30px !important;
	transition: transform 0.25s ease, background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

body.yulia-brand .elementor-button:hover {
	transform: translateY(-1px);
}

/* Icon boxes: no heavy cards */
body.yulia-brand .elementor-widget-icon-box {
	padding: 6px 2px 18px;
}

body.yulia-brand .elementor-icon-box-title {
	font-size: 1.45rem !important;
	margin-bottom: 8px !important;
}

body.yulia-brand .elementor-icon-box-icon {
	margin-bottom: 14px !important;
}

body.yulia-brand .elementor-icon-box-icon .elementor-icon {
	color: var(--yb-rose);
	font-size: 22px;
}

body.yulia-brand .elementor-widget-image img {
	border-radius: 0;
	display: block;
	width: 100%;
	height: auto;
}

body.yulia-brand .elementor-widget-image.yb-frame img {
	box-shadow: 0 18px 48px rgba(42, 24, 21, 0.12);
}

/* Motion: soft rise on first section */
@keyframes yb-rise {
	from {
		opacity: 0;
		transform: translateY(14px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

body.yulia-brand .elementor-location-single .elementor-section:first-child .elementor-widget {
	animation: yb-rise 0.75s ease both;
}

body.yulia-brand .elementor-location-single .elementor-section:first-child .elementor-widget:nth-child(2) {
	animation-delay: 0.1s;
}

body.yulia-brand .elementor-location-single .elementor-section:first-child .elementor-widget:nth-child(3) {
	animation-delay: 0.18s;
}

@media (max-width: 767px) {
	body.yulia-brand .site-header .site-logo img,
	body.yulia-brand .site-header .custom-logo,
	body.yulia-brand header .custom-logo {
		max-height: 34px;
	}

	body.yulia-brand .site-navigation a {
		font-size: 0.72rem;
		letter-spacing: 0.1em;
	}
}