/*
Theme Name: ShopGuruUS - Panda design
Theme URI: https://shopguruus.com/
Description: ShopGuruUS - Panda design
Author: Tina Flake 
Template: customify
Version: 1.0
*/

/* Подключение стилей родителя */
@import url("../customify/style.css");


/* smooth hover */
a {
    transition: all 0.25s ease;
}

/* премиум spacing */
section {
    letter-spacing: 0.2px;
}

/* кнопки */
.bg-orange-600 {
    background-color: #c24a2a;
}

.bg-orange-600:hover {
    background-color: #a63d22;
}




/* ===== FIX HOMEPAGE HEADER ===== */

/* убрать заголовок страницы */
.home .entry-header,
.home .page-header,
.home .customify-page-header {
    display: none !important;
}

/* убрать breadcrumbs */
.home .breadcrumbs {
    display: none !important;
}

/* ===== HEADER OVER HERO ===== */

.site-header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
}

/* прозрачный фон */
.site-header .header-main {
    background: transparent !important;
}

/* стеклянный эффект */
.site-header {
    backdrop-filter: blur(6px);
    background: rgba(0, 0, 0, 0.3);
}

/* белое меню */
.site-header a {
    color: #ffffff !important;
}

/* hover */
.site-header a:hover {
    opacity: 0.8;
}

/* ===== SCROLL STATE ===== */

.site-header.is-sticky {
    background: #ffffff !important;
}

.site-header.is-sticky a {
    color: #000 !important;
}

/* ===== HERO FIX ===== */

.hero-section {
    margin-top: 0;
}

/* убираем верхний бар */
.header-top {
    display: none !important;
}






/* фиксируем высоту header */
.site-header {
    height: 80px;
}

/* чтобы hero начинался под ним */
.hero-section {
    margin-top: -80px;
    padding-top: 80px;
}






/* отключаем странное поведение sticky */
.site-header.is-sticky {
    position: absolute !important;
}




.hero-section {
    min-height: 650px;
}

.hero-section video,
.hero-section img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}





.hero-section video {
    transform: scale(1.01);
}





.hero-section > div {
    pointer-events: none;
}

.hero-section .relative {
    pointer-events: auto;
}