/*
Theme Name: Biagiotti Child
Theme URI: https://biagiotti.qodeinteractive.com
Description: A child theme of Biagiotti Theme
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Version: 1.0.1
Text Domain: biagiotti
Template: biagiotti
*/

body{
	color: #000!important;
}

#head-banner {
    background: #fff;
    color: #000;
    font-size: 16px;
    /* position: fixed; */
    /* z-index: 9999; */
    top: 0px;
    left: 0px;
    width: 100% !important;
    padding: 5px 0px;
    text-align: center;
}

/* .menu_wrap {
    top: 40px;
} */

#head-banner img {
    vertical-align: middle;
}

#head-banner a {
    color: #ffffff;
    border-bottom: 1px dotted;
}
body .pp_pic_holder a.pp_close{
    font-size: 16px!important;
}
/* Контейнер отзывов */
#reviews {
    /*margin-top: 50px;*/
    /*padding-top: 30px;*/
    border-top: 1px solid #eee; /* Линия-разделитель сверху */
}

/* Заголовок "Отзывы" */
#reviews .woocommerce-Reviews-title {
    font-size: 24px;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Список самих отзывов */
.commentlist {
    list-style: none;
    padding: 0;
    margin-bottom: 50px;
}

.commentlist li {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #f0f0f0;
}

/* Аватарка пользователя */
.commentlist li img.avatar {
    border-radius: 50%; /* Делаем аватарки круглыми */
    background: #f9f9f9;
    padding: 3px;
    border: 1px solid #e4e4e4;
}

/* Форма написания отзыва */
#review_form_wrapper {
    background-color: #fcfcfc;
    padding: 30px;
    border-radius: 8px;
    border: 1px solid #f0f0f0;
}

/* Поля ввода (Имя, Email, Текст) */
#commentform input[type="text"], 
#commentform input[type="email"], 
#commentform textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 15px;
}

/* Кнопка отправки */
#commentform #submit {
    background-color: #333;
    color: #fff;
    padding: 12px 30px;
    border: none;
    border-radius: 4px;
    transition: background 0.3s ease;
    cursor: pointer;
}

#commentform #submit:hover {
    background-color: #555;
}
a.active{
    background-color: #ccc;
}

.popup {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
    z-index: 9999;
}

.popup:target {
    opacity: 1;
    visibility: visible;
}

.popup:target .popup__content {
    -webkit-transform: perspective(600px) translate(0px, 0%) rotateX(0deg);
    transform: perspective(600px) translate(0px, 0%) rotateX(0deg);
    opacity: 1;
}

.popup__area {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.popup__body {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 10px;
    -webkit-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}

.popup__content {
    background-color: #fff;
    color: black;
    max-width: 400px;
    max-height: 450px;
    padding: 30px;
    position: relative;
    -webkit-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
    opacity: 0;
    -webkit-transform: perspective(600px) translate(0px, -100%) rotateX(45deg);
    transform: perspective(600px) translate(0px, -100%) rotateX(45deg);
}

.popup__close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    color: black;
    text-decoration: none;
}

.popup__title {
    font-size: 26px;
    /* margin: 0px 0px 1em 0px; */
    text-align: center
}

.wpcf7-form div.wpcf7-response-output {
    font-size: 14px;
}

/* ul.products > .product .mkdf-pl-inner:hover .mkdf-pl-text {
    opacity: 0 !important;
} */
.mkdf-woo-single-page .woocommerce-tabs {
    margin-top: 30px!important;
}
/* .yith-wcqv-button,
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
a.button.add_to_cart_button.ajax_add_to_cart.mkdf-button{
    display: none!important;
} */
.mkdf-title-holder.mkdf-standard-type .mkdf-page-title{
    display: none!important;
}
/* Скрываем оригинальный заголовок, который остался внизу */
#order_review_heading {
    display: none !important;
}

.mkdf-plc-holder .mkdf-plc-inner .mkdf-plc-text-inner .button{
    float: none!important;
}
.mkdf-content .mkdf-content-inner>.mkdf-container>.mkdf-container-inner{
	padding-top: 0!important;
}
.woocommerce-page .mkdf-content a.button{
    text-transform: none!important;
}
.ark-bc {
    margin-top: 35px;
}

.ark-breadcrumbs-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 0;
	list-style: none;
}

.ark-bc-divider {
    margin: 0 15px;
}

.ark-breadcrumbs-list a,
.ark-breadcrumbs-list span {
    color: #4f4e4e;
}

.ark-breadcrumbs-list .active span {
    color: #000;
}
.mkdf-product-list-title{
    text-transform: none !important;
}
.mkdf-single-product-title{
    text-transform: initial;
    font-size: 30px!important;
}
.entry-title.mkdf-plc-title{
	text-transform: initial; 
}
.mkdf-pli-category a{
	color: #000!important;
}
.mkdf-plc-category a {
	color: #000!important;
}
ul.products>.product .mkdf-product-categories a{
	color: #000!important;
}
.mkdf-title-holder.mkdf-standard-type.mkdf-title-va-header-bottom{
		height:unset!important;
	}
.mkdf-title-wrapper{
		height:unset!important;
	}
	
	/* Базовые стили для нативного аккордеона */
.faq-item {
    border: 1px solid #e2e2e2;
    margin-bottom: 10px;
    border-radius: 4px;
}

.faq-question {
    padding: 15px;
    font-weight: 600;
    cursor: pointer;
    list-style: none; /* Убирает стандартную стрелку в некоторых браузерах */
    position: relative;
}

