/* slider animations effects */

.nalino-slider-buttons {
    position: absolute;
    bottom: 0px; /* Near the bottom */
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 10;
}


/* Solid */
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  src: url("/wp-content/themes/botiga-1749475845-via-wpturbo/css/fa/fa-solid-900.woff2") format("woff2");
}

.nalino-slider-btn {
    position: relative;
    width: 120px;
    height: 7px;
    border-radius: 0%;
    border: none;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    overflow: hidden;
}

.nalino-slider-btn.active {
    background: rgba(255, 255, 255, 0.1);
}

.nalino-slider-btn.active::before {
    content: '';
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background: #fff;
    animation: progressFill 15s linear forwards;
    border-radius: 0%;
    transform-origin: left center;
}

@keyframes progressFill {
    from {
        transform: scaleX(0);
    }
    to {
        transform: scaleX(1);
    }
}


/* slider layout */

.nalino-slider-item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 550px;
    overflow: hidden;
    position: relative;
}

.nalino-slider-item img {
    width: 100%;
}


section.nalino-slider-section .nalino-slider-content h2 {
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.2em;
	font-size:45px;
	font-weight:600;
}
section.nalino-slider-section .nalino-slider-content p {
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.2em;
	font-size:1.29em;
	font-weight:700;
	font-family: 'Reem Kufi Fun';
}
.nalino-slider-item {
    position: relative;
    display: inline-block;
}

.nalino-slider-content {
position: absolute;
    bottom: 33%;
    left: auto;
    color: #fff;
    width: 100%;
    text-align: center;
}


.tax-product_cat .container.content-wrapper {
    margin: 0 auto;
}




.nalino-slider {
    position: relative;
}
.nalino-slider .nalino-slider-item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.nalino-slider {
    /* Set this to the tallest slide’s height, or use a ratio */
    min-height: 400px; /* Adjust based on your design */
}





aside#filterSidebar {
    z-index: 9999999999999999999999999;
}









/* slider adjusmtnets */

section#products {
    margin-top: calc(var(--height-margin-px) - 37px);
}

section.nalino-slider-section {
    position: absolute;
    left: 0;
    overflow: hidden;
    height: 494px;
    margin-top: 550px;
	top:37px;
}

.nalino-slider-item img {
    margin-top: 0px;
	min-height: 494px;
}
.nalino-slider-item .nalino-slider-content {
    top: 160px;
}

































/* product filter and grid */

.nalino-product-links-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.nalino-product-item {
    flex: 1 1 calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
    box-sizing: border-box;
}

















.nalino-open-filter-btn .filter-icon {
    width: 18px;
    height: 18px;
}

button#openFilter {
    display: flex;
    gap: 14px;
    justify-content: space-between;
    align-items: center;
	max-height: 32px;
	text-transform: uppercase;
	font-weight: 500;
}



.nalino-open-filter-btn {
	z-index: 1001;
    background: #00000000;
    color: var(--text-primary);
    padding: 10px 15px;
    border: none;
    cursor: pointer;
    border-radius: 0px;
    margin: /*20px*/ 0px;
    border: 1px solid var(--text-primary);
    border-radius: 5px;
}

.nalino-filter-sidebar {
    position: fixed;
    top: 0;
    left: -350px;
    width: 350px;
    height: 100%;
    background: #f9f9f9;
    box-shadow: 2px 0 10px rgba(0,0,0,0.3);
    padding: 20px 28px 5px 20px;
    transition: left 0.3s ease-in-out;
    z-index: 1000;
    overflow-y: auto;
}

.nalino-filter-sidebar.active {
    left: 0;
}

.nalino-close-filter-btn {
    background: transparent;
    border: none;
    font-size: 20px;
    float: right;
    cursor: pointer;
}

.nalino-filter-list {
    list-style: none;
    padding: 0;
	margin-top: 11px;
	margin-bottom: 20px;
}



.nalino-filter-list a {
    text-decoration: none;
    color: #333;
    font-weight: 500;
}

.nalino-filter-list a:hover {
    text-decoration: underline;
}

select.orderby {
    font-size: 16px;
    padding-right: 40px;
    border: solid 1px;
}










/* Target only the open details with this class */
details.nalino-filter-dropdown[open] > summary.nalino-filter-summary::before {
    transform: rotate(-90deg);
}




