/*
 Theme Name:   Nu by Bricks Websites
 Theme URI:    https://nu.brickswebsites.com/
 Description:  eCommerce
 Template:     bricks
 Author:       Bricks Websites
 Author URI:   https://brickswebsites.com
*/

/* Fonts */
@font-face {
    font-family: 'Manrope';
    src: url('/wp-content/fonts/Manrope-Bold.woff2') format('woff2'),
        url('/wp-content/fonts/Manrope-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('/wp-content/fonts/Manrope-SemiBold.woff2') format('woff2'),
        url('/wp-content/fonts/Manrope-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('/wp-content/fonts/Manrope-Medium.woff2') format('woff2'),
        url('/wp-content/fonts/Manrope-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('/wp-content/fonts/Manrope-Regular.woff2') format('woff2'),
        url('/wp-content/fonts/Manrope-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}


body,
h1,
h2,
h3,
h4,
p,
a,
button,
blockquote {
	font-family: 'Manrope',sans-serif;
}

*,
html,
body {
  	scrollbar-color: var(--color-text) transparent;
	scrollbar-width: thin;
}

/* Transitions */
a,
button,
.bricks-button,
input,
select,
textarea,
.n-shop--accordion__icon,
.n-filter--checkbox input::before,
.n-filter--radio input::before,
.n-nav--dropdown__backdrop.active,
.n-mini-cart .cart-detail,
.n-slider .splide__arrows,
.n-card--img-wrapper::before,
.wc-block-components-button:not(.is-link) {
  transition: var(--transition-primary);
}
.n-cat-card--img,
.n-about-card--img,
.n-search--cat-card__img {
  transition: var(--transition-slow);
}


/* General */
.brx-body {
	min-height: 100dvh;
}

/* Skip Links */
.skip-link {
    display: flex;
    align-items: center;
    justify-content: center;
    left: var(--space-s);
    font-size: var(--text-s);
    font-weight: 500;
    color: var(--light);
    background-color: var(--dark);
    height: var(--height);
    padding: 0 var(--space-2xs);
    border-radius: 0;
    z-index: 99999;
}
.skip-link:focus {
	top: var(--space-s);
}

/* Paragraph */
:where(p:not(:last-of-type)) {
  margin-bottom: var(--space-2xs);
}

/* Highlight */
::-moz-selection {
  color: var(--light);
  background: var(--primary);
}
::selection {
  color: var(--light);
  background: var(--primary);
}

/* Focus */
:focus-visible {
    box-shadow: 0 0 0 .25rem rgba(0,126,167,.3);
  	border-color: var(--primary)!important;
}

/* Full Height */
.not-set {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}

/* Height */
.n-btn,
.n-prod--size-guide,
.n-shop--filter-toggle,
.n-form :where(input,button) {
	height: var(--height);
}

/* Link Wrapper */
.n-link-wrapper::after,
.n-heading-link a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

/* Will Change */
.n-shop--accordion__icon,
.n-cat-card--img,
.n-about-card--img,
.n-search--cat-card__img {
  will-change: transform;
}

/* Screen Reader Only */
.n-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
}

/* Cursors */
[aria-current="page"] {
	cursor: default;
}
li:has(label.brx-option-disabled) {
	cursor: not-allowed;
}

/* Pointer Events */
[aria-current="page"],
.n-size-guide--tab-title.brx-open {
	pointer-events: none;
}

/* Current Page */
.n-nav--dropdown__link[aria-current="page"] {
	color: var(--dark);
	padding-left: var(--space-3xs);
}
.n-nav--dropdown__link[aria-current="page"]::after {
	content: "";
	background-color: var(--dark);
	width: .25rem;
	height: .25rem;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

/* Buttons */
button {
	font-weight: 500;
	background: inherit;
}

/* Rich Text */
.n-rich-text a {
	color: var(--primary);
}

/* Forms */
input,
textarea {
    border-radius: 0;
}
textarea {
	background-color: var(--light);
}
select {
	background-image: url();                                           /* Needs Icon - if ever needed */
    background-position: calc(100% - var(--space-2xs)) 50%, 100% 50%;
    background-size: var(--text-s);
}

/* Lists */
.n-shop--list:has(.bricks-posts-nothing-found) {
	list-style-type: none;
}



/***** Header *****/
.n-nav--dropdown:first-child {
	border-top: 1px solid var(--border-color);
}







/***** Home Page *****/
/* Hero */
.n-slider .splide__arrows {
	display: none!important;
	visibility: hidden;
}

/* Category Cards */
.n-cat-card--img-wrapper::before,
.n-about-card--img-wrapper::before,
.n-search--cat-card__img-wrapper::before {
	z-index: 1;
}
.n-cat-card--list-item:hover .n-cat-card--img,
.n-about-card--list-item:hover .n-about-card--img,
.n-search--cat-card:hover .n-search--cat-card__img {
	transform: scale(1.05)
}




/***** About Page *****/
.n-video-wrapper::before {
	z-index: 1;
}



/***** Shop Page *****/
.n-shop--accordion-item.brx-open .n-shop--accordion__icon {
	transform: rotate(90deg);
}
/* Filters */
.n-filter--checkbox input,
.n-filter--radio input {
	position: relative;
			appearance: none;
	-webkit-appearance: none;
	padding: 0;
	border: none;
}
.n-filter--checkbox input::after,
.n-filter--radio input::after {
	content: "";
	display: block;
	width: 1rem;
	height: 1rem;
	border: 1px solid var(--border-color);
}
/* Checked */
.n-filter--checkbox input:not(:checked)::before,
.n-filter--checkbox input:checked::before,
.n-filter--radio input:not(:checked)::before,
.n-filter--radio input:checked::before {
	content: "";
	background-color: var(--primary);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(.5);
	display: block;
	width: .375em;
	height: .375rem;
	opacity: 0;
}
.n-filter--checkbox input:checked::before,
.n-filter--radio input:checked::before {
	transform: translate(-50%,-50%) scale(1);
	opacity: 1;
}

/* Reset Button */
.n-filter--reset.brx-no-active-filter {
	cursor: not-allowed;
	pointer-events: none;
	opacity: .5;
}



/***** Single Product Page *****/
/* Variations */
.n-prod--add tr {
	display: flex;
	flex-direction: column;
	margin-bottom: var(--space-4xs);
}
.n-prod--add th,
.n-prod--add td{
	width: 100%;
}

/* Reviews */
.n-prod-reviews #reviews #review_form_wrapper {
	margin-top: var(--space-s);
}
.n-prod-reviews .comment-reply-title {
	margin-bottom: var(--space-2xs);
}
/* Textarea */
.n-prod-reviews #reviews textarea {
	height: 8rem;
	min-height: 8rem;
	max-height: 14rem;
}





/***** Store Locator *****/
.n-locator--list-item:not(:last-child) {
	padding-bottom: var(--space-s);
	margin-bottom: var(--space-s);
	border-bottom: 1px solid var(--border-color);
}
/* Popup */
/* Close */
.brxe-map .brx-infobox-popup .close-infobox {
	font-size: var(--text-l);
	right: var(--space-3xs);
	top: 0;
}






/***** Footer *****/
/* Form */
.n-form--sub {
	flex-wrap: nowrap;
	gap: var(--space-2xs);
}






/***** Woo *****/
/* Cards */
.n-card--img-wrapper::before {
	opacity: 0;
}
.n-card:hover .n-card--img-wrapper::before {
	opacity: 1;
}

/* Mini Cart */
.n-mini-cart.brxe-woocommerce-mini-cart .cart-detail {
	opacity: 1;
	z-index: 999;
}
.n-mini-cart.brxe-woocommerce-mini-cart .off-canvas-overlay {
	background-color: rgba(18,18,18,.8);
}
.n-mini-cart .widget_shopping_cart_content::before {
	content: "Cart";
	font-weight: 600;
	margin-bottom: var(--space-s);
}

/* Empty */
.woocommerce-mini-cart__empty-message {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Remove Item */
.n-mini-cart .remove_from_cart_button {
	color: transparent;
}
.n-mini-cart .remove_from_cart_button::before {
	content: "";
	background-image: url(/wp-content/uploads/2025/07/trash-2.svg);
	background-size: 1rem;
	width: 1.2rem;
	height: 1rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

/* Items */
.n-mini-cart.brxe-woocommerce-mini-cart .cart-detail li {
	padding-right: var(--space-m);
	margin-bottom: var(--space-l);
}
/* Image */
.n-mini-cart .cart-detail img {
	margin-right: var(--space-xs);
}
.n-mini-cart .variation,
.n-mini-cart .quantity {
	margin-left: calc(4rem + var(--space-xs));
}
/* Info */
.n-mini-cart .variation,
.n-mini-cart .quantity {
	font-size: var(--text-xs);
}
.n-mini-cart .variation {
	display: flex;
  	flex-wrap: wrap;
	gap: var(--space-4xs);
}
.n-mini-cart.brxe-woocommerce-mini-cart .cart-detail li .variation dt {
	font-weight: 500;
}
.n-mini-cart.brxe-woocommerce-mini-cart .cart-detail li .variation dd+dt {
	margin-top: 0;
}
.n-mini-cart.brxe-woocommerce-mini-cart .cart-detail li .variation dd:not(:last-child) {
	margin-right: var(--space-xs);
}

/* Remove/Reset */
.n-prod--add .reset_variations,
.n-prod-reviews .woocommerce-Reviews-title {
	display: none!important;
	visibility: hidden!important;
}
form.cart .woocommerce-variation:not(:empty),
form.woocommerce-cart-form .woocommerce-variation:not(:empty) {
	margin-bottom: 0;
}
/* Cart Button */
.n-mini-cart .woocommerce-mini-cart__buttons a:not(.checkout) {
	display: none;
	visibility: hidden;
}

/* Checkout Page */
/* Forms */
.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=password], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=password], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .wc-blocks-components-select .wc-blocks-components-select__select {
	background-color: transparent!important;
	height: var(--height)!important;
	border-color: var(--border-color)!important;
	border-radius: 0!important;
}
/* Select Containers */
.wc-blocks-components-select .wc-blocks-components-select__container {
	background-color: transparent!important;
}

/* Checkboxes */
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
	padding: 0;
	border-radius: 0!important;
}

/* Payments */
.wc-block-components-radio-control--highlight-checked:after, .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
	border-radius: 0!important;
}
.wc-block-checkout__payment-method .wc-block-components-radio-control__option .wc-block-components-radio-control__input {
	padding: 0;
}
.wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before {
	background: var(--primary)!important;
}
.wc-block-components-radio-control .wc-block-components-radio-control__input:focus {
	outline: none!important;
}

/* Items */
.wp-block-woocommerce-checkout-order-summary-block {
	border-radius: 0!important;
}

/* Buttons */
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
	min-height: var(--height)!important;
	height: var(--height);
	width: fit-content;
	color: var(--light);
	background-color: var(--primary);
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):hover {
	background-color: var(--secondary);
}

