/*
Theme Name: XVC Premium
Theme URI: https://example.com/xvc-premium
Author: xxxvidoscam
Description: Parent theme for XVC Premium.
Version: 1.0
*/

:root {
	--grid-gap: 1rem;
}

.grid {
	display: grid;
	gap: var(--grid-gap);
	grid-template-columns: repeat(12, 1fr);
}

@media (min-width: 1200px) {
	.grid {
		grid-template-columns: repeat(14, 1fr);
	}
}

@media (max-width: 991.98px) {
	.grid {
		grid-template-columns: repeat(8, 1fr);
	}
}

@media (max-width: 575.98px) {
	.grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

/* Micro-motions */
a,
button {
	transition: opacity 0.3s ease, transform 0.3s ease;
}

a:hover,
a:focus,
button:hover,
button:focus {
	opacity: 0.8;
	transform: translateY(-2px);
}

/* Bottom bar */
.bottom-bar {
	display: none;
}

@media (max-width: 767px) {
	.bottom-bar {
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		background: #fff;
		box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
		width: 100%;
	}

	.bottom-bar__menu {
		display: flex;
		justify-content: space-around;
		padding: 0.5rem;
		margin: 0;
		list-style: none;
	}

		.bottom-bar__menu a {
			display: block;
			padding: 0.5rem;
		}
}

/* Panic button */
.xvc-panic {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	padding: 0.5rem 1rem;
	font-size: 0.875rem;
	background: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #333;
	opacity: 0.7;
	cursor: pointer;
	z-index: 9999;
}