summary.nalino-filter-summary::before {
    content: '';
    top: 16px;
    right: 0;
    width: 23px;
    height: 23px;
    background-image: url('/wp-content/themes/botiga-1749475845-via-wpturbo/css/arrow-right.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(90deg); /* ⬇ arrow when open */
    transition: transform 0.3s ease;
    display: block;
    filter: brightness(0);
	margin-left: calc(100% - 20px);
	margin-bottom: -32px;
	transform: rotate(90deg);
	margin-top: -10px;
}


summary.nalino-filter-summary::marker {
    font-size: 0;
}
.nalino-filter h2 {
	font-size: 31px;
    font-weight: 700;
    text-transform: uppercase;
	line-height: 31px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom: 1px solid #00000024;
    padding: 5px 10px 22px 0px;
    letter-spacing: 0.1em;
}


aside#filterSidebar details.nalino-filter-dropdown,
aside#filterSidebar .nalino-filter {
    max-width: 290px;
    margin-left: 9px;
}


details.nalino-filter-dropdown {
    border-bottom: solid 1px #00000024;
	padding-bottom: 22px;
	margin-top: 16px;
}
details.nalino-filter-dropdown[open] {
     padding-bottom: 0px;
}


button#closeFilter::before {
    content: '';
    width: 28px;
    height: 28px;
    background-image: url('/wp-content/themes/botiga-1749475845-via-wpturbo/css/close.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
    display: block;
    margin-left: calc(100% - 8px);
    display: block;
}





.nalino-filter {
	margin-bottom: 45px;
}
summary.nalino-filter-summary {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 16px;
	font-weight: 400;
	color: #000;
	letter-spacing: 0.3em;
}

aside#filterSidebar h5 {
    font-size: 14px;
    font-family: 'Poppins';
}

aside#filterSidebar a {
    font-size: 14px;
    line-height: 14px;
    margin: 0;
	color: #000;
}


ul.nalino-filter-list li:before {
    content: '';
    width: 16px;
    height: 16px;
    border: solid 1px #00000017;
    display: block;
    position: absolute;
    margin-top: 5px;
}

ul.nalino-filter-list li a {
    padding-left: 24px;
}
ul.nalino-filter-list li {
    padding-bottom: 3px;
}


.nalino-filter-dropdown:last-of-type {
    border-bottom: unset;
}






/* ===========================
   Staggered UL Animations
   =========================== */
aside#filterSidebar,
.nalino-filter,
aside#filterSidebar .nalino-filter-dropdown {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

aside#filterSidebar.active {
  opacity: 1;
  transform: translateY(0);
}

aside#filterSidebar.active .nalino-filter {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.1s;
}
aside#filterSidebar.active .nalino-filter-dropdown:nth-child(1) /*not visible html */,
aside#filterSidebar.active .nalino-filter-dropdown:nth-child(2) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.2s;
}
aside#filterSidebar.active .nalino-filter-dropdown:nth-child(3) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.3s;
}
aside#filterSidebar.active .nalino-filter-dropdown:nth-child(4) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.4s;
}
/* ===========================
   DARK OVERLAY
   =========================== */
#filterSidebar-container {
  position: fixed;
  top: 0;
  left: 0;
  margin-left: 350px;
  width: 100vw;
  height: 100vh;
  background-color: rgb(255 255 255 / 38%);
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
#filterSidebar-container.active {
  opacity: 1;
  pointer-events: all;
}


/* ==================================================
   Products Section Styles Grid
================================================== */

/* Price Styles */
.nalino-product-price {
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: rgba(28, 29, 29, 1);
  margin-top: 8px;
}

/* Product Title Styles */
h3.nalino-product-title {
  font-family: 'Reem Kufi Fun', 'Poppins', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 12px;
  color: rgba(0, 0, 0, 1);
  text-transform: uppercase;
  margin-top: 12px;
}

/* Add to Cart Button Styles */
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  background-color: #f1e4de;
  color: #000; /* Adjust text color for contrast if needed */
  width: 100%;
  border: unset;
  margin-top: 0px;

  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 18px;
  color: #000; /* Strong and readable */
  background-color: #f1e4de;
  text-align:center;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {
    color: #000000;
    opacity: 0.8;
}

.nalino-product-item img {
    width: 100%;
}
.nalino-product-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* Ensures items can stretch to the same height */
}









.nalino-product-item  span.rating {
    color: #dcba06;
    font-size: 25px;
}


.nalino-product-item  .nalino-product-best-seller img {
    max-width: 38px;
    padding: 2px;
	margin-top: -3px;
}

