/*
Theme Name: Digitek
Theme URI: https://digitek.themejr.net/
Author: ThemeJR
Author URI: https://www.templatemonster.com/store/themejr/
Description: Digitek is TemplateMonster WordPress Premium Theme.
Requires at least: 6.2
Tested up to: 6.2
Requires PHP: 7.2
Version: 2.1.5
License: TemplateMonster Commercial Licence
License URI: https://www.templatemonster.com/licenses/
Text Domain: digitek
Tags: one-column, two-columns, right-sidebar, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
Digitek WordPress Theme, (C) 2024 https://www.templatemonster.com/store/themejr/
Digitek is distributed under the terms of the TemplateMonster.

 DO NOT ADD YOUR CSS TO THIS FILE - IT WILL BE LOST
 To add your own CSS, use a child theme digitek-child
 
 CSS file is in "assets/css"
*/

.products .product-category .category-title{
	white-space:unset!important;
}

.custom-buy-buttons{
	display: flex; flex-direction: column; gap: 10px;margin-bottom: 20px;
}

.products .product-image .quickview-button{
	background: transparent!important;
}

/* Общие стили для контейнера кнопок */
.custom-buy-buttons {
	display: flex;
	gap: 0px;
}

.custom-buy-buttons-compact {
	flex-direction: row;
	justify-content: space-between;
}

.custom-buy-buttons-full {
	flex-direction: column;
	gap: 10px;
	max-width: 300px;
}

/* Стили для кнопок */
.custom-buy-button {
	color: white;
	text-align: center;
	text-decoration: none;
	padding: 10px 20px;
	/*border-radius: 5px;*/
	width: 100%;
	box-sizing: border-box;
	display: inline-block;
}

.custom-buy-button:hover{
	color:#fff;
}

.custom-buy-button.amazon {
	background-color: #FFD814;
}

.custom-buy-button.aliexpress {
	background-color: #E72E04;
}

.custom-buy-button.temu {
	background-color: #FE7600;
}

/* Стили для компактного режима (кнопки в строку) */
.custom-buy-buttons-compact .custom-buy-button {
	flex: 1 1 30%;
}

.header-desktop{
	justify-content: center;
}

/* Адаптивность на странице товара */
@media (max-width: 767px) {
	.custom-buy-buttons-full {
		width: 100%;
		max-width:100%;
	}
	.custom-buy-button{
		font-size: 10px;
		padding:5px 2px!important;
	}
	.custom-buy-button.amazon {
		background-color: #bb9e0f;
	}	
}