/* Чорні зірки рейтингу у слайдері */
.woo-sli-der .bdt-ps-rating .star-rating:before,
.woo-sli-der .bdt-ps-rating .star-rating span:before,
.woo-sli-der .woocommerce-product-rating .star-rating:before,
.woo-sli-der .woocommerce-product-rating .star-rating span:before {
	color: #000000 !important;
}

.bdt-ps-rating {
    margin-bottom: 70px !important;
}
.trp-language-switcher {
	width: 100% !important;
}
/* Вирівнюємо кнопки в один ряд */
.woo-sli-der .bdt-ps-add-to-cart,
.woo-sli-der form.cart {
	display: flex;
	gap: 16px;
	align-items: center;
	flex-wrap: wrap;
}

/* Стилі для кнопок */
.woo-sli-der .bdt-ps-add-to-cart .button,
.woo-sli-der form.cart .button,
.woo-sli-der .sonma-go-shop.button {
	border-radius: 100px !important;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

/* Стилі для кнопки "Go to shop" */
.woo-sli-der .sonma-go-shop.button {
	color: #000000 !important;
	border: 1px solid #000000 !important;
	background-color: transparent !important;
	background-image: none !important;
	background: transparent !important;
}

.woo-sli-der .bdt-ps-add-to-cart .button:hover,
.woo-sli-der form.cart .button:hover,
.woo-sli-der .sonma-go-shop.button:hover {
	background-color: #3A97FF !important;
	border-color: #3A97FF !important;
	color: #ffffff !important;
}

/* Прибираємо quantity на випадок, якщо JS не спрацює */
.woo-sli-der form.cart .quantity{ display:none !important; }

/* Стилі для нумерації слайдера */
.woo-slider-nav, .nav {
	font-family: Nunito, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 56px;
	line-height: 1.1;
	letter-spacing: -0.02em;
	text-align: center;
}

.slider-current {
	color: #111110;
}

.slider-total {
	color: rgba(17, 17, 16, 0.5);
}

/* --- СТИЛІ ДЛЯ ПЕРЕКЛЮЧАЧІВ МОВ TRANSLATEPRESS (ДРОПДАУН З ГОРИЗОНТАЛЬНИМИ МОВАМИ) --- */

/* 1. Робимо контейнер відправною точкою для позиціонування меню */
.wd-wpml-dropdown-wrapper {
    position: relative;
}

/* 2. Ховаємо випадаюче меню за замовчуванням */
.wpml-dropdown-content {
    display: none;
    position: absolute;
    top: 100%;      /* Розміщуємо його прямо під іконкою */
    right: 0;       /* Вирівнюємо по правому краю */
    z-index: 1000;  /* Переконуємось, що воно поверх інших елементів */
    
    /* Додаткові стилі для гарного вигляду */
    background-color: #ffffff;
    padding: 15px;
    border-radius: 25px !important;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.15);
    margin-top: 10px; /* Невеликий відступ від іконки */
    min-width: 200px;
    width: auto;
    white-space: nowrap;
}

/* 3. Показуємо меню, коли JavaScript додає клас '.open' до контейнера */
.wd-wpml-dropdown-wrapper.open .wpml-dropdown-content {
    display: block;
}

