/*
Theme Name: Fugu (Twenty Twenty Five Theme Child)
Theme URI: 
Author: Fugu
Author URI: 
Description: Fugu (Twenty Twenty Five Theme Child)
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: fugu-twenty-twenty-five-theme-child
Tags: 
*/

/** Global */

html {
	scrollbar-width: thin;
	height: -webkit-fill-available;
}

.wc-blocks-pattern-header-large {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.woocommerce-account .wp-block-post-title {
	max-width: unset;
}

.top-logo-nav {
	gap: 3.2rem;
}

/** Customer Account Login */
.woocommerce-form-login__submit, .woocommerce-Button {
    border-radius:50px;
}

/** Home Page */
.home .wp-block-cover {
	margin-top: 116px;
}

.home .wp-block-cover__inner-container {
	position: absolute;
	left: 0;
	bottom: 0;
	padding-left: 0;
}

.home .home-header-content h1 {
	line-height: 58px;
	color: #E7A82C;
}

.home .home-header-content p {
	/* font-family: 'Source Serif 4', serif; */
	font-weight: lighter;
	font-size: 28px;
}

.home .section-label {
	font-family: 'Source Serif 4', serif;
	font-size: 28px;
	font-weight: 400;
	letter-spacing:-0.02rem;
}

.home .home-featured .is-layout-flex {
	gap: 40px;
	margin-block-start: unset;
	align-items: stretch;
}

.home .home-featured .is-layout-flex ul {
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left: 40px;
	width: 70%;
}

.home .home-featured .is-layout-flex ul li {
	margin: 30px;
}

.wc-block-featured-category__wrapper {
	background-color: #1e1e1e;
}

.home blockquote p {
	font-weight: bold;
}

.home .home-featured-box {
	width: 30%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.home .home-featured-box h1 {
	/*letter-spacing: -2px;*/
}

.home .home-featured-box p {
	font-family: 'Source Serif 4', serif;
	font-size: 28px !important;
	margin-bottom: 20px;
}

.home-categories-group {
	max-width: 1600px;
	width: 90%;
	margin: 20px auto;
}

.home-categories-group .wp-block-cover {
    margin-top:0;
    aspect-ratio:1;
    min-height:unset;
    background-color:#000;
}
.home-categories-group .wp-block-cover.blue{
    background-color:#4782D6;
}
.home-categories-group .wp-block-cover.yellow{
    background-color:#E7A82C;
}
.home-categories-group .wp-block-cover.pink{
    background-color:#CD3C67;
}

.home-categories-group .wp-block-cover .wp-block-cover__inner-container {
    top:0;
    right:0;
}
.home-categories-group .wp-block-cover .wp-block-cover__inner-container h2 {
    height:100%;
    display:flex;
    align-items:center;
    justify-content: center;
    
}
.home-categories-group .wp-block-cover .wp-block-cover__inner-container h2 a {
    height:100%;
    display:flex;
    align-items:center;
    justify-content: center;
    
}

.home-featured {
	margin-top: 0;
	margin-bottom: 120px;
}

.home .wc-block-featured-category {
    aspect-ratio: 1;
    min-height: unset !important;
}

.home .wc-block-featured-category .wc-block-featured-category__title {
	display: none;
}

.home .wc-block-featured-category__link {
	padding: 0;
	height: 100%;
}

.home .wc-block-featured-category .wp-block-buttons {
	width: 100%;
	height: 100%;
}

.home .wc-block-featured-category .wp-block-buttons>.wp-block-button {
	height: 100%;
	width: 100%;
}

.home .wc-block-featured-category .wc-block-featured-category__inner-blocks {
    height:100%;
    padding:0;
}

.home .wc-block-featured-category .wp-block-button__link.wp-element-button {
	border-radius: 30px;
	background-color: transparent;
	font-weight: bold;
	letter-spacing: 0.001em;
	line-height: 0.9em;
	font-size: clamp(1.743rem, 1.743rem + ((1vw - 0.2rem) * 1.862), 3rem);
	padding: 40px;
}

.home .wc-block-featured-category:nth-of-type(1) .wp-block-buttons>.wp-block-button .wp-block-button__link {
	color: #4782D6;
}

.home .wc-block-featured-category:nth-of-type(2) .wp-block-buttons>.wp-block-button .wp-block-button__link {
	color: #E7A82C;
}

.home .wc-block-featured-category:nth-of-type(3) .wp-block-buttons>.wp-block-button .wp-block-button__link {
	color: #CD3C67;
}

.home .wc-block-featured-category:nth-of-type(4) .wc-block-featured-category__wrapper {
	background-color: #4782D6;
}

.home .wc-block-featured-category:nth-of-type(5) .wc-block-featured-category__wrapper {
	background-color: #E7A82C;
}

.home .wc-block-featured-category:nth-of-type(6) .wc-block-featured-category__wrapper {
	background-color: #CD3C67;
}

.home .home-categories-group.by-theme .wc-block-featured-category .wp-block-buttons>.wp-block-button .wp-block-button__link {
	color: #FFFFFF;
}

.home .wc-block-featured-category__link .wp-block-buttons>.wp-block-button .wp-block-button__link:hover {
	background-color: #11111111;
}

.wp-block-woocommerce-product-template .wc-block-product h3 {
	font-family: 'Source Sans 3', sans-serif;
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 4px !important;
}

.wp-block-woocommerce-product-template .wc-block-product .wp-block-woocommerce-product-price .woocommerce-Price-amount {
	font-family: 'Source Sans 3', sans-serif;
	font-size: 18px;
	font-weight: 300;
}

.home .wc-block-components-product-image {
	margin-bottom: 16px;
	background-color: #ffffff;
}

/** Header Nav Link Underline Animation */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content{
    text-decoration: none;
}
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:hover,
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:focus{
    text-decoration: unset !important;
}
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content::after {
    content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1em;
  background-color: #f3f3f3;
  opacity: 0;
  transition: opacity 300ms, transform 300ms;
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content::after {
    opacity: 1;
  transform: scale(0);
  transform-origin: center;
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:hover::after,
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:focus::after{
    transform: scale(1);
}
/** Submenu top nav */
.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    background-color:lime;
}
.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container {
    z-index:20;
}

/** Header Product Search */
.is-search-form.is-form-style input.is-search-input {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    font-family: 'Source Sans 3', Sans-Serif;
    font-weight: 300;
    color: #ffffff;
}

.is-search-icon {
    border-left: none;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
}

.woocommerce-notices {
	position: fixed;
	z-index: 1;
	top: 120px;
	left: 20px;
	right: 20px;
}

.archive .category-products-list-header {
	margin-block-start: 0;
}

/** Product Filters */
.wp-block-woocommerce-product-filters {
    padding:40px;
}

.wc-block-product-filters .wc-block-product-filters__apply {
    border-radius:30px;
}

.yith-wcan-filters-opener {
	padding: 5px 10px;
	font-family: "Source Sans 3", sans-serif;
	font-size: 1rem;
}

.yith-wcan-filters .yith-wcan-filter .price-slider.fields .price-slider-min, .yith-wcan-filters .yith-wcan-filter .price-slider.fields .price-slider-max {
    padding: 12px;
}

.yith-wcan-filters .yith-wcan-filter {
    border-top: solid 1px #0002;
}

.yith-wcan-filters .yith-wcan-filter .filter-title:hover {
    text-decoration:underline;
}

.yith-wcan-filters-opener i.filter-icon {
	background-image: url("./assets/images/icon-filter.svg");
	width: 20px;
	height: 20px;
}

.filters-container form {
    position:relative;
}

.yith-wcan-active-filters h4 {
    display:none;
}
.yith-wcan-active-filters {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 10px;
}
.yith-wcan-active-filters.no-titles .active-filter {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    margin-bottom: unset;
    column-gap: 5px;
}
.yith-wcan-active-filters .active-filter .active-filter-label {
    margin-right:unset;
    padding-right:24px;
}
.yith-wcan-active-filters .active-filter .active-filter-label br {
    display:none;
}
.yith-wcan-active-filters .active-filter .active-filter-label::after {
    right:5px;
    top:5px;
}

.filters-container h3 {
	font-family: "Source Sans 3", sans-serif;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	line-height:35px;
}

.filters-container p:first-of-type {
    display: inline-block;
    position: absolute;
    right: 0;
    top:0;
    margin-top: 0;
}
.filters-container .yith-wcan-reset-filters {
    border: none;
    background: none;
    text-decoration: underline;
    font-size: 16px;
    font-family: 'Source Sans 3';
    font-weight: 600;
}
.filters-container .yith-wcan-reset-filters br {
    display:none;
}

.wp-block-query-pagination {
    padding-bottom:40px;
}

.wp-block-query-pagination .page-numbers, .wp-block-query-pagination-next, .wp-block-query-pagination-previous {
    padding: 12px;
    text-decoration:none;
}

.wp-block-query-pagination-next, .wp-block-query-pagination-previous {
    border: solid 1px transparent;
}

.wp-block-query-pagination .page-numbers:hover, .wp-block-query-pagination-next:hover, .wp-block-query-pagination-previous:hover {
    border-bottom:solid 1px #111;
}

.wp-block-query-pagination .page-numbers.current {
    border-bottom:solid 1px #111;
}

/** Woocommerce product image */
.wc-block-product-gallery-large-image__container {
    border-radius: 30px;
	overflow: hidden;
}

.wc-block-components-product-image {
	border-radius: 30px;
	overflow: hidden;
}

.woocommerce.wc-block-breadcrumbs {
	padding: 20px 40px;
	max-width:unset;
	margin: 0 auto;
	background-color: #111111;
	color: #ffffff;
}
.woocommerce.wc-block-breadcrumbs.single-product-breadcrumbs {
    margin-top:116px;
}
.woocommerce.wc-block-breadcrumbs.breadcrumbs-single-product {
    margin-left:-30px !important;
    margin-right:-30px !important;
}

.woocommerce.wc-block-breadcrumbs a {
	color: #ffffff;
}
.woocommerce .woocommerce-breadcrumb {
    margin:0;
}

.woocommerce-notices {
	padding: 20px 40px;
}

.products-group-wrapper {
	/*padding-right: 40px;*/
}

.wp-block-query-title {
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 10px;
}

.wp-block-query-title.search-title {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

/** Min height for pages with minimal content (short pages) */
.search-content {
    min-height:calc(100vh - 400px);
}
.cart-page {
    min-height: calc(100vh - 604px);
}

.page-id-159 main.has-global-padding {
    min-height: calc(100vh - (537px + 56px));
    /*margin-top: 0;*/
}

.product-filter-col {
    max-width:380px;
}


.woocommerce.wc-block-product-results-count .woocommerce-result-count {
	font-size: 18px;
}

.wp-block-group.results-sorting {
	/*padding-bottom: 10px !important;*/
	padding-top: 10px !important;
	border-top: solid 1px #ffffff;
}

.shop-collection {
	padding-right: 40px;
}

/* Shop order by/sort by selector */
.woocommerce.wc-block-catalog-sorting select.orderby {
	padding: 12px;
	font-family: 'Source Sans 3', sans-serif;
	font-size: 16px;
	font-weight: 300;
	border: solid 1px #111;
	background-color:#fff;
}

.checkout-button a {
	border-radius: 32px;
}

.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
	border-radius: 32px;
}

.woocommerce-cart .wp-block-post-title {
	max-width: unset;
}

.woocommerce div.product form.cart .button {
	border-radius: 32px;
}

.wc-block-mini-cart__drawer .wc-block-mini-cart__shopping-button {
	width: auto;
	border-radius: 30px;
}

.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wc-block-components-button {
    border-radius: 30px;
}

/** Product Shop Page */
	.wc-block-product-template__responsive > li{
	    display: flex;
        flex-flow: column;
        justify-content: space-between;
	}

.woocommerce .wp-block-woocommerce-product-image-gallery .woocommerce-product-gallery.images .flex-viewport,
.woocommerce-product-gallery__wrapper {
	border-radius: 30px;
	overflow: hidden;
}

.woocommerce div.product div.images .flex-control-thumbs li {
	border-radius: 20px;
	width: 80px;
	overflow: hidden;
	margin: 8px 4px;
}

.woocommerce div.product {
	margin-top: 116px;
}

.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded='true']~.wp-block-navigation__submenu-container {
	border-radius: 15px;
	overflow: hidden;
	padding: 20px 10px;
	background-color:#111111;
	color:#ffffff;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.03rem;
}

.filters-container {
	padding-left: 40px;
	padding-right: 40px;
}

.product-filter-wrapper .wp-block-woocommerce-product-collection {
	flex: 1;
}

.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
	background: none;
}

/* Single Product */

.related-products {
	padding-top: 40px;
	padding-bottom: 80px;
	background-color: #f3f3f3;
}
.related-products .related-products-list,
.related-products .related-products-title{
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
}

.single-product footer {
	margin-top: 0;
}

/** Contact Form */

input[type='text'],
input[type='email'],
textarea {
	border-radius: 4px;
	border: solid 1px #000;
	min-height: 58px;
	font-size: 18px;
	padding: 12px;
}

input[type='submit'] {
	background-color: #111111;
	color: #ffffff;
	padding-top: 1rem;
	padding-right: 2.25rem;
	padding-bottom: 1rem;
	padding-left: 2.25rem;
	font-weight: 500;
	text-transform: capitalize;
	font-size: 14.4px;
	border-radius: 31px;
}

.nf-error-msg {
	font-size: 14px;
}

.custom-group {
    display: flex;
}

.nf-response-msg {
    outline:none;
}

#is-ajax-search-result-741, #is-ajax-search-result-681 {
    border-radius:8px;
    border:solid 1px #e7e7e7;
}

