/* 
 * Tasario Antigravity Theme - Responsive CSS 
 */

@media (max-width: 991px) {
	/* Tablet View */
	.hero-slide {
		padding: 30px;
	}
	.hero-title {
		font-size: 28px;
	}
	.trust-badges-container {
		flex-wrap: wrap;
	}
	.badge-item {
		flex: 1 1 calc(33.333% - 20px);
		min-width: 150px;
	}

	/* Category Circles Mobile & Tablet Scroll */
	.category-circles-grid {
		justify-content: center; /* Tablette de ortalansin */
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding: 10px 15px 20px;
		gap: 15px;
		scroll-snap-type: x mandatory;
	}
	.category-circles-grid::-webkit-scrollbar {
		display: none;
	}
	.category-circles-grid {
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	.category-circle-item {
		flex: 0 0 auto;
		width: 66px;
		scroll-snap-align: start;
	}
	.category-circle-icon {
		width: 52px;
		height: 52px;
		margin-bottom: 6px;
		/* Slightly smaller double border on mobile */
		box-shadow: 0 0 0 1px var(--color-white), 0 0 0 3px var(--cat-color);
	}
	.category-circle-item:hover .category-circle-icon {
		box-shadow: 0 0 0 1px var(--color-white), 0 0 0 3px var(--cat-color); /* Disable hover expand on mobile */
	}
	.category-circle-title {
		font-size: 11px;
	}

	/* Product Blocks */
	/* Footer Tablet */
	.footer-top {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 768px) {
	/* Mobile View */

	/* "Tüm Ürünleri Gör" → "Tümü" on mobile */
	.block-link-desktop { display: none; }
	.block-link-mobile  { display: inline; }

	.block-title {
		font-size: 20px !important;
	}

	.block-link {
		font-size: 15px !important;
	}

	.block-link i {
		font-size: 11px !important;
	}
	.site {
		padding: 0 15px;
	}

	.site-header {
		border-bottom: none !important;
		border-bottom-left-radius: var(--radius-lg);
		border-bottom-right-radius: var(--radius-lg);
		box-shadow: 0 2px 10px rgba(0,0,0,0.05);
		background-color: rgba(255, 255, 255, 0.82);
		-webkit-backdrop-filter: blur(16px) saturate(180%);
		backdrop-filter: blur(16px) saturate(180%);
		transition: background-color 0.3s ease, box-shadow 0.3s ease;
	}

	.site-header.scrolled {
		box-shadow: 0 4px 15px rgba(0,0,0,0.08);
		background-color: rgba(255, 255, 255, 0.78);
	}

	.site-header.scrolled .mobile-search-row {
		max-height: 0;
		padding-top: 0;
		opacity: 0;
		overflow: hidden;
		transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1),
		            padding-top 0.4s cubic-bezier(0.4, 0, 0.2, 1),
		            opacity 0.25s ease;
	}

	.mobile-search-row {
		max-height: 80px;
		opacity: 1;
		transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1),
		            padding-top 0.4s cubic-bezier(0.4, 0, 0.2, 1),
		            opacity 0.3s ease 0.1s;
	}

	/* Cart page overrides removed to keep frosted glass */


	/* Swap headers */
	.header-desktop {
		display: none !important;
	}
	.header-mobile {
		display: block !important;
	}

	.mobile-menu-toggle {
		display: flex;
		align-items: center;
	}

	.desktop-only-menu {
		display: none !important;
	}

	.swiper-button-next,
	.swiper-button-prev {
		display: none !important;
	}

	.hero-slide {
		flex-direction: column;
		text-align: center;
		padding: 30px 20px;
		min-height: auto;
		gap: 30px;
	}
	
	.hero-content {
		max-width: 100%;
	}

	.hero-image {
		justify-content: center;
	}

	.hero-image .image-placeholder {
		font-size: 80px;
	}

	.trust-badges-container {
		display: none; /* Hide trust badges on mobile for app-like clean view, or scrollable */
	}

	.product-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}

	.product-image {
		height: 130px;
	}

	.product-name {
		font-size: 13px;
	}

	.product-price {
		font-size: 14px;
	}

	/* Bottom Navigation Bar for Mobile */
	.bottom-nav-bar {
		display: flex;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: #ffffff;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		box-shadow: 0 -1px 20px rgba(0,0,0,0.06);
		border-top: 1px solid rgba(0,0,0,0.04);
		z-index: 1000;
		justify-content: space-around;
		padding: 10px 0 calc(10px + env(safe-area-inset-bottom));
		border-top-left-radius: var(--radius-lg);
		border-top-right-radius: var(--radius-lg);
	}

	.nav-item {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 5px;
		color: var(--color-text-muted);
		font-size: 10px;
		font-weight: 500;
		transition: color 0.2s ease;
	}

	.nav-item.active {
		color: var(--color-primary);
	}

	.nav-item i,
	.nav-item svg {
		font-size: 24px;
		width: 26px;
		height: 26px;
		margin-bottom: 4px;
	}

	.nav-item .icon-wrapper {
		position: relative;
	}

	.nav-item .badge {
		top: -4px;
		right: -6px;
		width: 14px;
		height: 14px;
		font-size: 8px;
		border-width: 1px;
	}

	/* Footer Mobile */
	.footer-top {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	
	.footer-col-about {
		padding-right: 0;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.footer-socials {
		justify-content: center;
	}

	/* Footer Accordion styles for Mobile */
	.footer-col-menu .footer-col-title {
		cursor: pointer;
		padding: 10px 0;
		margin-bottom: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	}
	.footer-col-menu .footer-menu, 
	.footer-col-menu .footer-no-menu {
		display: none; /* Hidden by default on mobile */
		padding: 15px 0;
		text-align: center;
	}
	.footer-toggle-icon {
		display: block; /* Show icon on mobile */
		transition: transform 0.3s ease;
	}
	.footer-accordion-title.active .footer-toggle-icon {
		transform: rotate(180deg);
	}

	.footer-bottom-inner {
		flex-direction: column;
		gap: 15px;
		text-align: center;
	}

	.footer-payments {
		justify-content: center;
	}

	/* Bottom bar spacing: applied to footer so the gap matches footer's dark background */
	.tasario-site-footer {
		padding-bottom: 80px;
	}

	.woocommerce-cart .tasario-site-footer, .single-product .tasario-site-footer {
		padding-bottom: 180px !important;
	}
}

@media (max-width: 480px) {
	/* Small Mobile */
	.category-item .icon-circle {
		width: 45px;
		height: 45px;
		font-size: 18px;
	}
}