/*
Theme Name: Guzelsozlerin.com
Theme URI: https://www.guzelsozlerin.com/
Description: Custom WordPress theme for Guzelsozlerin, built on Twenty Twenty-Five.
Author: Guzelsozlerin Team
Author URI: https://www.guzelsozlerin.com/
Template: twentytwentyfive
Version: 1.0.0
Text Domain: guzelsozlerin-child
*/


/* Responsive */
@media (max-width: 781px) {
	/* Mobile short carousel */
	.gs-mobile-carousel {
		position: relative;
		display: flex !important;
		flex-wrap: nowrap !important;
		gap: 16px;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 26px;
		scrollbar-width: none;
		grid-template-columns: none !important;
		grid-auto-columns: unset;
	}

	.gs-mobile-carousel::-webkit-scrollbar {
		display: none;
	}

	.gs-mobile-carousel > * {
		flex: 0 0 82% !important;
		width: 82%;
		min-width: 82%;
		max-width: none;
		scroll-snap-align: start;
	}

	.gs-mobile-carousel::after {
		content: "←  Kaydır  →";
		position: sticky;
		right: 20px;
		bottom: -10px;
		align-self: flex-end;
		flex: 0 0 auto !important;
		width: auto;
		min-width: auto;
		margin-left: -120px;
		margin-bottom: -22px;
		padding: 4px 10px;
		background: var(--wp--preset--color--accent-5);
		border-radius: 999px;
		color: var(--wp--preset--color--accent-3);
		font-size: 12px;
		line-height: 1.2;
		white-space: nowrap;
		z-index: 2;
		pointer-events: none;
	}
}