/*
Theme Name: Danker Anril
Description: Тема для компании Danker
Author: Web Studio Anril
Author URI: https://anril.site
Version: 1
Template: hello-elementor
Requires at least: 1
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Переопределяем ограничение темы Hello */
@media (min-width: 1200px) {
    html body:not([class*=elementor-page-]) .site-main {
        max-width: none !important;
    }
}
.category-card {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    background-color: #2b2b2b;
}
.category-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.3);
}
.category-image img {
    max-height: 240px;
    object-fit: contain;
}
.category-title {
    font-size: 1.2rem;
    letter-spacing: 1px;
}

/* Скрываем заголовок "Головна" */
.page-header {
    display: none;
}

/* Скрываем сортировку и кол-во */
.woocommerce-result-count,
.woocommerce-ordering {
    display: none;
}


/* --- Стили для single-product.php --- */
/* 1. Скрываем ВСЕ хлебные крошки */
/* 1. Скрываем стандартные хлебные крошки WooCommerce ТОЛЬКО ЕСЛИ ОНИ НЕ ВНУТРИ вашего макета */
.woocommerce-breadcrumb:not(.danker-product-layout .woocommerce-breadcrumb) {
    display: none !important;
}

/* 2. Показываем и стилизуем крошки внутри вашего макета */
.danker-product-layout .woocommerce-breadcrumb {
    display: block; /* Показываем на десктопе */
    margin-bottom: 10px;
    font-size: 28px;
	font-weight: 700;
}

/* 3. Адаптивность для мобильных */

@media (max-width: 768px) {
    /* 1. Стили для адаптивного переноса */
    .danker-product-layout .woocommerce-breadcrumb {
        display: flex;
        flex-wrap: wrap;
        gap: 2px 4px;
        line-height: 18px; /* Примерно 1.2 * 14px */
        /* Устанавливаем базовый размер шрифта в PX */
        font-size: 14px; 
        padding-right: 5px;
    }

    /* 2. Скрываем текст "Головна" */
    .danker-product-layout .woocommerce-breadcrumb a:first-child {
        color: transparent !important;
        display: inline-block;
        position: relative;
        padding: 0;
        /* Размер контейнера равен размеру шрифта */
        width: 24px; 
        height: 20px;
        overflow: hidden;
    }

    /* 3. Выравниваем размер иконки (через :before) */
    .danker-product-layout .woocommerce-breadcrumb a:first-child:before {
        content: "🏠";
        position: absolute;
        top: 0;
        left: 0;
        /* Размер иконки равен основному шрифту */
        font-size: 18px; 
        line-height: 1;
        color: #C0202E;
        display: block;
    }
    
    /* 4. Выравниваем шрифт для остальных ссылок и текста */
    .danker-product-layout .woocommerce-breadcrumb a,
    .danker-product-layout .woocommerce-breadcrumb span {
        /* Применяем тот же размер шрифта */
        font-size: 14px; 
        line-height: 18px;
    }
}
/* === НОВЫЙ КОД === */

/* Скрываем блок с отзывами/табами */
.woocommerce-tabs.wc-tabs-wrapper {
    display: none;
}
/* === КОНЕЦ НОВОГО КОДА === */


/* Общий контейнер товара */
.danker-product-layout {
    max-width: 1200px;
    margin: 20px auto;
    padding: 0 15px;
}

/* 1. Заголовок */
h1.product_title {
    font-size: 2.5rem;
    margin-top: 0;
    margin-bottom: 15px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 15px;
}

/* 2. Краткое описание */
.product-short-description {
    font-size: 1.15rem;
    line-height: 1.6;
    margin-bottom: 30px;
}

/* --- Стили для сетки Картинка | Таблица --- */

/* Контейнер сетки */
.image-specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 равные колонки */
    gap: 30px; /* Отступ между колонками */
    margin-bottom: 30px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 30px;
}

