/* Remove default browser outlines and highlights */
button,
a,
input,
[role="button"] {
    outline: none !important;
    -webkit-tap-highlight-color: transparent;
}

button:hover,
button:focus,
button:active,
a:focus,
input:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Force transparent backgrounds on all VANE buttons */
.vane-header__menu-toggle,
.vane-header__mobile-menu,
.vane-header__cart-toggle,
.vane-products__wishlist,
.vane-products__arrow,
.vane-mobile-menu__close,
.vane-mobile-menu__back,
.vane-mobile-menu__back-header,
.vane-archive-item__wishlist,
.vane-cart-drawer__close,
.vane-cart-drawer__qty-btn,
.vane-cart-drawer__item-remove,
.vane-favorites-drawer__close,
.vane-favorites-drawer__add-to-cart,
.vane-favorites-drawer__add-all-btn,
.vane-favorites-drawer__item-remove,
.vane-header__favorites-toggle,
.vane-hero__dot {
    background: none !important;
    background-color: transparent !important;
    -webkit-tap-highlight-color: transparent;
}

.vane-header__menu-toggle:hover,
.vane-header__menu-toggle:focus,
.vane-header__menu-toggle:active,
.vane-header__mobile-menu:hover,
.vane-header__mobile-menu:focus,
.vane-header__mobile-menu:active,
.vane-header__cart-toggle:hover,
.vane-header__cart-toggle:focus,
.vane-header__cart-toggle:active,
.vane-products__wishlist:hover,
.vane-products__wishlist:focus,
.vane-products__wishlist:active,
.vane-products__arrow:hover,
.vane-products__arrow:focus,
.vane-products__arrow:active,
.vane-mobile-menu__close:hover,
.vane-mobile-menu__close:focus,
.vane-mobile-menu__close:active,
.vane-mobile-menu__back:hover,
.vane-mobile-menu__back:focus,
.vane-mobile-menu__back-header:hover,
.vane-mobile-menu__back-header:focus,
.vane-mobile-menu__back-header:active,
.vane-archive-item__wishlist:focus,
.vane-archive-item__wishlist:active,
.vane-cart-drawer__close:hover,
.vane-cart-drawer__close:focus,
.vane-cart-drawer__close:active,
.vane-cart-drawer__qty-btn:hover,
.vane-cart-drawer__qty-btn:focus,
.vane-cart-drawer__qty-btn:active,
.vane-cart-drawer__item-remove:hover,
.vane-cart-drawer__item-remove:focus,
.vane-cart-drawer__item-remove:active,
.vane-hero__dot:hover,
.vane-hero__dot:focus {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Force header search input to have no border except bottom */
.vane-header__search input,
.vane-header__search input[type="search"] {
    background: transparent !important;
    background-color: transparent !important;
    padding-left: 0 !important;
    border: 0 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.vane-header:hover .vane-header__search input,
.vane-header--scrolled .vane-header__search input {
    background: transparent !important;
    background-color: transparent !important;
    border-bottom-color: rgba(0, 0, 0, 0.3) !important;
}

/* ==========================================================================
   Reset GeneratePress Header
   ========================================================================== */

.site-header,
.main-navigation {
    display: none !important;
}

/* Hide default blog content on home */
body.home .site-content,
body.home #primary,
body.home #secondary,
body.blog .site-content,
body.blog #primary,
body.blog #secondary {
    display: none !important;
}

/* ==========================================================================
   Body padding for fixed header
   ========================================================================== */

body {
    padding-top: var(--vane-header-total-height);
}

/* Remove padding on front page where hero carousel exists */
body.home {
    padding-top: 0;
}

/* ==========================================================================
   WordPress Admin Bar Offset
   ========================================================================== */

/* When admin bar is visible (logged in) */
.admin-bar .vane-header {
    top: 32px;
}

.admin-bar body {
    padding-top: calc(var(--vane-header-total-height) + 32px);
}

/* Mobile admin bar is taller */
@media (max-width: 782px) {
    .admin-bar .vane-header {
        top: 46px;
    }

    .admin-bar body {
        padding-top: calc(var(--vane-header-total-height) + 46px);
    }
}

/* ==========================================================================
   WooCommerce Toast Messages
   ========================================================================== */

/* Hide native WooCommerce add to cart message (we use custom popup) */
.woocommerce-message {
    display: none !important;
}

.woocommerce-message::before {
    color: var(--vane-white) !important;
}

.woocommerce-message a.button {
    background-color: var(--vane-white) !important;
    color: var(--vane-black) !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 10px 25px !important;
    font-family: var(--vane-font-primary) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: all 0.3s ease !important;
}

.woocommerce-message a.button:hover {
    background-color: #f0f0f0 !important;
}

/* ==========================================================================
   Default Page Layout
   ========================================================================== */

body.page:not(.home):not(.woocommerce-page) .site.grid-container {
    max-width: 1280px;
    padding-left: 24px;
    padding-right: 24px;
}

body.page:not(.home):not(.woocommerce-page) #primary {
    width: 100%;
    float: none;
    margin: 0;
}

body.page:not(.home):not(.woocommerce-page) .site-main {
    padding: 40px 0 72px;
}

body.page:not(.home):not(.woocommerce-page) .inside-article {
    padding: 0;
    background: transparent;
    box-shadow: none;
}

body.page:not(.home):not(.woocommerce-page) .entry-header {
    margin-bottom: 24px;
}

body.page:not(.home):not(.woocommerce-page) .entry-title {
    margin: 0;
    font-family: var(--vane-font-primary);
    font-size: clamp(32px, 4vw, 56px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.02em;
    color: var(--vane-black);
}

body.page:not(.home):not(.woocommerce-page) .entry-content {
    max-width: 920px;
}

body.page:not(.home):not(.woocommerce-page) .entry-content > *:first-child {
    margin-top: 0;
}

@media (max-width: 768px) {
    body.page:not(.home):not(.woocommerce-page) .site.grid-container {
        padding-left: 18px;
        padding-right: 18px;
    }

    body.page:not(.home):not(.woocommerce-page) .site-main {
        padding: 28px 0 56px;
    }
}