/*
Theme Name: Antonio Theme
Theme URI: https://faisalalvi.com/
Author: Faisal Alvi
Author URI: https://faisalalvi.com
Description: Antonio Theme is a modern, versatile FSE WordPress theme designed for agency, corporate, business, company, consulting, consult, digital marketing, marketing, startup, finance, fintech, it solution, saas, software, tech solution, technology, and other  Company & Business Agency websites—no coding required. With full-site editing, you can easily customize every aspect of your site, including headers and footers. Featuring multiple templates, patterns, and style variations, it adapts seamlessly to various aesthetics and business needs.
Template: blockskit-base
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: blockskit-corporate-agency
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio, education

Blockskit Corporate Agency WordPress Theme, Copyright 2025 BlockskitDev
Blockskit Corporate Agency is distributed under the terms of the GNU General Public License v3
*/

/* Smooth scrolling for anchor links */
html {
	scroll-behavior: smooth;
}

/* Scroll to Top Button - Mobile Only */
.scroll-to-top-btn {
	position: fixed;
	bottom: 40px;
	right: 20px;
	width: 50px;
	height: 50px;
	background-color: #b6a9f4;
	color: white;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	transition: all 0.3s ease;
	transform: translateY(20px);
	opacity: 0;
	visibility: hidden;
}

.scroll-to-top-btn.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.scroll-to-top-btn:hover {
	background-color: #7c6dbe;
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

.scroll-to-top-btn:active {
	transform: translateY(0);
}

/* Ensure smooth scrolling works even when JavaScript is disabled */
@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}

/* Respect user's motion preferences */
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

@media (max-width: 768px) {
	#logo-container {
		display: inline-block;
		width: 100%;
		text-align: center;
	}

	body .is-layout-grid {
		display: inline-block;
		width: 100%;
	}

	body .is-layout-grid > * {
		margin-bottom: 30px;
		border: 0;
	}

	body #five-features.is-layout-grid > * {
		border-bottom: 1px solid #CCC;
		padding: 30px 0 !important;
	}

	body #five-features.is-layout-grid > *:last-child {
		border: 0;
	}

	body #faq .wp-block-group .wp-block-group,
	body #latest-insights .is-layout-grid > *,
	body #expertise .is-layout-grid > * {
		padding-bottom: 20px !important;
	}

	#faq, #connect {
		padding: 0 15px !important;
	}
	
	#hero .wp-block-group > .wp-block-buttons {
    margin: 15px 0 !important;
}

	#hero .wp-block-group.is-layout-flex#two-buttons {
		display: inline-block;
		width: 100%;
	}

	#hero .wp-block-group .wp-block-buttons .wp-block-button {
		width: 100%;
	}
	
	.scroll-to-top-btn {
		display: flex !important;
	}
}

@media (min-width: 769px) {
	.scroll-to-top-btn {
		display: none !important;
	}
}