/* Product Buttons Large - Make product action buttons bigger and more visible */

/* Quick View and Action Buttons */
.tp-product-action .tp-product-action-btn,
.tp-product-action-2 button,
.tp-product-action-3 .tp-product-action-btn-3,
.tp-product-action-5 .tp-product-action-btn-5 {
	width: 40px !important;
	height: 40px !important;
	line-height: 40px !important;
	min-width: 40px !important;
	min-height: 40px !important;
	border-radius: 8px !important;
	background-color: rgba(255, 255, 255, 0.95) !important;
	border: 2px solid #e9ecef !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: all 0.3s ease !important;
}

/* Keep buttons big even inside small grid layouts created by theme.css */
html body .row-cols-2 .tp-product-item .tp-product-action .tp-product-action-btn,
html body .swiper-wrapper .tp-product-item .tp-product-action .tp-product-action-btn {
	width: 40px !important;
	height: 40px !important;
	line-height: 40px !important;
}

/* Support enhanced icon button class inside product action */
.tp-product-action .btn-enhanced-icon.tp-product-action-btn {
	width: 40px !important;
	height: 40px !important;
	line-height: 40px !important;
}

.tp-product-action .tp-product-action-btn svg,
.tp-product-action-2 button svg,
.tp-product-action-3 .tp-product-action-btn-3 svg,
.tp-product-action-5 .tp-product-action-btn-5 svg {
	width: 20px !important;
	height: 20px !important;
	min-width: 20px !important;
	min-height: 20px !important;
	display: block !important;
}

/* Also override icon size in small grid contexts */
html body .row-cols-2 .tp-product-item .tp-product-action .tp-product-action-btn svg,
html body .swiper-wrapper .tp-product-item .tp-product-action .tp-product-action-btn svg {
	width: 22px !important;
	height: 22px !important;
}

/* Add to Cart Button */
.tp-product-add-cart-btn-large {
	font-size: 14px !important;
	padding: 8px 16px !important;
	min-height: 44px !important;
	border-radius: 8px !important;
	font-weight: 500 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
}

.tp-product-add-cart-btn-large svg {
	width: 20px !important;
	height: 20px !important;
	min-width: 20px !important;
	min-height: 20px !important;
}

/* Hover effects */
.tp-product-action .tp-product-action-btn:hover,
.tp-product-action-2 button:hover,
.tp-product-action-3 .tp-product-action-btn-3:hover,
.tp-product-action-5 .tp-product-action-btn-5:hover {
	background-color: #ffffff !important;
	border-color: #007bff !important;
	box-shadow: 0 4px 12px rgba(0, 123, 255, 0.2) !important;
	transform: translateY(-2px) !important;
}