.nalino-product-price-best-seller {
    display: flex;
    justify-content: space-between;
}

.nalino-product-reviews {
    margin-top: -20px;
}
.best-seller-wrap {
    height: 41px;
    margin-top: -16px;
}
.nalino-product-price {
    margin-top: 18px;
}


.nalino-product-reviews.new-label {
    color: #f22216;
    font-family: 'Poppins';
    text-transform: uppercase;
	font-size: 14px;
	padding-top: 11px;
    margin-bottom: 4px;
}







.nalino-product-best-seller {
    position: relative;
}

.nalino-product-best-seller span {
    position: absolute;
    left: 50%;              /* Center text horizontally */
    top: 50%;               /* Center text vertically */
    transform: translate(-50%, -50%);
    font-weight: bold;
    line-height: 1;
	font-size: 11px;
    display: none;
    background: rgb(240 240 240 / 70%);
    color: #000000;
    padding: 2px 5px;
    border-radius: 0px;
	text-align: center;
}


/*.nalino-product-best-seller:hover span {
    display: block;
}*/





/* sold out */

.nalino-product-link {
    position: relative;
    display: block;
}
.nalino-product-sold-out {
    position: absolute;
    top: 0px;
    right: 0px;
    background: rgb(0 0 0 / 63%);
    color: #fff;
    font-weight: bold;
    padding: 7px 7px 7px 9px;
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
	z-index: 999;
}


button.nalino-sold-out-button {
    width: 100%;
    border: unset;
    margin-top: 0px;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    color: #000000;
    background-color: #9797977d;
    opacity:0.3;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    padding-top: var(--bt-padding-button-top-bottom, 13px);
    padding-bottom: var(--bt-padding-button-top-bottom, 13px);
    padding-left: var(--bt-padding-button-left-right, 24px);
    padding-right: var(--bt-padding-button-left-right, 24px);
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.2em;
    font-weight: 900;
}



/* product collection hover image */


.nalino-product-hover-image {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    transition: z-index 0.2s ease;
}
.nalino-product-image
 {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    transition: z-index 0.4s ease;
}

.nalino-product-image {
    z-index: 2;
    position: relative;
    opacity: 1;
}

.nalino-product-hover-image {
    pointer-events: none;
    z-index: 1;
    /* opacity: 0; */
    visibility: visible; /* keep visible always */
}



.nalino-product-link:hover .nalino-product-image {
    z-index: -1;
}

.nalino-product-image,
.nalino-product-hover-image {
    display: block;
    width: 100%;
    transition: transform 2s ease-in-out;
}

.nalino-product-link:hover .nalino-product-hover-image {
    transform: scale(1.05);
}
a.nalino-product-link {
    overflow: hidden;
}



















/* pagination */

/* Main pagination layout */
nav.woocommerce-pagination {
    display: flex;
    justify-content: center;
    padding: 68px 0;
}

nav.woocommerce-pagination ul.page-numbers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0px;
    list-style: none;
    padding: 0;
    margin: 0;
}

nav.woocommerce-pagination .page-numbers {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    position: relative;
    height: 43px;
    border: none;
}

.woocommerce-pagination li .page-numbers{
	border-radius: 0;
}
/* Arrows */
nav.woocommerce-pagination .prev.page-numbers,
nav.woocommerce-pagination .next.page-numbers {
    background: #000;
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    position: relative;
    border: none;
    border-radius: 0;
}

nav.woocommerce-pagination .prev.page-numbers::before,
nav.woocommerce-pagination .next.page-numbers::before {
    content: '';
    display: block;
    width: 43px;
    height: 43px;
    position: absolute;
    background-size: 27px;
    background-repeat: no-repeat;
    background-position: center;
}

nav.woocommerce-pagination .next.page-numbers::before {
    background-image: url("/wp-content/themes/botiga-1749475845-via-wpturbo/css/arrow-right.svg");
}

nav.woocommerce-pagination .prev.page-numbers::before {
    background-image: url("/wp-content/themes/botiga-1749475845-via-wpturbo/css/arrow-right.svg");
    transform: rotate(-180deg);
}

/* Hover only for the arrows */
.tax-product_cat nav.woocommerce-pagination .prev.page-numbers:hover,
.tax-product_cat nav.woocommerce-pagination .next.page-numbers:hover {
    opacity: 1;
	background: #000;
	color:#fff;
}

