/* assets/css/nnwc-posts.css – v2 */
.nnwc-posts { position: relative; }

.nnwc-posts__toolbar { 
    display: flex;
/*  flex-wrap: wrap; */
    align-items: flex-start;
    margin: 40px 0;
    gap: 10px;
    justify-content: space-between;
}

@media (max-width:620px){
    .nnwc-posts__toolbar {
        flex-direction: column;
    }
}

.nnwc-posts__toolbar-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.nnwc-posts__toolbar-sort {}



.nnwc-posts__chips { display:flex; gap:10px; margin: 60px 0;  margin: 0;}

.nnwc-posts__toolbar .nnwc-posts__chips { flex-wrap:wrap; }

.nnwc-chip { 
    /* border:1px solid #ddd; padding:.35rem .6rem; border-radius:999px; background:#FBFAF9; cursor:pointer;  */
    
        display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    border: 2px solid #E11E72;
    border-radius: 20px;
    background: transparent;
    white-space: nowrap;
    color: #E11E72;
    font-size: 19px;
    font-family: Lato;
    font-weight: 400;
    letter-spacing: 0.10px;
    word-wrap: break-word;
    text-transform: none;
    
}

/*
.nnwc-chip:focus {
    background:transparent;
    color:#E11E72;
    border-color:#E11E72;
}

.nnwc-chip.is-active,
.nnwc-chip.is-active:active { 
    background:#E11E72;
    color:#fff;
    border-color:#E11E72;
    }

.nnwc-chip:hover,
.nnwc-chip:focus:hover,
.nnwc-chip.is-active:hover,
.nnwc-chip.is-active:active:hover {
    background:#1b1c1f;
    color:#fff;
    border-color:#1b1c1f;
} */

/* Bas */
.nnwc-chip:focus,
.nnwc-chip:hover {
  background: transparent;
  color: #E11E72;
  border-color: #E11E72;
}

.nnwc-chip.is-active,
.nnwc-chip.is-active:active { 
  background: #E11E72;
  color: #fff;
  border-color: #E11E72;
}


/* Hover endast på hover-capable enheter (desktop/trackpad) */
@media (hover: hover) and (pointer: fine) {
  .nnwc-chip:hover,
  .nnwc-chip:focus:hover,
  .nnwc-chip.is-active:hover,
  .nnwc-chip.is-active:active:hover {
    background: #1b1c1f;
    color: #fff;
    border-color: #1b1c1f;
  }
}