/* Login Page */
.woocommerce-form-login,
.woocommerce-form-login .woocommerce-form-row {
	text-align: left;
}
.woocommerce-form-login {
	width: 25rem;
}

/********** Responsive **********/
/* Mobile landscape */
@media (min-width: 480px) {
}

/* Tablet portrait */
@media (min-width: 600px) {
}

/* Tablet landscape */
@media (min-width: 801px) {
}

/* Laptop */
@media (min-width: 1025px) {
	/* Header */
	.n-nav--dropdown:first-child {
		border-top: none;
	}
	.n-nav--item button::after {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 1;
	}
	.n-nav .menu-item:last-child {
		display: none;
		visibility: hidden;
	}
	/* Dropdown */
	.n-nav--dropdown-content {
		transition: 0s;
	}
	/* Backdrop */
	.n-nav--dropdown__backdrop.active {
		opacity: 1;
		visibility: visible;
	}
	/* Home Page */
	/* Hero */
	#heroSlider.n-hero--slider .splide__pagination {
		transform: translateX(-50%);
		z-index: 0;
	}
	.n-slider .splide__arrows {
		display: block!important;
		visibility: visible;
		opacity: 0;
	}
	.n-slider:hover .splide__arrows {
		opacity: 1;
	}
}

/* Desktop */
@media (min-width: 1281px) {
}