/*
 * compat.css: the parts of the Hostinger AI theme's stylesheet that this site
 * actually used, kept so the switch to this theme changes nothing visible.
 *
 * On 5 Oct 2026 every rule in hostinger-ai-theme 2.1.12's style.min.css (296)
 * was tested against all 25 published pages at 1280px and 375px, media
 * queries for every width included, hover/focus states counted as matching.
 * These 21 matched something. The rest (builder, Elementor, WooCommerce,
 * patterns this site never used) were left behind. Rules are copied as the
 * browser read them; selectors that named the old theme's body class
 * (body.hostinger-ai-builder-gutenberg) now name body.symaptics-theme, which
 * functions.php adds, so every rule keeps its specificity and its place in
 * the cascade.
 *
 * Several only exist to be overridden by the site's own CSS (the button rule,
 * the 16px root padding under 781px); they stay until a visual check proves
 * removing them changes nothing. Hostinger AI theme: GPLv3.
 */

:root { --symaptics-min-font-size: 12px; }
figcaption { font-size: max(var(--symaptics-min-font-size), .8125em); }
.wp-block-social-links .wp-social-link span:not(.screen-reader-text), small { font-size: max(var(--symaptics-min-font-size), 1em); }

html { scroll-behavior: smooth; }
@media screen and (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
}
body { -webkit-font-smoothing: antialiased; }

body:not(.elementor-page) :where(.wp-site-blocks) > :first-of-type { margin-block-start: 0px; }
body:not(.elementor-page) .wp-block-post-content > :last-child:not(.hostinger-ai-solid-block):not(.has-color-1-background-color):not(.has-color-2-background-color):not(.hostinger-ai-background-image) { margin-block-end: var(--wp--style--block-gap); }
footer .is-layout-flow > * { margin-block-start: 20px; }

body.symaptics-theme nav .current-menu-item { border-bottom: 1px solid rgb(0, 0, 0); }
body .wp-block-navigation-item .wp-block-navigation-item__content, body .wp-element-button { cursor: pointer; }
.hostinger-ai-site-navigation a, .hostinger-ai-site-title a { text-decoration: none; }
.hostinger-ai-site-navigation a:hover, .hostinger-ai-site-title a:hover { border-bottom: 1px solid rgb(0, 0, 0); }
.hostinger-ai-site-navigation .current-menu-item a:hover, .hostinger-ai-site-title .current-menu-item a:hover { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }

.wp-block-button__link, body .wp-element-button { font-weight: 500; }
body:not(.elementor-page) .wp-block-button__link, body:not(.elementor-page) .wp-element-button:not([type="submit"]) { align-items: center; border-style: solid; border-width: 2px; box-sizing: border-box; display: inline-flex; font-size: var(--wp--preset--font-size--medium); font-weight: 500; justify-content: center; line-height: 1.5; min-height: 48px; padding: 8px 16px; border-radius: var(--wp--custom--border-radius, 8px) !important; }

.wp-block-site-logo img, img.custom-logo { border-radius: 0px !important; }
@media (max-width: 768px) {
	.wp-block-site-logo { min-width: 80px; }
}

:where(.wp-block-heading, h1, h2, h3, h4, h5, h6) { text-wrap: balance; hyphens: none; overflow-wrap: break-word; }
:where(.wp-block-group, .wp-block-column, .wp-block-cover) p { text-wrap: pretty; hyphens: none; overflow-wrap: break-word; }

@media (max-width: 781px) {
	body { --wp--style--root--padding-left: 16px; --wp--style--root--padding-right: 16px; }
}