/* Колонка с картинкой (слайдером) */
.product-gallery-column {
    /* Добавляем overflow: hidden, чтобы 100% обрезать 
       любые "вылеты" слайдера. Это ФИКС прокрутки. */
    overflow: hidden;
    border: 1px solid #f0f0f0;
}

/* Колонка с таблицей */
.product-specs-column {
    margin-bottom: 0; 
    border-top: none;
    padding-top: 0;
}

.specs-title {
    font-size: 1.8rem;
    margin-top: 0;
}

.danker-specs-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 1rem;
    background: #fdfdfd;
}

.danker-specs-table tr {
    border-bottom: 1px solid #f0f0f0;
}
.danker-specs-table tr:nth-child(even) {
    background: #f9f9f9;
}
.danker-specs-table tr:last-child {
    border-bottom: none;
}

.danker-specs-table td {
    padding: 15px 12px;
    vertical-align: top;
}

/* Левая ячейка (Название) */
.danker-specs-table td:first-child {
    font-weight: 600;
    color: #333;
    width: 35%;
}

/* Правая ячейка (Значение) */
.danker-specs-table td:last-child {
    color: #111;
}

/* 5. Полное описание */
.product-full-description {
    font-size: 1.1rem;
    line-height: 1.7;
    margin-bottom: 30px;
}

/* --- Адаптация под мобильные --- */
@media (max-width: 800px) {
    h1.product_title {
        font-size: 2rem;
    }
    
    /* Ставим колонки друг под друга */
    .image-specs-grid {
        grid-template-columns: 1fr; /* 1 колонка */
    }
    
    .danker-specs-table td {
        display: block;
        width: 100% !important; /* Ячейки одна под другой */
        padding: 8px 12px;
    }
    .danker-specs-table td:first-child {
        padding-bottom: 0;
        font-weight: bold;
    }
}


/* --- Стили для Swiper.js Слайдера --- */

.danker-product-slider {
    width: 100%;
    /* УБИРАЕМ рамку отсюда, она на .product-gallery-column */
}

/* Контейнер СЛАЙДА (вот тут квадрат) */
.danker-product-slider .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    aspect-ratio: 1 / 1; /* Пропорция 1:1 */
    overflow: hidden; /* Обрезаем все, что не влезло */
}

/* Сама КАРТИНКА (вписывается в квадрат) */
.danker-product-slider .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* Вписать, не обрезая */
    /* Убираем отсюда aspect-ratio, он на родителе */
}

/* --- Стилизуем СТРЕЛКИ под твой сайт --- */
.danker-product-slider .swiper-button-next,
.danker-product-slider .swiper-button-prev {
    color: #f7e000; /* Твой желтый */
    background: rgba(59, 59, 59, 0.4); /* Твой темный, полупрозрачный */
    width: 44px; /* Чуть больше стандарта */
    height: 44px;
    border-radius: 50%;
    transition: background 0.2s ease;
}
.danker-product-slider .swiper-button-next:hover,
.danker-product-slider .swiper-button-prev:hover {
    background: rgba(59, 59, 59, 0.7);
}

/* Уменьшаем размер иконки стрелки внутри */
.danker-product-slider .swiper-button-next::after,
.danker-product-slider .swiper-button-prev::after {
    font-size: 20px;
    font-weight: bold;
}

/* --- Стилизуем ТОЧКИ (пагинацию) --- */
.danker-product-slider .swiper-pagination-bullet {
    background: #3b3b3b;
    opacity: 0.6;
}
.danker-product-slider .swiper-pagination-bullet-active {
    background: #f7e000;
    opacity: 1;
}

/* Адаптация Swiper для мобильных */
@media (max-width: 800px) {
    /* На мобильных убираем квадрат */
    .danker-product-slider .swiper-slide {
        aspect-ratio: unset; 
    }
    .danker-product-slider .swiper-slide img {
        width: 100%;
        height: auto; /* Возвращаем авто-высоту */
        object-fit: contain;
    }
}