/*
Theme Name:   ABDev Aura
Theme URI:    https://abdev.com.ua/
Author:       Anton Belskiy (ABDev)
Author URI:   https://abdev.com.ua/
Description:  A premium, ultra-lightweight block theme (FSE) tailored for the beauty industry, aesthetic clinics, and high-end wellness salons. Built natively for the WordPress Gutenberg editor.
Version:      1.0.0
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  abdev-aura
*/

/* ==========================================================================
   THEME GRAPHICS & HOVER EFFECTS (ABDev Minimalist Style)
   ========================================================================== */

/* Базовый контейнер для плейсхолдеров и будущих изображений */
.wp-block-column > div[style*="background-color"],
.wp-block-column .wp-block-image {
    position: relative;
    overflow: hidden; /* Чтобы картинка при увеличении не вылезала за границы */
    background-color: #f7f7f7 !important;
    border: 1px solid #e9e9e9 !important;
    transition: border-color 0.6s cubic-bezier(0.25, 1, 0.5, 1),
                box-shadow 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Эффект для интерактивных изображений (например, карточки услуг в Core Treatments) */
.wp-block-columns .wp-block-column:hover > div[style*="background-color"] {
    border-color: #d1d1d1 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03); /* Мягкая, едва заметная тень */
    cursor: pointer;
}

/* Текстовый маркер внутри плейсхолдеров */
.wp-block-column > div[style*="background-color"] {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400;
    color: #999 !important;
    transition: color 0.4s ease, letter-spacing 0.4s ease;
}

/* При ховере на карточку деликатно подсвечиваем текст внутри заглушки */
.wp-block-columns .wp-block-column:hover > div[style*="background-color"] {
    color: var(--wp--preset--color--accent, #111) !important;
    letter-spacing: 0.15em !important; /* Легкое раздвижение букв */
}

/* Универсальный класс для реальных изображений, если они будут загружены через тег img */
.wp-block-column img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1),
                filter 0.8s ease;
}

/* Плавный зум для реальной графики при ховере на колонку */
.wp-block-columns .wp-block-column:hover img {
    transform: scale(1.04); /* Всего 4% увеличения — очень сдержанно */
}

/* ==========================================================================
   SWIPER SLIDER REFINEMENTS
   ========================================================================== */

/* Контейнер слайдера */
.abdev-slider-container {
    overflow: hidden;
    width: 100%;
    position: relative;
}

/* Сбрасываем жесткие флексы Gutenberg, отдаем управление Swiper */
.abdev-slider-container .wp-block-columns.swiper-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 0 !important; /* Отступами теперь управляет Swiper через spaceBetween */
}

/* Стили для слайдов-колонок */
.abdev-slider-container .wp-block-column.swiper-slide {
    flex-shrink: 0 !important;
    width: 300px !important; /* Четкая ширина слайда */
    max-width: 300px !important;
    margin: 0 !important; /* Сбрасываем маргины WP */
    height: auto !important;
}




/* Анимация новой SVG-стрелочки при ховере */
.cta-link {
    transition: color 0.3s ease, border-color 0.3s ease;
}

.cta-link:hover .cta-arrow {
    transform: translateX(4px); /* Стрелка плавно сдвигается вправо */
}