/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Description: Child theme for the Twenty Twenty-Five theme
Author: Your Name
Author URI: https://yourwebsite.com/
Template: twentytwentyfive
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive-child
*/

/* Optional custom styles below */

.custom-single-pg {
    width: 100%;
    max-width: 1140px;
    margin: 100px auto;
    display: flex;
    gap: 100px;
}

.custom-single-pg .prod-carousel {
    width: 50%;
}

.custom-single-pg .prod-carousel .woocommerce-product-gallery {
    position: relative;
}

.custom-single-pg .prod-carousel .woocommerce-product-gallery a.woocommerce-product-gallery__trigger {
    position: absolute;
    z-index: 1;
    left: 15px;
    top: 15px;
}

.custom-single-pg .prod-carousel .woocommerce-product-gallery .flex-viewport {
    background: #F9F9F9;
    text-align: center;
    border-radius: 15px;
    height: 100% !important;
}

.custom-single-pg .prod-carousel .woocommerce-product-gallery .flex-viewport img {
    max-width: 200px;
    width: 100%;
    height: 100%;
}

.custom-single-pg .prod-carousel .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs{
	display: flex !important;
    flex-wrap: wrap;
    gap: 20px;
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

.custom-single-pg .prod-carousel .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs li {
    width: calc(20% - 16px);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0px 0px 0px;
    background: #F9F9F9;
}

.custom-single-pg .prod-carousel .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs li img {
    max-width: 40px;
}

.custom-single-pg .prod-details {
	width: 50%;
}

.custom-single-pg .prod-details .prod-title{
	margin: 0;
}

.prod-details .average-product-rating .star-numbering {
    display: flex;
    align-items: center;
    gap: 10px;
}

.prod-details .average-product-rating .star-numbering .stars {
    font-size: 25px;
    line-height: 30px;
}

.prod-details .average-product-rating .star-numbering .stars span.star.full,
.prod-details .average-product-rating .star-numbering .stars span.star.half {
    color: #FF9529;
}

.prod-details .average-product-rating .star-numbering .stars span.star.empty {
    color: #cccccc;
}