.tp-product-add-cart-btn-large:hover {
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* Mobile responsive - even larger on small screens */
@media (max-width: 768px) {
	.tp-product-action .tp-product-action-btn,
	.tp-product-action-2 button,
	.tp-product-action-3 .tp-product-action-btn-3,
	.tp-product-action-5 .tp-product-action-btn-5,
	html body .row-cols-2 .tp-product-item .tp-product-action .tp-product-action-btn,
	html body .swiper-wrapper .tp-product-item .tp-product-action .tp-product-action-btn,
	.tp-product-action .btn-enhanced-icon.tp-product-action-btn {
		width: 48px !important;
		height: 48px !important;
		line-height: 48px !important;
		border-radius: 10px !important;
	}
	
	.tp-product-action .tp-product-action-btn svg,
	.tp-product-action-2 button svg,
	.tp-product-action-3 .tp-product-action-btn-3 svg,
	.tp-product-action-5 .tp-product-action-btn-5 svg,
	html body .row-cols-2 .tp-product-item .tp-product-action .tp-product-action-btn svg,
	html body .swiper-wrapper .tp-product-item .tp-product-action .tp-product-action-btn svg {
		width: 24px !important;
		height: 24px !important;
		min-width: 24px !important;
		min-height: 24px !important;
	}
	
	.tp-product-add-cart-btn-large {
		font-size: 16px !important;
		padding: 12px 20px !important;
		min-height: 52px !important;
	}
	
	.tp-product-add-cart-btn-large svg {
		width: 24px !important;
		height: 24px !important;
		min-width: 24px !important;
		min-height: 24px !important;
	}
}

@media (max-width: 480px) {
	.tp-product-action .tp-product-action-btn,
	.tp-product-action-2 button,
	.tp-product-action-3 .tp-product-action-btn-3,
	.tp-product-action-5 .tp-product-action-btn-5,
	html body .row-cols-2 .tp-product-item .tp-product-action .tp-product-action-btn,
	html body .swiper-wrapper .tp-product-item .tp-product-action .tp-product-action-btn,
	.tp-product-action .btn-enhanced-icon.tp-product-action-btn {
		width: 52px !important;
		height: 52px !important;
		line-height: 52px !important;
		border-radius: 12px !important;
	}
	
	.tp-product-action .tp-product-action-btn svg,
	.tp-product-action-2 button svg,
	.tp-product-action-3 .tp-product-action-btn-3 svg,
	.tp-product-action-5 .tp-product-action-btn-5 svg,
	html body .row-cols-2 .tp-product-item .tp-product-action .tp-product-action-btn svg,
	html body .swiper-wrapper .tp-product-item .tp-product-action .tp-product-action-btn svg {
		width: 28px !important;
		height: 28px !important;
		min-width: 28px !important;
		min-height: 28px !important;
	}
	
	.tp-product-add-cart-btn-large {
		font-size: 18px !important;
		padding: 14px 24px !important;
		min-height: 56px !important;
	}
	
	.tp-product-add-cart-btn-large svg {
		width: 28px !important;
		height: 28px !important;
		min-width: 28px !important;
		min-height: 28px !important;
	}
}

/* Ensure buttons are visible on product cards */
.tp-product-item:hover .tp-product-action,
.tp-product-item-2:hover .tp-product-action-2,
.tp-product-item-3:hover .tp-product-action-3,
.tp-product-item-4:hover .tp-product-action-3,
.tp-product-item-5:hover .tp-product-action-5 {
	opacity: 1 !important;
	visibility: visible !important;
}

/* Force show buttons on mobile */
@media (max-width: 768px) {
	.tp-product-action,
	.tp-product-action-2,
	.tp-product-action-3,
	.tp-product-action-5 {
		opacity: 1 !important;
		visibility: visible !important;
	}
} 

/* Hard override for Bootstrap .btn padding causing shrink */
html body .tp-product-action .btn.tp-product-action-btn,
html body .tp-product-action-2 .btn.tp-product-action-btn-2,
html body .tp-product-action-3 .btn.tp-product-action-btn-3,
html body .tp-product-action-5 .btn.tp-product-action-btn-5 {
	padding: 0 !important;
	width: 40px !important;
	height: 40px !important;
	line-height: 40px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 8px !important;
}

@media (max-width: 768px) {
	html body .tp-product-action .btn.tp-product-action-btn,
	html body .tp-product-action-2 .btn.tp-product-action-btn-2,
	html body .tp-product-action-3 .btn.tp-product-action-btn-3,
	html body .tp-product-action-5 .btn.tp-product-action-btn-5 {
		width: 48px !important;
		height: 48px !important;
		line-height: 48px !important;
	}
}

@media (max-width: 480px) {
	html body .tp-product-action .btn.tp-product-action-btn,
	html body .tp-product-action-2 .btn.tp-product-action-btn-2,
	html body .tp-product-action-3 .btn.tp-product-action-btn-3,
	html body .tp-product-action-5 .btn.tp-product-action-btn-5 {
		width: 52px !important;
		height: 52px !important;
		line-height: 52px !important;
	}
}

/* Ensure icons stay large inside the .btn */
html body .tp-product-action .btn.tp-product-action-btn svg,
html body .tp-product-action-2 .btn.tp-product-action-btn-2 svg,
html body .tp-product-action-3 .btn.tp-product-action-btn-3 svg,
html body .tp-product-action-5 .btn.tp-product-action-btn-5 svg {
	width: 22px !important;
	height: 22px !important;
	display: block !important;
}

@media (max-width: 768px) {
	html body .tp-product-action .btn.tp-product-action-btn svg,
	html body .tp-product-action-2 .btn.tp-product-action-btn-2 svg,
	html body .tp-product-action-3 .btn.tp-product-action-btn-3 svg,
	html body .tp-product-action-5 .btn.tp-product-action-btn-5 svg {
		width: 24px !important;
		height: 24px !important;
	}
}

@media (max-width: 480px) {
	html body .tp-product-action .btn.tp-product-action-btn svg,
	html body .tp-product-action-2 .btn.tp-product-action-btn-2 svg,
	html body .tp-product-action-3 .btn.tp-product-action-btn-3 svg,
	html body .tp-product-action-5 .btn.tp-product-action-btn-5 svg {
		width: 28px !important;
		height: 28px !important;
	}
} 

/* Explicit overrides for style-2 action buttons in small grids */
html body .row-cols-2 .tp-product-item .tp-product-action-2 .tp-product-action-btn-2 {
	width: 40px !important;
	height: 40px !important;
	line-height: 40px !important;
	padding: 0 !important;
}

html body .row-cols-2 .tp-product-item .tp-product-action-2 .tp-product-action-btn-2 svg {
	width: 22px !important;
	height: 22px !important;
}

/* Generic safety net for any product action buttons inside 2-col grid */
html body .row-cols-2 .tp-product-item [class*="tp-product-action"] button,
html body .row-cols-2 .tp-product-item [class*="tp-product-action"] .btn {
	width: 40px !important;
	height: 40px !important;
	line-height: 40px !important;
	padding: 0 !important;
}

html body .row-cols-2 .tp-product-item [class*="tp-product-action"] button svg,
html body .row-cols-2 .tp-product-item [class*="tp-product-action"] .btn svg {
	width: 22px !important;
	height: 22px !important;
}

@media (max-width: 768px) {
	html body .row-cols-2 .tp-product-item .tp-product-action-2 .tp-product-action-btn-2,
	html body .row-cols-2 .tp-product-item [class*="tp-product-action"] button,
	html body .row-cols-2 .tp-product-item [class*="tp-product-action"] .btn {
		width: 48px !important;
		height: 48px !important;
		line-height: 48px !important;
	}

	html body .row-cols-2 .tp-product-item .tp-product-action-2 .tp-product-action-btn-2 svg,
	html body .row-cols-2 .tp-product-item [class*="tp-product-action"] button svg,
	html body .row-cols-2 .tp-product-item [class*="tp-product-action"] .btn svg {
		width: 24px !important;
		height: 24px !important;
	}
}

@media (max-width: 480px) {
	html body .row-cols-2 .tp-product-item .tp-product-action-2 .tp-product-action-btn-2,
	html body .row-cols-2 .tp-product-item [class*="tp-product-action"] button,
	html body .row-cols-2 .tp-product-item [class*="tp-product-action"] .btn {
		width: 52px !important;
		height: 52px !important;
		line-height: 52px !important;
	}

	html body .row-cols-2 .tp-product-item .tp-product-action-2 .tp-product-action-btn-2 svg,
	html body .row-cols-2 .tp-product-item [class*="tp-product-action"] button svg,
	html body .row-cols-2 .tp-product-item [class*="tp-product-action"] .btn svg {
		width: 28px !important;
		height: 28px !important;
	}
}