.faq-question::-webkit-details-marker {
    display: none; /* Убирает стрелку в Chrome/Safari */
}

.faq-answer {
    padding: 15px;
    border-top: 1px solid #e2e2e2;
    background: #f9f9f9;
}
.custom-faq-section>h2{
    font-weight: 700;
}
.custom-mobile-arrows {
    display: none;
}

.buy-now-button{
    background-color: #fff!important;
    color: #000!important;    
}
.buy-now-button:hover{
    background-color: #000!important;
    color: #fff!important;
}
.buy-now-loop-button{
    padding: 13px 10px!important;
    background-color: #fff!important;
    color: #000!important;    
}
.buy-now-loop-button:hover{
    background-color: #000!important;
    color: #fff!important;
}
.buy-now-loop-link{
    padding: 13px 10px!important;
    background-color: #fff!important;
    color: #000!important; 
}
.buy-now-loop-link:hover{
    background-color: #000!important;
    color: #fff!important;
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
    /* 1. Делаем контейнер гибким и меняем порядок: миниатюры слева */
    .woocommerce-product-gallery {
        display: flex !important;
        flex-direction: row-reverse !important; 
        align-items: flex-start !important;
        gap: 10px !important;
    }

    /* 2. Главное фото (уменьшаем ширину, чтобы влезла колонка) */
    .woocommerce-product-gallery .flex-viewport {
        width: 82% !important;
        margin: 0 !important;
        float: right !important;
    }

    /* 3. Контейнер миниатюр — превращаем в вертикальную колонку */
    .flex-control-nav.flex-control-thumbs {
        display: flex !important;
        flex-direction: column !important;
        width: 15% !important;
        position: static !important;
        margin: 0 !important;
        padding: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* 4. Принудительно отображаем ВСЕ элементы списка */
    .flex-control-nav.flex-control-thumbs li {
        display: block !important;
        width: 100% !important;
        margin-bottom: 8px !important;
        float: none !important;
        opacity: 1 !important;
        position: relative !important;
    }

    /* 5. Настройка самих картинок-миниатюр */
    .flex-control-nav.flex-control-thumbs li img {
        width: 100% !important;
        height: auto !important;
        cursor: pointer;
        border: 1px solid transparent;
        transition: all 0.3s;
        opacity: 0.7; /* Неактивные чуть тусклее */
    }

    /* Подсветка активной миниатюры */
    .flex-control-nav.flex-control-thumbs li img.flex-active {
        border-color: #000 !important;
        opacity: 1 !important;
    }
}

	
	
@media only screen and (max-width: 768px) {
	h1 {
		margin: 0!important;
	}
	.custom-seo-h1 {
		margin-bottom: 20px!important;
	}
	.ark-bc {
    margin-top: 35px;
	}
	.mkdf-title-holder.mkdf-standard-type.mkdf-title-va-header-bottom{
		height:unset!important;
	}
	.mkdf-title-wrapper{
		height:unset!important;
	}
/* 	.mkdf-content .mkdf-content-inner>.mkdf-container>.mkdf-container-inner{
		padding-top:30px!important;
	} */
	.mkdf-woo-single-page .woocommerce-tabs ul.tabs {
        display: ruby!important;
	}
	.mkdf-woo-single-page .related.products{
	    margin: 0!important;
	}
	
    .mkdf-woo-single-page .related.products>h2{
        margin: 0!important;
    }
    .mkdf-banner-holder.dsp_main_banner .mkdf-banner-title{
    font-size: 16px;
    margin-top: -58px;
    }
    #dsp_more_btn{
        margin: 36px 0px 0px -13px;
    }

    /* Контейнер галереи делаем флексом без переноса */
    .woocommerce-product-gallery__wrapper {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        /* Плавность скролла */
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }

    /* Настройка каждого элемента галереи */
    .woocommerce-product-gallery__image {
        flex: 0 0 100% !important; /* Один слайд занимает 100% ширины */
        max-width: 100% !important;
        scroll-snap-align: start;
        margin-right: 10px; /* Отступ между фото */
    }

    /* Скрываем полосу прокрутки (по желанию) */
    .woocommerce-product-gallery__wrapper::-webkit-scrollbar {
        display: none;
    }

  /* Относительное позиционирование для родителя */
    .woocommerce-product-gallery {
        position: relative !important;
    }

   /* Контейнер всей галереи должен быть родителем для кнопок */
    .product .woocommerce-product-gallery {
        position: relative !important;
        overflow: visible !important; /* Чтобы кнопки не обрезались */
    }

    .custom-mobile-arrows {
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        /* Рассчитываем высоту: обычно галерея на мобильных — это квадрат (100vw) */
        height: 100vw !important; 
        max-height: 500px !important; 
        z-index: 99999 !important; /* Максимальный приоритет */
        pointer-events: none !important;
    }

    .custom-mobile-arrows .custom-arrow {
        pointer-events: auto !important;
        display: flex !important;
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 44px !important;
        height: 44px !important;
        background-color: rgba(255, 255, 255, 0.9) !important;
        color: #000 !important;
        border-radius: 50% !important;
        justify-content: center !important;
        align-items: center !important;
        font-size: 26px !important;
        font-weight: bold !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;
        cursor: pointer !important;
    }

    .custom-mobile-arrows .prev-arrow {
        left: 10px !important;
    }

    .custom-mobile-arrows .next-arrow {
        right: 10px !important;
    }
}