/*
 Theme Name:   Beautique Child Theme
 Theme URI:    https://beautique.axiomthemes.com/
 Description:  Beautique Child Theme
 Author:       AxiomThemes
 Author URI:   https://axiomthemes.com/
 Template:     beautique
 Version:      1.0.0
 Tags:         beauty, hair, makeup, massage, nail salon, plastic surgery, luxury salon, spa, wellness center, barbershop, hairdresser, tattoo salon, piercing, online store, beauty products
 Text Domain:  beautique
*/


/* =Theme customization starts here
------------------------------------------------------------ */

body .sc_socials.sc_socials_default.modern_2 .socials_wrap .social_item:hover .social_icon[class*="facebook"], 
body .sc_socials.sc_socials_default.modern_2 .socials_wrap .social_item:hover .social_icon[class*="instagram"], 
body .sc_socials.sc_socials_default.modern_2 .socials_wrap .social_item:hover .social_icon {
    background-color: #000000 !important;
}
.services_page_featured {
    display: flex !important;
    justify-content: center; 
}
.widget .widget_title, .widget .widgettitle {
    font-family: "Philosopher", Sans-serif;
    font-size: 33px;
    font-weight: 500;
    line-height: 55.3px;
    text-transform: uppercase;
}
figure.wp-block-image.size-large {
    cursor: pointer;
}
.sc_services_item_content p,
input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], input[type="search"], input[type="password"], .select2-container.select2-container--default span.select2-choice, .select2-container.select2-container--default span.select2-selection, .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container.select2-container--default .select2-selection--multiple, textarea, textarea.wp-editor-area, select.select2-hidden-accessible.filled + .select2-container.select2-container--default span.select2-selection--multiple, select.select2-hidden-accessible.filled + .select2-container.select2-container--default span.select2-selection--single, select.select2-hidden-accessible.filled + .select2-container.select2-container--default span.select2-choice {
    color: #000;
}

:root {
    --fancybox-bg: rgba(24, 24, 27, .95);
}

.wp-block-gallery .wp-block-image img {
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.wp-block-gallery .wp-block-image img:hover {
    opacity: 0.9;
}
.fancybox__container {
    --fancybox-bg: rgba(24, 24, 27, .95);
    --fancybox-color: #fff;
    z-index: 99999 !important;
}

.fancybox__backdrop {
    z-index: 9 !important;
    background: var(--fancybox-bg);
}

/* Стили для контента */
.fancybox__content {
    z-index: 9999999 !important;
    background: transparent;
}

.fancybox__image {
    z-index: 999999 !important;
}

/* Стили для кнопок навигации */
.fancybox__nav {
    z-index: 999999 !important;
}

.carousel__button.is-prev,
.carousel__button.is-next {
    z-index: 999999 !important;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 50%;
    color: #fff;
    opacity: 0.8;
    transition: all 0.3s ease;
}

.carousel__button.is-prev:hover,
.carousel__button.is-next:hover {
    opacity: 1;
    background: rgba(0, 0, 0, 0.9);
}

/* Стили для тулбара */
.fancybox__toolbar {
    z-index: 999999 !important;
    background: transparent;
    padding: 8px;
}

.fancybox__toolbar button {
    color: #fff;
    opacity: 0.8;
    transition: all 0.3s ease;
}

.fancybox__toolbar button:hover {
    opacity: 1;
}

/* Стили для миниатюр */
.fancybox__thumbs {
    z-index: 999999 !important;
    background: rgba(0, 0, 0, 0.8);
    padding: 8px 0;
}

.fancybox__thumb {
    opacity: 0.5;
    transition: opacity 0.3s ease;
    margin: 4px;
    border-radius: 4px;
}

.fancybox__thumb:hover,
.fancybox__thumb[aria-selected] {
    opacity: 1;
}

/* Убираем подсказки */
.fancybox__toolbar [data-fancybox-toggle],
.fancybox__toolbar [data-fancybox-slideshow],
.fancybox__toolbar [data-fancybox-fullscreen],
.fancybox__toolbar [data-fancybox-close] {
    cursor: pointer;
}

[data-fancybox-toggle]::after,
[data-fancybox-slideshow]::after,
[data-fancybox-fullscreen]::after,
[data-fancybox-close]::after {
    display: none !important;
}

/* Стили для курсора на изображениях в галерее */
.wp-block-gallery figure.wp-block-image img {
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.wp-block-gallery figure.wp-block-image img:hover {
    opacity: 0.9;
}

h6.sc_services_item_title a {
    font-weight: 600;
}

/* Дополнительные стили для мобильных устройств */
@media (max-width: 768px) {
    .fancybox__toolbar {
        padding: 8px;
    }
}