/*
Theme Name: TarheelWire Main Theme
Theme URI: https://tarheelwire.com
Description: Child theme of Twenty Twenty-Five for TarheelWire business website.
Author: TarheelWire
Author URI: https://tarheelwire.com
Template: twentytwentyfive
Version: 1.0.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tarheelwire
*/

/*
 * Additional frontend styles for TarheelWire.
 */

/* Gallery slider */
body.tarheelwire-gallery-slider .wp-block-gallery {
	position: relative;
	display: block !important;
	width: 100%;
	max-width: 900px !important;
	aspect-ratio: 4 / 3;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

body.tarheelwire-gallery-slider .wp-block-gallery.has-nested-images figure.wp-block-image.tw-slide {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	aspect-ratio: auto !important;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--wp--preset--color--base, #FFFFFF);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.4s ease-in-out;
	margin: 0 !important;
}

body.tarheelwire-gallery-slider .wp-block-gallery.has-nested-images figure.wp-block-image.tw-slide.is-active {
	position: relative !important;
	opacity: 1;
	pointer-events: auto;
}

body.tarheelwire-gallery-slider .wp-block-gallery.has-nested-images figure.wp-block-image img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
}

body.tarheelwire-gallery-slider .tw-slider-controls {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	margin-top: var(--wp--preset--spacing--40, 1rem);
}

body.tarheelwire-gallery-slider .tw-slider-button {
	background-color: var(--wp--preset--color--carolina-blue, #56A0D3);
	color: var(--wp--preset--color--base, #FFFFFF);
	border: none;
	border-radius: 4px;
	padding: 0.75rem 1.25rem;
	font-size: 1rem;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

body.tarheelwire-gallery-slider .tw-slider-button:hover,
body.tarheelwire-gallery-slider .tw-slider-button:focus {
	background-color: var(--wp--preset--color--navy, #13294B);
}