/* Current page state - no background, no rounded, just opacity */
nav.woocommerce-pagination .page-numbers.current {
    background: none;
    border-radius: 0;
    opacity: 0.7;
    color: inherit;
}

/* Numbers hover neutral */
nav.woocommerce-pagination .page-numbers:not(.prev):not(.next):hover {
    background: unset;
    border: unset;
    opacity: 1;
}

.tax-product_cat .woocommerce-pagination li .page-numbers:hover, 
.tax-product_cat .woocommerce-pagination li .page-numbers:focus, 
.tax-product_cat .woocommerce-pagination li .page-numbers.current {
    color: #000;
    background-color: transparent;
}




nav.woocommerce-pagination .page-numbers:focus,
nav.woocommerce-pagination .prev.page-numbers:focus,
nav.woocommerce-pagination .next.page-numbers:focus,
nav.woocommerce-pagination .page-numbers:focus-visible {
    outline: unset; 
    outline-offset: unset;
    border-radius: unset;
}



nav.woocommerce-pagination .page-numbers:visited,
nav.woocommerce-pagination .prev.page-numbers:visited,
nav.woocommerce-pagination .next.page-numbers:visited {
 outline: unset; 
    outline-offset: unset;
    border-radius: unset; 
}








.tax-product_cat select.orderby {
    border: unset;
    padding: 8px 12px;
    font-size:unset;
    border-radius: unset;
    transition: border-color 0.2s ease;
    padding-right: 42px;
    margin: 0;
}

.tax-product_cat select.orderby:focus {
    outline: none;
    border: unset; /* Strong and tight border */
    border-radius: unset;
}









.decorated-letter-1 ,
.decorated-letter-2 ,
.decorated-letter-3 ,
.decorated-letter-4 ,
.decorated-letter-5 {
   /* optional: make it pop */
}






span.animated-letter.decorated-letter-1:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff0000' width='7px' height='7px' viewBox='0 0 32.00 32.00' stroke='%23f5e8e0' stroke-width='0.00032'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M26.996 12.898c-.064-2.207-1.084-4.021-2.527-5.13-1.856-1.428-4.415-1.69-6.542-.132-.702.516-1.359 1.23-1.927 2.168-.568-.938-1.224-1.652-1.927-2.167-2.127-1.559-4.685-1.297-6.542.132-1.444 1.109-2.463 2.923-2.527 5.13-.035 1.172.145 2.48.788 3.803 1.01 2.077 5.755 6.695 10.171 10.683l.035.038.002-.002.002.002.036-.038c4.415-3.987 9.159-8.605 10.17-10.683.644-1.323.822-2.632.788-3.804z'/%3E%3C/g%3E%3C/svg%3E");
    position:absolute;
	top:10px;
	left:0px;
    color: #d4a59a;
    font-size: 12px;
    animation: pulse 1.5s infinite;
}



h2 .animated-letter.decorated-letter-2:before {
  content: url("data:image/svg+xml,%3Csvg%20version%3D%221.2%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2020%2010%22%20width%3D%2220%22%20height%3D%2210%22%3E%3Cstyle%3E.s0%20%7B%20fill%3A%20%23ff0000%3Bstroke%3A%20%23f5e8e0%3Bstroke-width%3A%20.4%20%7D%3C/style%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20class%3D%22s0%22%20d%3D%22m8.4%204c0-0.7-0.3-1.2-0.8-1.6-0.5-0.4-1.3-0.5-2%200q-0.3%200.2-0.6%200.7-0.3-0.5-0.6-0.7c-0.7-0.5-1.5-0.4-2%200-0.5%200.4-0.8%200.9-0.8%201.6%200%200.4%200%200.8%200.2%201.2%200.3%200.7%201.8%202.1%203.2%203.4%201.4-1.3%202.9-2.7%203.2-3.4%200.2-0.4%200.2-0.8%200.2-1.2z%22/%3E%3Cpath%20id%3D%22Layer%20copy%22%20class%3D%22s0%22%20d%3D%22m18.4%204c0-0.7-0.3-1.2-0.8-1.6-0.5-0.4-1.3-0.5-2%200q-0.3%200.2-0.6%200.7-0.3-0.5-0.6-0.7c-0.7-0.5-1.5-0.4-2%200-0.5%200.4-0.8%200.9-0.8%201.6%200%200.4%200%200.8%200.2%201.2%200.3%200.7%201.8%202.1%203.2%203.4%201.4-1.3%202.9-2.7%203.2-3.4%200.2-0.4%200.2-0.8%200.2-1.2z%22/%3E%3C/g%3E%3C/svg%3E");
  position: absolute;
	top:4px;
	left:7px;
  color: #d4a59a;
  font-size: 12px;
  animation: pulse 1.5s infinite;
}