.is-form-id-681 .is-search-submit .is-search-icon, #is-search-input-681, .is-form-id-741 .is-search-submit .is-search-icon, #is-search-input-741 {
    border-color: #f3f3f355 !important;
    transition: border-color ease 0.5s;
    height: 48px;
    font-size: 18px !important;
}
.is-form-id-681 .is-search-submit .is-search-icon, #is-search-input-681::placeholder {
    font-size: 18px;
}

.is-form-style button.is-search-submit {
    height: 48px;
}

.is-form-id-681 .is-search-submit .is-search-icon:hover, .is-form-id-741 .is-search-submit .is-search-icon:hover  {
    pointer: cursor;
}
.is-form-id-681 #is-search-input-681:focus, .is-form-id-741 #is-search-input-741:focus {
    border-color: #f3f3f3 !important;
}
.is-form-id-681:focus-within .is-search-submit .is-search-icon, .is-form-id-741:focus-within .is-search-submit .is-search-icon {
    border-color: #f3f3f3 !important;
    height: 48px;
}

.is-form-id-681 .is-search-icon svg, .is-form-id-741 .is-search-icon svg {
    display: none;
}
.is-form-id-681 .is-search-icon, .is-form-id-741 .is-search-icon {
    background: url('./assets/images/icon-search.svg') center center no-repeat;
}
#headerSearchBtn {
    background: url('./assets/images/icon-search.svg') center center no-repeat;
    height: 41px;
    min-width: 41px;
    display:none;
}
#headerSearchBtn:hover {
    cursor: pointer;
}
#mobileSearchBar {
    background-color: #111111;
    position: fixed;
    z-index: 10;
    top: 116px;
    left: 0;
    right: 0;
    padding: 10px 5%;
    display: none;
    margin-top: unset;
}
#mobileSearchBar.show {
    height:auto;
    overflow: auto;
    padding-top:10px;
    padding-bottom:10px;
    opacity:1;
}
.woocommerce div.product form.cart div.quantity .qty{
    border: solid 1px #111;
}
/** Search bar loader */
.is-loader-image {
    background-image: none !important;
}

