/*
Theme Name: Bravo Zero Theme
Theme URI: https://bravotehnika.ee // todo
Author: Birk Oidram
Author URI: https://zezz.ee
Description: Entirely disables the WordPress theme system and lets you design every part of your site with Breakdance, while keeping other theme functionality like templates overrides and functions.php.
Version: 1.0.0
Tested up to: 5.9
Requires PHP: 7
License: GNU General Public License v2 or later // todo no idea about this
License URI: LICENSE
Text Domain: bravowp

Requires Breakdance to be installed.
*/

.stock.in-stock {
    color: #00b437;
}


.breakdance-woocommerce .widget_product_categories ul.children {
    display: none;
}
.breakdance-woocommerce .widget_product_categories .current-cat ul.children, .breakdance-woocommerce .widget_product_categories .current-cat-parent ul.children{
    display: flex;
}

.breakdance-woocommerce .widget_product_categories li {
    border: none !important;
    position: relative;
}

.breakdance-woocommerce .widget_product_categories li a {
    text-transform: uppercase;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    position: relative;
}

.breakdance-woocommerce .widget_product_categories li.current-cat > a,  .breakdance-woocommerce .widget_product_categories li.current-cat-parent > a {
    font-weight: 600;
}

.breakdance-woocommerce .widget_product_categories li.cat-parent > a:after {
    content: '';
    background-image: url('assets/img/down.svg');
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 11px;
    height: 6px;
    margin-left: 0.7rem;;
}

.breakdance .bde-wooshoppage-148-114 ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px;
}

.breakdance-woocommerce ul li .onsale {
    width: 100%;
    left: 0; 
    right: 0;
    text-align: center;
    top: 0;
    padding: 0.5rem;
}

.breakdance .breakdance-woocommerce select {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #8b8b8b;
    border-bottom: 1px solid rgb(139 139 139 / 20%);
    border-radius: 0;
}


.nb-cat-grid{
		--nb-gap: 22px;
		display:grid;
		grid-template-columns:repeat(12, minmax(0, 1fr));
		gap:var(--nb-gap);
	}

	.nb-cat-card{
		position:relative;
		display:block;
		min-height:320px;
		border-radius:0;
		overflow:hidden;
		background:#e9e9e9;
		text-decoration:none;
		isolation:isolate;
		transform:translateZ(0);
	}

    .nb-cat-card h3.nb-cat-card__title {
    color: #fff;
    font-size: 18px;
    }

	.nb-cat-card__media{
		position:absolute;
		inset:0;
		overflow:hidden;
		background:#ececec;
	}

	.nb-cat-card .nb-cat-card__media img{
		width:100%;
		height:100%;
		object-fit:cover;
		object-position:center center;
		display:block;
		transition:transform .65s cubic-bezier(.2,.65,.2,1), filter .45s ease;
		will-change:transform;
		padding:0;
	}

	.nb-cat-card::before{
		content:"";
		position:absolute;
		left:0;
		right:0;
		top:0;
		height:34%;
		z-index:2;
		background:linear-gradient(to bottom, rgba(0,0,0,.42) 0%, rgba(0,0,0,.22) 45%, rgba(0,0,0,0) 100%);
		pointer-events:none;
	}

	.nb-cat-card::after{
		content:"";
		position:absolute;
		inset:0;
		z-index:1;
		background:linear-gradient(130deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 35%);
		opacity:0;
		transition:opacity .35s ease;
		pointer-events:none;
	}

	.nb-cat-card__content{
		position:relative;
		z-index:3;
		height:100%;
		display:flex;
		flex-direction:column;
		justify-content:space-between;
		padding:28px;
	}

	.nb-cat-card h3.nb-cat-card__title{
		margin:0;
		color:#fff;
		line-height:.95;
		font-weight:600;
		letter-spacing:-0.03em;
		max-width:70%;
		text-wrap:balance;
	}

	.nb-cat-card__footer{
		display:flex;
		justify-content:flex-end;
		align-items:flex-end;
	}

	.nb-cat-card__btn{
		display:inline-flex;
		align-items:center;
		gap:10px;
		color:#fff;
		font-size:16px;
		font-weight:500;
		line-height:1;
		text-transform:uppercase;
		position:relative;
		padding-bottom:10px;
	}

	.nb-cat-card__btn::after{
		content:"";
		position:absolute;
		left:0;
		right:0;
		bottom:0;
		height:5px;
		background:#ff5a1f;
		transform-origin:left center;
		transform:scaleX(1);
		transition:transform .3s ease;
	}

	.nb-cat-card:hover{
		
	}

	.nb-cat-card:hover .nb-cat-card__media img{
		transform:scale(1.08) rotate(-1deg);
		filter:contrast(1.03) saturate(1.04);
	}

	.nb-cat-card:hover::after{
		opacity:1;
	}

	.nb-cat-card:hover .nb-cat-card__btn::after{
		transform:scaleX(1.08);
	}

	/* Fun layout */
	.nb-cat-card{
		grid-column:span 3;
		min-height:220px;
	}

	.nb-cat-card:nth-child(1){
		grid-column:span 3;
		grid-row:span 2;
		min-height:480px;
	}
	.nb-cat-card:nth-child(2),
	.nb-cat-card:nth-child(3),
	.nb-cat-card:nth-child(5),
	.nb-cat-card:nth-child(6){
		grid-column:span 3;
		min-height:220px;
	}
	.nb-cat-card:nth-child(4){
		grid-column:span 3;
		grid-row:span 2;
		min-height:480px;
	}
	.nb-cat-card:nth-child(7),
	.nb-cat-card:nth-child(8){
		grid-column:span 6;
		min-height:300px;
	}

	/* Optional image alignment tweaks for larger cards */
	.nb-cat-card:nth-child(1) .nb-cat-card__media img,
	.nb-cat-card:nth-child(4) .nb-cat-card__media img{
		object-position:center 58%;
	}

	@media (max-width: 1200px){
		.nb-cat-card,
		.nb-cat-card:nth-child(1),
		.nb-cat-card:nth-child(2),
		.nb-cat-card:nth-child(3),
		.nb-cat-card:nth-child(4),
		.nb-cat-card:nth-child(5),
		.nb-cat-card:nth-child(6),
		.nb-cat-card:nth-child(7),
		.nb-cat-card:nth-child(8){
			grid-column:span 6;
			grid-row:auto;
			min-height:320px;
		}
	}

	@media (max-width: 767px){
		.nb-cat-grid{
			grid-template-columns:repeat(1, minmax(0, 1fr));
		}

		.nb-cat-card,
		.nb-cat-card:nth-child(1),
		.nb-cat-card:nth-child(2),
		.nb-cat-card:nth-child(3),
		.nb-cat-card:nth-child(4),
		.nb-cat-card:nth-child(5),
		.nb-cat-card:nth-child(6),
		.nb-cat-card:nth-child(7),
		.nb-cat-card:nth-child(8){
			grid-column:span 1;
			min-height:280px;
		}

		.nb-cat-card__content{
			padding:20px;
		}

		.nb-cat-card__title{
			max-width:85%;
			font-size:clamp(26px, 8vw, 36px);
		}

		.nb-cat-card__btn{
			font-size:22px;
		}
	}