@keyframes pulse {
    0% { transform: translateX(-50%) scale(1); }
    50% { transform: translateX(-50%) scale(1.2); }
    100% { transform: translateX(-50%) scale(1); }
}




.animated-letter {
  display: inline-block;
  opacity: 0;
  transform: translateX(30px) rotate(120deg);
  animation: rollIn 0.6s forwards ease-out;
}

@keyframes rollIn {
  to {
    opacity: 1;
    transform: translateX(0) rotate(0deg);
  }
}


.nalino-slider-item img {
  animation: kenburns 15s ease-in-out infinite;
  transform:scale(1);
}

@keyframes kenburns {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}






/* Rotate icon when expanded */

.nalino-filter-summary[aria-expanded="false"]::before {
    transform: rotate(270deg);
}

summary.nalino-filter-summary {
    position: absolute;
    left: 0;
    right: 32px;
    margin-top: -20px;
}

.nalino-filter-content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.4s ease;
}

.nalino-filter-content.active {
    max-height: 500px; /* Adjust depending on expected content height */
    opacity: 1;
}














/* product button show buy button on hover */

/* Default state: hide the button */
.nalino-product-item .button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden; /* Prevents content from showing when hidden */
    margin-top: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease, height 0.3s ease, margin-top 0.3s ease;
}

/* Hover state: show the button and make space */
.nalino-product-item:hover .button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    opacity: 1;
    visibility: visible;
    height: 40px; /* Adjust to match your button height */
    margin-top: 10px; /* Space above the button */
}

/* Shift content up on hover */
.nalino-product-item {
    position: relative; /* Ensure relative positioning for proper layout */
    transition: transform 0.3s ease; /* Smooth content shift */
}

.nalino-product-item:hover {
    transform: translateY(-10px); /* Move content up to make room for button */
}

/* Ensure the button container doesn't disrupt layout */
.nalino-product-item .button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    display: block; /* Ensure button is block-level */
    text-align: center; /* Center the button text */
}









/* product layout elements attribute editon*/

.nalino-length-letter {

    color: #444;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
    font-weight: bold;
    border:dashed 1px #ce8785;
}

.nalino-length-letter.present {
    background-color: #d4a59a;
    color: #000;
    border:solid 1px #f1e4de;
}

.nalino-attribute-container {
    display: flex;
    justify-content: space-between;
}

.nalino-attribute.nalino-shape-box {
    text-transform: uppercase;
    color: #d4a59a;
}



/* effect background illustrations */

.nalino-effect-box::after {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: cover;
    background-position: center;
    border-radius: 4px;
    margin-left: 6px;
    vertical-align: middle;
}

/* Glasuur */
.effect-glasuur::after {
    background-image: url('/wp-content/themes/botiga-1749475845-via-wpturbo/how-to-nalino/nalino_product_filters/images/glasuur-min.jpg');
}

/* Läikiv */
.effect-laikiv::after {
    background-image: url('/wp-content/themes/botiga-1749475845-via-wpturbo/how-to-nalino/nalino_product_filters/images/laikiv-min.jpg');
}

/* Matt */
.effect-matt::after {
    background-image: url('/wp-content/themes/botiga-1749475845-via-wpturbo/how-to-nalino/nalino_product_filters/images/matt-min.jpg');
}

/* Metallik */
.effect-metallik::after {
    background-image: url('/wp-content/themes/botiga-1749475845-via-wpturbo/how-to-nalino/nalino_product_filters/images/metallik-min.jpg');
}

/* Pärlmutter */
.effect-parlmutter::after {
    background-image: url('/wp-content/themes/botiga-1749475845-via-wpturbo/how-to-nalino/nalino_product_filters/images/parlmutter-min.jpg');
}

/* Sädelus */
.effect-sadelus::after {
    background-image: url('/wp-content/themes/botiga-1749475845-via-wpturbo/how-to-nalino/nalino_product_filters/images/sadelus-min.jpg');
}

/* Sametine */
.effect-sametine::after {
    background-image: url('/wp-content/themes/botiga-1749475845-via-wpturbo/how-to-nalino/nalino_product_filters/images/sametine-min.jpg');
}

