/* Dölj original-select men låt den finnas kvar för AT och events */
.nnwc-dd--hidden-select {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

/* Wrapper */
.nnwc-dd {
  position: relative;
  display: inline-block;
/*  min-width: 220px;
  min-width: 150px; */
}

/* Toggle-knapp */
.nnwc-dd__toggle,
body .nnwc-search input,
body .nnwc-people__search input[type="search"] {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0.6rem 0.8rem;
  padding: 6px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #FBFAF9;
  line-height: 1.2;
  line-height: 22.5px;
  white-space: nowrap;
  cursor: pointer;
}

.nnwc-dd__toggle:focus {
  outline: 2px solid #6aa3ff;
  outline-offset: 2px;
}

.nnwc-dd.is-open .nnwc-dd__toggle {
  border-color: #bbb;
}

.nnwc-dd__button:after {
    content: "";
    margin-left: 10px;
    width: 18px;
    height: 10px;
    background-image: url(/wp-content/uploads/2025/12/filter-arrow-pink-100.svg);
    transition: 85ms ease-out;
}

.nnwc-dd__button:hover,
.nnwc-dd__button:focus,
.nnwc-dd__button.is-active {
    border-color: #E11E72;
    background-color: #E11E72;
    color: #FBFAF9;
}

.nnwc-dd__button:hover:after,
.nnwc-dd__button:focus:after,
.nnwc-dd__button.is-active:after {
    background-image: url(/wp-content/uploads/2025/12/filter-arrow-white-100.svg);
}

.is-open .nnwc-dd__button:after {
    transform: rotate(180deg);
}

/* Text + ikon */
.nnwc-dd__text {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nnwc-dd__icon {
  flex: 0 0 auto;
  transition: transform 160ms ease;
  pointer-events: none; /* klick ska inte fastna här */
  opacity: 0.8;
}

.nnwc-dd.is-open .nnwc-dd__icon {
  transform: rotate(180deg);
}

/* Panel */
.nnwc-dd__panel {
  position: absolute;
  z-index: 40;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  background: #FBFAF9;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
  max-height: 320px;
  overflow: auto;
}

/* Lista */
.nnwc-dd__list {
  list-style: none;
  margin: 0;
  padding: 6px;
}

.nnwc-dd__group {
  font-weight: 600;
  font-size: 0.9rem;
  padding: 8px 10px 4px;
  color: #333;
}

/* Option */
.nnwc-dd__option {
  padding: 10px 20px !important;
  border-radius: 8px;
  outline: none;
  cursor:pointer;
  white-space: nowrap;
}

.nnwc-dd__option:hover,
.nnwc-dd__option:focus,
.nnwc-dd__option[aria-selected="true"]:hover {
border-color: #E11E72;
background-color: #E11E72;
color: #FBFAF9;
}

.nnwc-dd__option[aria-selected="true"]{ background:#F9D2E3 }
.nnwc-dd__option[aria-disabled="true"]{ opacity:.5; cursor:default; }





/* People */
/* NNWC faux-select – BAS (göm native, visa vår) */

/* Göm native select när vi byggt faux-dropdown */
.nnwc-dd--hidden-select{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

/* Wrapper */
.nnwc-dd{ position:relative; display:inline-block; }

/* Knapp */
.nnwc-dd__button{
    /*
  display:inline-flex; align-items:center; justify-content:space-between;
  gap:8px; min-width:160px;
  padding:10px 12px; border:1px solid #d0d6df; border-radius:12px;
  background:#fff; cursor:pointer; line-height:1.2;
  */
      display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 20px;
    border: 2px solid #E11E72;
    border-radius: 20px;
    background: #FBFAF9;
    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-dd__button[data-placeholder-active="1"]{ opacity:.85; } */

/* Lista */
.nnwc-dd__list{
    /*
  position:absolute; left:0; right:auto; top:100%;
  z-index:60; display:none;
  min-width:100%; margin:6px 0 0; padding:6px;
  list-style:none; background:#fff;
  border:1px solid #d0d6df; border-radius:12px;
  box-shadow:0 10px 20px rgba(0,0,0,.08); */
      position: absolute;
    z-index: 50;
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    max-height: 260px;
    overflow: auto;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #FBFAF9;
    display: none;
    padding: .3rem 0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
}

























<?php 
$breaking_point_tablet = '960px';
$breaking_point_mobile = '560px';

$nnpcrsl__head_color = $color_light_blue_100;
$nnp_card__title_color = $color_logo_blue_100;

$nnpcrsl__slide_size_desctop = 'calc((100% / 4) - (60px / 4))';
$nnpcrsl__slide_size_tablet  = 'calc((100% / 2) - (20px / 2))';

$nnp_card__media_border_radius = '';

$nnp_card__media_aspect_ratio = 'padding-top: 75%;';

$transition_time_ease = '.35s ease';

?>


		/* ===== NN Products/News Carousel ===== */
		.nnpcrsl__head_line { width: 0px; outline: 2px <?php echo esc_html( $nnpcrsl__head_color ); ?> solid; }
		.nnpcrsl__head_heading { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.20px; color: <?= $nnpcrsl__head_color ?>; }  

		/* Storlekar på Items */
		.nnpcrsl__slide { flex:0 0 auto; width: <?php echo esc_html( $nnpcrsl__slide_size_desctop ); ?> }
		@media (max-width: 960px){ 
			.nnpcrsl__slide { width: <?php echo esc_html( $nnpcrsl__slide_size_tablet ); ?>;} 
			.nnpcrsl__slide_overlay_link { width: <?php echo esc_html( $nnpcrsl__slide_size_tablet ); ?>; }
		}

		/* Kort (återanvänder din tidigare grid-stil) */
		.nnp-card-inner-container > div > a { display: block; position: relative; overflow: hidden; padding-top: 56.25%; position: relative; }
		.nnp-card__title a { color: <?php echo esc_html( $nnp_card__title_color ); ?>; font-size: 21px; font-weight: 800; line-height: 29px; letter-spacing: 0.10px; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: calc(29px * 2);}
	

	
	
		/* ===== NN Products/News Carousel ===== */
		.nnpcrsl__slide,
		.fc_intro_new_products_grid {    display: flex;
    flex-wrap: wrap;
    gap: 40px 20px; }
    
    .grid-module .fc_intro_new_products_grid {    display: flex;
    flex-wrap: wrap;
    gap: 60px 20px; }
		
		.nnpcrsl { position: relative; padding:140px 0 60px 0;}
		.nnpcrsl__head { display: flex; justify-content: space-between; width: 100%;/* padding-bottom: 60px; */ padding-top: 60px; gap: 30px; }
		
		.nnwc-posts.nnwc-menu-pages .nnpcrsl__head { display: none; }
		
		.nnwc-posts.nnwc-menu-pages .nnpcrsl__head.is-visible {
            display: flex; /* eller block, beroende på din layout */
        }
        
        .nnp-card-logo-container {
		    width: 115px;
		    height: 115px;
		    overflow: hidden;
		    border-bottom-left-radius: 30px;
		    background: #F2EFEE
		}


		.nnpcrsl__head_inner_container { flex: 1 1 0; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; display: inline-flex }
		.nnpcrsl__head_body_container { align-self: stretch; justify-content: space-between; align-items: flex-end; display: inline-flex; flex-wrap: wrap; gap: 10px; }
		.nnpcrsl__head_body { max-width: 500px; font-size: 31px; font-weight: 700; line-height: 38px; letter-spacing: 0.31px; }
		.nnpcrsl__title { margin:0; }
		.nnpcrsl__controls { display:flex; justify-content: flex-end; gap:70px; }
		.nnpcrsl__btn,
		.nnpcrsl__btn:focus-visible { width: 20px; height: 30px; border-radius: 5px; line-height: 0; padding: 0; }
		.nnpcrsl__btn:active,
		.nnpcrsl__btn:hover,
		.nnpcrsl__btn:focus,
		.nnpcrsl__btn:focus-visible { background: none; }
		.nnpcrsl__btn[disabled] { opacity:.4; cursor:not-allowed; }
/*
		.nnpcrsl__viewport { position: relative; }
		.nnpcrsl__viewport:after,
		.nnpcrsl__viewport:before { content: ''; height: 100%; display: block; position: absolute; width: 50vw; top: 0; background-color: <?= $color_white_100 ?>; opacity: 0.8; z-index: 1; }
		.nnpcrsl__viewport:after { left: 100%; }
		.nnpcrsl__viewport:before { right: 100%; }
*/
		.nnpcrsl__track { display:flex; gap:20px; will-change: transform; transition: transform .35s ease; ?>; }
		
		/* Storlekar på Items */
		.nnpcrsl__slide_overlay_link { width: <?php echo esc_html( $nnpcrsl__slide_size_desctop ); ?>; position: absolute; height: 100%; z-index: 1; display: none; }
		.nnpcrsl__slide_overlay_link span { /* position: absolute; height: 100%; width: 100%; z-index: 1; */ }
		@media (max-width: 960px){ 
			.nnpcrsl__controls { display:flex; justify-content: flex-end; gap:10px; }
		}
		@media (max-width: 560px){ 
			.nnpcrsl__slide,
			.fc_intro_new_products_grid,
			.nnpcrsl__slide_overlay_link { width:100% !important; }
		}
		@media (max-width: 380px){ 
		    .nnp-card-logo-container {
		        width: 75px;
	    	    height: 75px;
    		}
		}

		/* Kort (återanvänder din tidigare grid-stil) */
		.nnp-card{ display:flex; flex-direction:column; justify-content: space-between; height: 100%; /* overflow:hidden; */ width: unset;    width: calc((100% / 3) - (40px / 3)); }
		@media (max-width: 720px){ 
			.nnp-card{ width: calc((100% / 2) - (20px / 2)); }
		}
			
		@media (max-width: 450px){ 
			.nnp-card{ width: 100%; }
		}
		.nnp-card-inner-container { width: 100%; height: 100%; flex-direction: column; justify-content: space-between; align-items: flex-start; display: inline-flex }
		.nnp-card-inner-container > div { width: 100%; }
		.nnp-card-inner-container > div > a:after { content: ''; display: block; position: absolute; top: 0; height: 100%; width: 100%; /* background-color: <?= $color_pink_60 ?>; */ opacity:0; transition: opacity .35s ease; }
		.nnpcrsl__slide article:hover .nnp-card-inner-container > div > a:after,
		.fc_intro_new_products_grid article:hover .nnp-card-inner-container > div > a:after { opacity:.2; }
		
		

		.nnp-card__media{ position: absolute; top: 0; height:100%; 
			background-color: #D1D2D2; background-size:cover; background-position:top center; width: 100%; transition: all .35s ease; }
		.nnpcrsl__slide article:hover .nnp-card__media,
		.fc_intro_new_products_grid article:hover .nnp-card__media { transform: scale(1.1); }
		.nnp-card__img{ height:100%; width:auto;}
		.nnp-card__body_container{ padding-top: 24px; flex-direction: column; display: flex; margin-bottom: 12px; }
		.nnp-card__meta { align-self: stretch; padding-right: 10px; justify-content: space-between; align-items: center; display: inline-flex; flex-wrap: wrap; gap: 10px; }
		.nnp-card__meta_cat, .nnp-card__meta_date { color: #ED78AA; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.20px; }
		.nnp-card__meta_investment_type{ color: #ED78AA; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.20px; }
		.nnp-card__body{ padding-top: 12px; padding-right: 10px; flex-direction: column; gap: 6px; display: flex }
		.nnp-card__body .nnp-card__excerpt {display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; max-height: calc(23.5px * 7);}

		/* Prickar (valfritt) */
		.nnpcrsl__dots { display:flex; gap:.4rem; justify-content:center; margin:.75rem 0 0; display:none; }
		.nnpcrsl__dot { width:8px; height:8px; border-radius:50%; background:#cfd6df; border:0; padding:0; cursor:pointer; }
		.nnpcrsl__dot[aria-current="true"]{ background:#0b1726; }
		.nnpcrsl__dot:focus-visible { outline:2px solid #0b1726; outline-offset:2px; }

		/* Blockera klick på länkar medan man drar */
		.nnpcrsl__track.is-dragging a { pointer-events: none !important; }