.nnwc-chip.is-active:after {
/*    content: 'x'; */
    content: '';
    margin-left: 10px;
    
    background-image: url(/wp-content/uploads/2026/01/close-btn-beige-60_16x16.svg);
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.nnwc-chip--clear { opacity:.8; }

.nnwc-posts__search {
/*  width: 360px;
    max-width: -webkit-fill-available;
    min-width: 150px; */
}

.nnwc-posts__search.nnwc-menu-pages__search {
    position: relative;
    display: flex;
    align-items: center;
}

.nnwc-posts__search input[type="search"]{
/*    min-width:220px; */
    max-width: -webkit-fill-available;

    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
/*    width: 360px; */
    padding: 9px 40px 9px 20px;
    border: 2px solid #E11E72;
    border: 2px solid #767779;
    border-radius: 20px;
    background: #FBFAF9;
    white-space: nowrap;
    color: #E11E72;
    font-size: 19px;
    letter-spacing: 0.10px;
    word-wrap: break-word;
    text-transform: none;
}

.nnwc-menu-pages__search-clear {
    position: absolute;
    right: 15px;
    display: none;
}

/*
.nnwc-menu-pages__search-clear:after {
    position: absolute;
    right: 0;
    content: 'x';
}
*/


.nnwc-posts__sorting select{ padding:.5rem .6rem; border:1px solid #ddd; border-radius:.5rem; }
.nnwc-posts__reset .button{ padding:.5rem .8rem; }
.nnwc-posts__overlay {
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    background:rgba(250,248,245,.5);
    transition:opacity .2s ease;
    opacity:1;
    pointer-events:none;
    z-index:10;
}

.nnwc-posts__sorting {display: flex;justify-content: flex-end;
}

@media (min-width:620px){
.nnwc-posts__sorting {
/*    position: absolute;
    right: 0;
    top: -65px; */
}
.entry-header-body { padding-right: 160px; }
 }

.nnwc-posts .fc_intro_new_products_item.news {background: #F1EEEA;}
.nnwc-posts__overlay.is-active { opacity:1; pointer-events:auto; }
.nnwc-posts__spinner { width:28px; height:28px; border-radius:50%; border:3px solid currentColor; border-top-color:transparent; animation: nnwcspin .8s linear infinite; }
@keyframes nnwcspin { to { transform: rotate(360deg); } }
.nnwc-posts__footer { display:flex; justify-content:center; margin:60px 0; }








.nnwc-posts__month-wrap.is-hidden {
  display: none;
}


	body.archive #page {min-height: calc(100vh - 320px);}
	.nnwc-restore-overlay {/* display: none !important; */}
	
	.nnwc-grid-toolbar{display:flex;gap:12px;align-items:flex-start;justify-content: space-between;margin-bottom:40px}
	@media (max-width: <?= $page_width ?>px) {
		.nnwc-grid-toolbar {
			flex-wrap: wrap;
		}
	}
	.nnwc-quick-cats-filters-container, .nnwc-quick-cats, .nnwc-filters{display:flex;flex-wrap: wrap;gap:12px}
	.nnwc-quick-cats {    flex-direction: row-reverse;}
	.nnwc-chip{ /*border:1px solid #ddd;border-radius:6px;padding:6px 12px;background:#FBFAF9;font-weight: 400;cursor:pointer */}
	.nnwc-chip.is-active{/* border-color:#333;border-color: #646cff;background-color: #646cff;color: #FBFAF9; */}
	.nnwc-filters label{display:flex;flex-direction:column;gap:6px}
/* 	.nnwc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
	@media(max-width:1024px){.nnwc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
	@media(max-width:640px){.nnwc-grid{grid-template-columns:1fr}} */
	.nnwc-card{background:#FBFAF9;border:1px solid #eee;border-radius:6px;overflow:hidden;display:flex;flex-direction:column}
	.nnwc-card-media img{display:block;width:100%;height:auto}
	.nnwc-card-body{padding:12px}
	.nnwc-card-title{font-size:1rem;margin:0 0 6px}
	.nnwc-card-price{font-weight:600}
	.nnwc-grid-footer{text-align:center;margin-top:16px}
	.nnwc-search-container{ /* width: 360px;max-width: -webkit-fill-available;min-width: 150px; */ }
	
	body .nnwc-reset-container button.button,
	body .nnwc-people__reset .button,
	body .nnwc-posts__reset .button {
		display: inline-flex;
		align-items: center;
		border: 1px solid #ddd;
		border-radius: 6px;
		padding: 6px 12px;
		background: #FBFAF9;
		cursor: pointer;
		font-size: 13.5px;
		font-style: normal;
		line-height: 22.5px;
		letter-spacing: -0.135px;
		background: #000;
		color: #FBFAF9;
		
		
	    display: inline-flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 10px 20px;
        border: 2px solid #767779;
        border-radius: 20px;
        white-space: nowrap;
        color: #FBFAF9;
        font-size: 19px;
        font-family: Lato;
        font-weight: 400;
        letter-spacing: 0.10px;
        word-wrap: break-word;
        text-transform: none;
        background-color: #767779;
		
	}
	
	body .nnwc-posts__reset .button.is-hidden {
        display: none;
	}
	
	.nnwc-posts__reset .button::after {
	    content: '';
	    background-image: url(/wp-content/uploads/2025/12/close-btn-beige-60.svg);
    background-repeat: no-repeat;
    height: 18px;
    width: 18px;
    margin-left: 20px;
	}
	
	body .nnwc-reset-container button.button:hover,
	body .nnwc-people__reset .button:hover,
	body .nnwc-posts__reset .button:hover {
		background: #1B1C1F;
		border-color: #1B1C1F;
	}
	
	body .nnwc-reset-container button.button:after,
	body .nnwc-people__reset .button:after,
	body .nnwc-posts__reset .button:after {
/*		content: "";
		display: inline-block;
		background: url(https://dentaldev.nocnoc.hemsida.eu/wp-content/uploads/2025/10/X_Icon.svg);
		height: 17px;
		width: 16px;
		margin-left: 10px;
*/	}
	
	.term-description {
		margin-bottom: 20px;
	}

	body .nnwc-sorting .nnwc-dd {
		min-width: unset;
	}
	
	body .nnwc-sorting button.nnwc-dd__button {
		padding: 6px 12px;
		border: none;
		border-radius: unset;
		background: unset;
		cursor: pointer;
		font: inherit;
		white-space: nowrap;
		color: #222;
		font-size: 20px;
		font-style: normal;
		font-weight: 500;
		line-height: 26px;
		letter-spacing: 0.2px;
		box-shadow: unset;
	}
	
	body .nnwc-sorting button.nnwc-dd__button:after {
		content: "";
		background: url(/wp-content/uploads/2025/12/filter-arrow-pink-100.svg);
	    background-repeat: no-repeat;
        background-position: left center;
		height: 11px;
		width: 18px;
		margin-left: 20px;
	}

	body .nnwc-sorting .nnwc-dd__list {
		left: unset;
	}
	
	.nnwc-dd.is-open .nnwc-dd__list { display: block; width: fit-content; width: -moz-fit-content; width: -webkit-fit-content; }
	
	/* === Overlay & spinner vid återställning === */
	.nnwc-restore-overlay{
		position:fixed; inset:0;
		background:rgba(0,0,0,.5);
		display:none; align-items:center; justify-content:center;
		z-index:9999; /* över allt */
		pointer-events:all; /* blockera interaktion */
	}
	.nnwc-restore-overlay.is-active{ display:flex; }

	/* CSS-spinner (om du hellre vill ha GIF, se kommentaren nedan) */
	.nnwc-spinner{
		width:48px; height:48px;
		border-radius:50%;
		border:4px solid rgba(255,255,255,.35);
		border-top-color:#FBFAF9;
		animation:nnwc-spin 1s linear infinite;
	}
	@keyframes nnwc-spin { to { transform: rotate(360deg); } }

	/* (Valfritt) vill du använda en GIF istället:
	.nnwc-spinner{ width:64px;height:64px;background:url("/path/till/loader.gif") center/contain no-repeat; border:none; animation:none; }
	*/