/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 2.2.3
*/


.ws-cart-icon,
.ws-login-icon{
  width: auto;
  height: 28px;
  display: block;
}




/* Logget ud: behold samme ikon-farve som før */
.ws-login-icon-link{
  color:#2C241E;
}

/* Logget ind: chip + tekst + ikon bliver hvidt */
.ws-login-chip{
  color:#fff;       
  background:#5A644A;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:999px;
  text-decoration:none;
  overflow: visible;
}

.ws-login-chip:hover{
  background:#5A644A;
  text-decoration:none;
  color:#fff; 
}

.ws-login-chip .ws-login-name{
  color: #fff;
    font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight:500;
  font-size:14px;
  line-height:1.25;
  letter-spacing: -0.01em;
  white-space:nowrap;
}

.ws-login-chip .ws-login-name:hover{
  color: #fff;
}

.ws-login-chip .ws-login-icon{
  display:block;
}



.ws-login-icon-link svg{
  display:block;      /* fjerner inline baseline gap */
}




.btn-add.is-incoming,
.champ-btn-add.is-incoming,
.btn-add.is-incoming:disabled,
.champ-btn-add.is-incoming:disabled,
.btn-add.is-low-stock,
.champ-btn-add.is-low-stock,
.btn-add.is-low-stock:disabled,
.champ-btn-add.is-low-stock:disabled {
  background-color: rgba(201, 97, 72, 0.4) !important;
  border-color: none !important;
  color: #ffffff !important;
  opacity: 1 !important;
  cursor: not-allowed;
  box-shadow: none !important;
  filter: none !important;
}

.btn-add.is-incoming:hover,
.champ-btn-add.is-incoming:hover,
.btn-add.is-incoming:focus,
.champ-btn-add.is-incoming:focus,
.btn-add.is-incoming:active,
.champ-btn-add.is-incoming:active,
.btn-add.is-incoming:disabled:hover,
.champ-btn-add.is-incoming:disabled:focus,
.btn-add.is-low-stock:hover,
.champ-btn-add.is-low-stock:hover,
.btn-add.is-low-stock:disabled:hover,
.champ-btn-add.is-low-stock:disabled:hover,
.btn-add.is-low-stock:focus,
.champ-btn-add.is-low-stock:focus,
.btn-add.is-low-stock:disabled:focus,
.champ-btn-add.is-low-stock:disabled:focus
{
  background-color: rgba(201, 97, 72, 0.4) !important;
  border-color: none !important;
  color: #ffffff !important;
  transform: none !important;
  box-shadow: none !important;
}





/* Når qty skjules (udsolgt / ingen flere tilbage) */
.cc-addtocart--no-qty .qty-badge {
  display: none !important;
}

.cc-addtocart--no-qty .qty-cta {
  gap: 0 !important;
}

.cc-addtocart--no-qty .qty-cta .btn-add {
  width: 100% !important;
  flex: 1 1 100% !important;
}

.champ-qty-cta.cc-addtocart--no-qty {
  gap: 0 !important;
}

.champ-qty-cta.cc-addtocart--no-qty .btn-add {
  width: 100% !important;
  flex: 1 1 100% !important;
}







.champ-btn-add.is-incoming::before{
  content:"";
  display:block;
  width:32px;
  height:15px;
  flex:0 0 32px;
  background-image:url("/wp-content/themes/hello-elementor-child/assets/icons/incoming-truck.svg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}







@media (max-width: 767px){
.ws-cart-icon,
.ws-login-icon{
  height: 24px;
}
}

@media (max-width: 450px){

.ws-login-chip .ws-login-name{
  font-size:13px;
}

.ws-login-chip{
  gap:8px;
  padding:8px 10px;

}

}

@media (max-width: 350px){

.ws-login-chip{
  padding: 8px;
}

}