/* Üleminekutoon / Gradiendiga (slug must match!) */
.effect-uleminekutoon-gradiendiga::after {
    background-image: url('/wp-content/themes/botiga-1749475845-via-wpturbo/how-to-nalino/nalino_product_filters/images/gradientiga-min.jpg');
}




.nalino-effect-boxes {
    display: flex;
    justify-content: space-between;
    color: #67655f;
    letter-spacing: .28px;
    font-family: 'Reem Kufi Fun';
    
    font-size: 9px;
    align-items: flex-end;
	    margin: 2px 0px;
}
























/* filters layout 2 */

/* Minimal styles; adjust to your design */
.shape-filter-list { display:flex; flex-wrap:wrap; gap:0px; padding:0; margin:0; list-style:none; }
.shape__link { display:flex; flex-direction:column; align-items:center; gap:6px; text-decoration:none;}
.shape__image-wrap { width: 64px; height: 64px; display: flex ; align-items: center; justify-content: center; padding: 20px; border-radius: 5px; zoom: 0.7;}




	

h5.active-filters {
    display: none;
}
	
.nalino-controls-wrap-cat .nalino-sort-by {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-direction: row;
}



.nalino-sort-icon {
    display: inline-flex;
    line-height: 0;
}

.wraper-nalino-sort select#orderby {
    min-width: unset !important;
    font-size:14px !important;
	max-width: calc(100% - 90px);
    margin-left: 90px;
}


.nalino-sort-by .orderby {
    /* optional: ensure heights line up nicely */
    min-height: 36px;
}

span.nalino-sort-icon {
    position: absolute;
}

select.orderby {
    text-align: right !important;
}


span.nalino-sort-icon {
    z-index: 999;
    background: #fff;
    width: 40px;
}	
	
.nalino-select-proxy select.orderby option {
    text-align: left;
}
	
	
	

	
	
select#orderby {
   /* position: absolute;*/
}	
	
/* Container can already be flexed by your layout */
.nalino-sort-by { display: flex; align-items: center; }

/* Proxy wrapper shows icon + selected text; the real select sits on top */
.nalino-select-proxy {
	position: relative;
    display: inline-flex;
    align-items: flex-start;
    gap: 8px;
    padding: 0px 0px;
    border-radius: 6px;
    line-height: 1.2;
    flex-direction: column;
}

/* Your icon next to the selected text */
.nalino-select-icon { display: inline-flex; line-height: 0; }

/* The visible text (keeps single-line) */
.nalino-select-text { white-space: nowrap; }

/* Put the native select on top so it opens dropdown, but keep it invisible */
.nalino-select-proxy select.orderby {
  inset: 0;               /* top:0; right:0; bottom:0; left:0 */
  width: 100%;
  height: 100%;
  opacity: 0;             /* hide visually */
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
	
.wrap-nalino-gel {
    display: flex;
    align-items: center;
    gap: 10px;
}	
	
	
	
span.nalino-select-text {
	font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    color: #d4a59a;
    margin-bottom: -40px;
    margin-left: auto;
    height: 29px;
    display: flex;
    gap: 16px;
    align-items: center;
}	
	
button#filterEffekt,
button#filterLenght {
    display: flex;
    gap: 14px;
    justify-content: space-between;
    align-items: center;
    max-height: 30px;
    text-transform: uppercase;
    font-weight: 500;
}	





span.nalino-select-text span.nalino-woo {
    opacity: 1 !important;
}

span.nalino-sort-style {
    border-radius: 5px;
    border: solid 1px var(--text-primary);
    padding: 4px 12px;
    height: 32px;
}
.wraper-nalino-sort {
    display: flex;
    gap: 10px;
    color: #d4a59a;
	align-items: center;
}	

#products > div.woocommerce-pagination > div > a:hover {
    transform: unset;
}
.woocommerce-pagination {
    display: flex;
    justify-content: center;
}
.nalino-select-proxy.loading span {
    font-size: 0 !important;
}

.nalino-select-proxy.loading:after {
    content: '';
    position: absolute;
    right: 32px;
    top: 50%;
    width: 10px;
    height: 10px;
    background: #d4a59a;
    border-radius: 50%;
    transform: translateY(-50%);
    animation: pulse 0.8s infinite ease-in-out;
}

@keyframes pulse {
    0%, 100% { transform: translateY(-50%) scale(0.8); opacity: 0.6; }
    50% { transform: translateY(-50%) scale(1.4); opacity: 1; }
}