/* 4. Стилі для контейнера переключача мов TranslatePress */
.trp-language-switcher-container {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Відключаємо hover ефекти для контейнера переключача мов */
.trp-language-switcher-container:hover,
.trp-language-switcher:hover,
.trp-language-switcher-container *:hover,
.trp-language-switcher *:hover {
    background-color: transparent !important;
    transform: none !important;
    box-shadow: none !important;
    color: inherit !important;
    text-decoration: none !important;
}

/* Стабілізуємо flexbox при hover на контейнері */
.trp-language-switcher-container:hover .trp-ls-shortcode-language,
.trp-language-switcher:hover .trp-ls-shortcode-language {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: auto !important;
    position: static !important;
    transform: none !important;
    transition: none !important;
}

/* Стабілізуємо кнопки при hover на контейнері */
.trp-language-switcher-container:hover .trp-ls-shortcode-language a,
.trp-language-switcher:hover .trp-ls-shortcode-language a {
    display: inline-block !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    flex-basis: auto !important;
}

/* 5. Стилі для поточної мови (прихована, оскільки вона дублюється) */
.trp-ls-shortcode-current-language {
    display: none !important;
}

/* Відключаємо hover ефекти для поточної мови */
.trp-ls-shortcode-current-language:hover,
.trp-ls-shortcode-current-language *:hover {
    background-color: transparent !important;
    transform: none !important;
    box-shadow: none !important;
    color: inherit !important;
    text-decoration: none !important;
}

/* 6. Стилі для горизонтального списку мов всередині дропдауна */
.trp-ls-shortcode-language {
    display: flex !important;
    align-items: center;
    gap: 8px;
    position: static !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: auto !important;
    width: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    justify-content: center;
    flex-wrap: nowrap;
    transform: none !important;
    transition: none !important;
}

/* Примусово показуємо мови всередині дропдауна */
.wpml-dropdown-content .trp-ls-shortcode-language {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Додаткові стилі для гарантії показу мов в дропдауні */
.wpml-dropdown-content .trp_language_switcher_shortcode .trp-ls-shortcode-language {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Перевизначаємо будь-які inline стилі TranslatePress */
.wpml-dropdown-content [style*="display: none"] .trp-ls-shortcode-language,
.wpml-dropdown-content .trp-ls-shortcode-language[style*="display: none"] {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Максимально агресивні правила для показу мов в дропдауні */
.wpml-dropdown-content * .trp-ls-shortcode-language,
.wpml-dropdown-content .trp_language_switcher_shortcode * .trp-ls-shortcode-language,
.wpml-dropdown-content .trp-language-switcher * .trp-ls-shortcode-language {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
}

/* Додаткові правила для всіх можливих варіантів */
.wpml-dropdown-content .trp-ls-shortcode-language,
.wpml-dropdown-content .trp-ls-shortcode-language * {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Додаткові правила для стабілізації при hover */
.trp-language-switcher-container:hover,
.trp-language-switcher:hover {
    width: 100% !important;
}

.trp-language-switcher-container:hover .trp-ls-shortcode-language,
.trp-language-switcher:hover .trp-ls-shortcode-language {
    width: 100% !important;
    max-width: 100% !important;
    min-width: auto !important;
}

/* Правила для посилань мов */
.wpml-dropdown-content .trp-ls-shortcode-language a {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
}

/* 7. Стилі для посилань мов всередині дропдауна */
.trp-ls-shortcode-language a {
    display: inline-block;
    padding: 10px 16px;
    text-decoration: none;
    color: #666;
    font-size: 14px;
    font-weight: 500;
    border-radius: 25px !important;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    border: 1px solid #e9ecef;
    background-color: #f8f9fa;
    text-align: center;
    min-width: 80px;
    position: relative;
    vertical-align: top;
    transform: none;
    box-shadow: none;
}

/* 8. Hover ефект для посилань мов */
.trp-ls-shortcode-language a:hover {
    background-color: #e9ecef;
    color: #333;
    border-color: #dee2e6;
    transform: none;
    box-shadow: none;
    position: relative;
    top: 0;
    left: 0;
}

/* 9. Стилі для активної/поточної мови */
.trp-ls-shortcode-language a.trp-ls-shortcode-disabled-language {
    background-color: #000000;
    color: #ffffff;
    border-color: #000000;
    cursor: default;
    font-weight: 600;
}

.trp-ls-shortcode-language a.trp-ls-shortcode-disabled-language:hover {
    background-color: #000000;
    color: #ffffff;
    border-color: #000000;
    transform: none;
}

/* 9. Стилі для кнопки переключача мов (якщо використовується) */
.btn-wpml-cl,
.btn-wpml-cl svg path {
    transition: all 0.3s ease;
}

.btn-wpml-cl:hover {
    background-color: #000000 !important;
}

.btn-wpml-cl:hover svg path {
    fill: #ffffff; 
}

/* 10. Стилі для мобільних пристроїв */
@media (max-width: 768px) {
    .trp-language-switcher-container {
        flex-direction: column;
        gap: 4px;
    }
    
    .trp-ls-shortcode-language {
        flex-direction: column;
        gap: 4px;
    }
    
    .trp-ls-shortcode-language a {
        padding: 6px 12px;
        font-size: 13px;
    }
    
    .trp-ls-shortcode-language a:not(:last-child)::after {
        display: none;
    }
}