.is-loader-image,
.is-loader-image::after {
  box-sizing: border-box;
}
.is-loader-image {
  display: inline-block;
  width: 30px;
  height: 30px;
}
.is-loader-image::after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin: 0;
  border-radius: 50%;
  border: 3px solid blue;
  border-color: #ffffff88 transparent #ffffff88 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/** Responsive */
@media screen and (max-width:1200px) {
    .wp-block-button.wc-block-components-product-button.wp-block-button__width-75 .wp-block-button__link {
        width:90%;
    }
}

@media screen and (max-width:1024px) {
    .home .wc-block-featured-category .wp-block-button__link.wp-element-button {
    padding:16px;
    }
}


@media screen and (max-width: 991px) {
    /** Product page show mobile filters */
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 100% !important;
    }
    .product-filter-col {
    max-width:unset;
    }

    /** Products shop page */
    .wp-block-group.results-sorting {
        margin-top: 0;
    }
    .wp-block-columns.product-cat-cols {
        margin-top: 0;
        gap: 10px;
    }
    
    /** Single product top spacing */
    .woocommerce div.product {
        margin-top: 56px;
    }
    
    #mobileSearchBar {
        display:block;
        height:60px;
        padding-top:0;
        padding-bottom:0;
        overflow:hidden;
        opacity:0;
        transition: opacity ease 0.5s;
    }
    #mobileSearchBar .is-search-form.is-form-style input.is-search-input {
        font-size:18px !important;
    }
    
	.shop-collection {
		padding-left: 40px;
	}

	.yith-wcan-filters.filters-modal .filters-container {
		width: calc(100% - 40px);
	}

	.related-products .wc-block-product-template.is-flex-container>li {
		width: 30%;
	}
	.wp-block-group.top-nav-right.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-6c531013.wp-block-group-is-layout-flex {
	    column-gap: 10px;
	}
	.top-logo-nav {
	    gap: 1.2rem;
	}
	.is-form-id-681 {
	    visibility: hidden;
	    position: fixed;
	    top: 10px;
	}
	.nav-col-left {
	    flex-basis:80% !important;
	}
	.top-nav-right {
	    justify-content: flex-end;
	}
	#headerSearchBtn {
	    display: block;
	}
	.wc-blocks-pattern-header-large {
	    padding-left: 20px !important;
	    padding-right: 20px !important;
	}
	.home .home-hero {
	    min-height: unset !important;
	    height: calc(80vh - 116px);
	    height: calc(80dvh - 116px);
	}
	.home .home-featured {
	    display: none;
	}
	.home .wc-block-featured-category__link .wp-block-buttons > .wp-block-button .wp-block-button__link {
	    font-size:28px;
	}
	.wp-block-columns.product-cat-cols{
	    flex-direction: column;
	}
	.wp-block-column.product-cat-col.is-layout-flow.wp-block-column-is-layout-flow{
	    flex-basis: 100% !important;
	}
	
}

@media screen and (max-width:768px) {
    .home-categories-group {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width:600px) {
    /* mobile nav hamburger */
    .wp-block-navigation__responsive-container-open {
        outline:none;   
    }
    /* Mobile nav modal */
    .wp-block-navigation__responsive-dialog .nav-list .wp-block-navigation-link .wp-block-navigation-item__content {
        outline:none;
    }
    .product-filters-default {
        padding: 20px;
    }
    .wp-block-group.results-sorting {
        padding-top:0 !important;
    }
    .wp-block-group.product-collection-child {
        margin-block-start: 0;
    }
}

@media screen and (max-width: 575px) {
    .home-categories-group {
        gap: 0.8rem;
        padding: 0 !important;
    }
	
	.related-products .wc-block-product-template.is-flex-container>li {
		width: 40%;
	}

	.related-products .wc-block-product-template.is-flex-container {
		justify-content: space-between;
	}
	
	/** Single product top spacing */
    .woocommerce div.product {
        margin-top: 32px;
    }
}
