/*!
Theme Name: _wt
Theme URI: https://wind.press/go/_wt/
Author: WindPress
Author URI: https://wind.press/go/_wt/
Description: A custom theme based on _wt. Requires the WindPress plugin to function properly.
Version: 0.0.6
Requires at least: 6.8
Requires PHP: 7.4
License: GPLv3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: _wt
Tags: tailwind, tailwindcss, tailwind css 

_wt is based on _wt https://wind.press/go/_wt/, (C) 2025 WindPress
_wt is based on _tw https://underscoretw.com/, (C) 2021-2025 Greg Sullivan
_tw is based on Underscores https://underscores.me/ and Varia https://github.com/Automattic/themes/tree/master/varia, (C) 2012-2025 Automattic, Inc.
*/

/* NOTE: put styles that depend on relative file paths here 
since tailwind stylesheets get compiled to wp uploads folder,
which complicates paths */
.textured-bg {
    background-image: url('assets/images/lokta-texture-2b.jpg');
    /* doing this for now cause image doesn't repeat seamlessly. will cause blurry image on large resolutions (4k?) though 
    todo: should fix image to repeat seamlessly. maybe ask ai to build a background repeat visualizer that allows cropping
    */
    background-size: cover;
    background-repeat: no-repeat;
}

.textured-bg-old {
    background-image: url('assets/images/paper-textured-background.jpg');
    background-repeat: repeat;
    background-size: 100% auto;
}

.bg-footer-mountain {
    position: relative;
    /*note: hacky way to ensure footer text doesn't go up to where image has white. should improve */
    padding-top: 180px;

    &::before {
        /* background: url('assets/temp-gitignored/temp-footer-bg.png') top/cover no-repeat, rgba(0,0,0,0.6) ; */
        content: "";
        z-index: -1;
        position: absolute;
        inset: 0;
        background: url('assets/temp-gitignored/temp-footer-bg.webp') top/cover no-repeat;
        filter: brightness(0.4);
        /* background-blend-mode: multiply; */
    }
}


/* hack: making woocommerce single product gallery use horizontal scroll */
/* maybe: force scrollbar to always be shown or if possible, arrows */
.woocommerce div.product div.images .flex-control-thumbs {
	display: flex;
	gap: 8px;
	overflow-x: scroll;
	overflow-y: hidden;
    margin-top: 20px;
	flex-wrap: nowrap;
	padding-bottom: 8px;
}

.woocommerce-product-gallery .flex-control-nav li {
	flex: 0 0 auto;
}
.woocommerce-product-gallery .flex-control-nav::-webkit-scrollbar {
	height: 6px;
}

/* broken: ai suggested overrides for arrows in single product gallery. arrows not shown currently. need to fix */
.woocommerce-product-gallery .flex-direction-nav a {
    opacity: 1;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, .5);
    border-radius: 50%;
}

.woocommerce-product-gallery .flex-direction-nav .flex-prev {
    left: 10px;
}

.woocommerce-product-gallery .flex-direction-nav .flex-next {
    right: 10px;
}

.woocommerce-product-gallery .flex-direction-nav a::before {
    color: #fff;
    font-size: 20px;
}