/*
 * fedleb — visual design pass
 *
 * Rounded corners, soft depth, gentle motion. Always enqueued since
 * iteration 10. The values below are fallbacks: the live radius, shadow,
 * accent colour, hover lift and @view-transition are set as inline custom
 * properties / rules by fedleb_design_dynamic_css() in functions.php, driven
 * by Appearance → Customize → "fedleb — Design".
 */

:root {
	--fedleb-radius: 16px;
	--fedleb-radius-sm: 10px;
	--fedleb-shadow: 0 1px 2px rgba(15, 23, 42, 0.06), 0 8px 24px rgba(15, 23, 42, 0.07);
	--fedleb-shadow-hover: 0 2px 6px rgba(15, 23, 42, 0.08), 0 16px 40px rgba(15, 23, 42, 0.12);
	--fedleb-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	/* Colour dials — fallbacks; the live values come inline from
	   fedleb_design_dynamic_css() (Appearance → Customize → "fedleb — Design"). */
	--fedleb-block-bg: #ffffff;
	--fedleb-btn: #046bd2;
	--fedleb-btn-hover: #045cb4;
	--fedleb-btn-text: #ffffff;
}

/* Cards — rounded, soft depth, on every screen size. In a listing the
   visible card is .ast-article-inner (Astra's blog-layout-4 box);
   .ast-article-post is only a transparent grid wrapper. On a single post
   / the title box the card is the element itself. See style.css
   sections 18 and 21. */
.ast-separate-container .ast-article-inner,
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-archive-description,
.ast-separate-container .comment-respond {
	border-radius: var(--fedleb-radius);
	box-shadow: var(--fedleb-shadow);
	transition: box-shadow 0.2s var(--fedleb-ease), transform 0.2s var(--fedleb-ease);
}

.ast-separate-container .ast-article-post:hover .ast-article-inner {
	box-shadow: var(--fedleb-shadow-hover);
	transform: translateY(-2px);
}

/* Buttons, inputs, the search field, pagination links */
.ast-button,
button,
.button,
input[type="submit"],
.wp-block-search__button,
.ast-pagination a,
.ast-pagination .page-numbers {
	border-radius: 999px !important;
	transition: background-color 0.15s var(--fedleb-ease), color 0.15s var(--fedleb-ease), transform 0.1s var(--fedleb-ease), box-shadow 0.15s var(--fedleb-ease);
}

.ast-button:active,
button:active,
.button:active,
input[type="submit"]:active,
.wp-block-search__button:active,
.menu-item a:active,
.ast-article-post .ast-blog-single-element a:active {
	transform: scale(0.97);
}

.wp-block-search__input,
input[type="text"],
input[type="email"],
input[type="search"],
input[type="url"],
input[type="tel"],
textarea {
	border-radius: var(--fedleb-radius-sm);
}

/* Language bar: a touch of translucency + blur, sticky feel. */
@supports (backdrop-filter: blur(6px)) {

	.fedleb-lang-switcher {
		background: rgba(244, 244, 244, 0.82);
		backdrop-filter: saturate(1.4) blur(6px);
	}
}

/* Links and menu items ease their colour changes. */
a,
.menu-item a {
	transition: color 0.15s var(--fedleb-ease);
}

/* @view-transition is emitted inline by fedleb_design_dynamic_css() when the
   "Smooth page transitions" dial is on. Browsers suppress the animation
   automatically under prefers-reduced-motion. */

@media (prefers-reduced-motion: reduce) {

	.ast-separate-container .ast-article-post,
	.ast-button,
	button,
	.button {
		transition: none !important;
	}
}