/* Laga Divi underline virus */
:root :where(a:where(:not(.wp-element-button))){
  text-decoration: none;
}
/*****************************/

.redder-navbar-logo{
    max-height: 60px !important;
  }

a{
    color: #B20000;
}
.disable-vertical-html-scroll{
    overflow: hidden;
  }



  /* Global highlight styles */
  ::selection {
    color: white !important;
    background: #B20000 !important;
  }

/* Hide scrollbar for IE, Edge and Firefox */
/* Hide scrollbar for all browsers */

html, .mega-menu, .menu-items, .cart-overlay-container {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
}

html::-webkit-scrollbar, .mega-menu::-webkit-scrollbar, .cart-overlay-container::-webkit-scrollbar, .menu-items::-webkit-scrollbar { /* WebKit */
  width: 0;
  height: 0;
}



/**********************/
/* Slide toggle START */
/**********************/
.switch {
    position: relative;
    display: inline-block;
    width: 34px; /* 85% of 40px */
    height: 17px; /* 85% of 20px */
}
  
.switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}
  
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
  
.slider:before {
    position: absolute;
    content: "";
    height: 13.6px; /* 85% of 16px */
    width: 13.6px; /* 85% of 16px */
    left: 1.7px; /* Adjusted for new width */
    bottom: 1.7px; /* Adjusted for new height */
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
  
input:checked + .slider {
    background-color: #B20000;
}
  
input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}
  
input:checked + .slider:before {
    -webkit-transform: translateX(17px); /* Adjusted for new width */
    -ms-transform: translateX(17px);
    transform: translateX(17px);
}
  
/* Rounded sliders */
.slider.round {
    border-radius: 17px; /* Adjusted for new height */
}
  
.slider.round:before {
    border-radius: 50%;
}
  
/*********************/
/* Slide toggle STOP */
/*********************/ 

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Old versions of Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
                user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
    }


/* DISABLE INPUT TYPE NUMBER ARROWS */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


/****************************************/
/* GENERAL LOADING SHIMMER EFFECT START */
/****************************************/


.shimmer {
    display: inline-block;
    position: relative;  
}

.shimmer::before {
    width: 100%;

    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(
        to right, 
        rgba(255, 255, 255, 0), 
        rgba(255, 255, 255, 0.5) 50%, 
        rgba(255, 255, 255, 0) 80%
    );
    /* background-size: 200% 100%; */
    background-size: 150% 100%;

    background-repeat: no-repeat;
  animation: shimmer 1.5s infinite;
}

.shimmer img,
.shimmer span {
    visibility: visible;
}

@keyframes shimmer {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}


/****************************************/
/* GENERAL LOADING SHIMMER EFFECT STOP */
/****************************************/

/* Quick add to cart add tick */

.quick-add-cart-expanded .add-to-cart-icon{
  display: none;
}
.quick-is-active:not(.quick-add-cart-expanded) .add-to-cart-checkmark{
 display: none;
}

/* Quick add to cart styles for mobile */
@media only screen and (max-width: 420px){
  .price-and-quick-cart-container{
      flex-direction: column;  
  }
  .quick-add-cart-container{
      position: relative;
      max-width: 50px;
  }
  .quick-add-cart-expanded{
      max-width: none;
  }  
}

/* UM OKKUR */
.modify_staff_text h4{
    margin-top: -14px;
  }
  
  
  /* Hafa samband */
  .hafa-samband-texti span span{
    display: flex;
  }
  .hafa-samband-section{
    min-height: 500px;
  }
  .hafa-samband-iframe{
    width: 100%;
    height: 100%;  
    min-height: 500px;

  }
  .hafa-samband-blurb div{
    display: flex;
    flex-direction: row-reverse;
    justify-content: left;
  }
  .hafa-samband-blurb img{
    margin-left: 25px;
    margin-top: -4px;
  }
  #hafa-samband-row{
    position: relative;
    min-height: 500px;
    display: flex;
    align-items: center;
  }
  
  
  .hafa-samband-text-column{  
      padding-bottom: 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* height: calc(100vh - 436px); */
    padding-left: 20%;  
  }

        @media only screen and (max-width: 699px) {
          #hafa-samband-row {
            padding-top: 50px !important;
            display: flex;
            flex-direction: column;
          }
        }


/***************************/
/* QUICK ADD TO CART START */
/***************************/

.quick-add-cart-container{
  position: relative; 
  background-color: #B20000;
  width: 50px;
  height: 34px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: width 0.3s; 
}


.quick-add-cart-first-icon-container, .quick-add-cart-cart-icon-container{
  display: flex;
  justify-content: center;
  align-items: center;
}

.quick-add-cart-container img{
  height: 20px;
  width: 20px;
}



.quick-add-cart-expanded {
  width: 120px; 
  padding-right: 5px;
  justify-content: flex-end;
}
.quantity-chooser-container {
  display: none; 
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}







.add-to-cart-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.product-quantity-field {
  width: 30px;
  text-align: center;
  border: none;
  background-color: transparent;
  color: #fff;
}

.quantity-minus-one, .quantity-plus-one {
  background-color: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
}
.quantity-chooser-container{
/*display: flex;*/
align-items: center;
padding-top: 2px;
  border-right: 2px solid white;

}
.quantity-chooser-container .quantity-plus-one, .quantity-chooser-container .quantity-minus-one{
position: relative;
width: 22px;
font-size: 20px;
display: inline-block;
text-align: center;
}

.quantity-chooser-container .quantity-plus-one{
top: 2px;
}
.quantity-chooser-container .quantity-minus-one{
top:0px;
}


.product-quantity-field{
border: 1px solid white;
border-radius: 6px;
height: 26px;
}


.quick-add-cart-expanded .add-to-cart-link{
margin-left: 5px;
}






/****************************/
/* Quick add to cart button */
/****************************/
.price-and-quick-cart-container{
  display: flex;
  justify-content: space-between;
}


/* Product alignment */
.products-container li.product > a{
  display: flex;
  height: 90%;
  flex-direction: column;
  justify-content: space-around;

}
.quick-add-cart-container{
  justify-content: flex-end;
  padding-right: 5px;
  cursor: pointer;
}
.mega-menu{
  z-index: 500;
}


input{
  font-family: satoshi-regular!important
}

/* CART VARIATIONS STYLING */
.quick-is-inactive .add-to-cart-checkmark, .quick-is-inactive .woocommerce-LoopProduct-link{
  display: none;
}
.quick-is-inactive.quick-add-cart-container:not(.kredo-filer-product-quick-open){
  justify-content: center;
  padding: 0 5px;
  width: fit-content;
}
.product-block, .product-category-container .product {
  height: auto;
  border: 2px solid transparent;
  border-radius: 6px;
  padding: 10px;
  transition: border-color 0.3s ease;
}

.product-block:hover, .product-category-container .product:hover {
  border: 2px solid #B20000;
}
.search-page-product-info-container{
  justify-content: space-between;
  margin: 0;
}
.price-and-quick-cart-container{
  height: fit-content;
  align-items: flex-end;
}




/* PRODUCT OUT OF STOCK CSS */
.quick-add-cart-container.quick-is-inactive{
  /* display: none; */
}
.search-results-product-grid .product-block:has(.product-ekki-til-a-lager) .quick-add-cart-first-icon-container, .products-section-container .product:has(.product-ekki-til-a-lager) .quick-add-cart-first-icon-container{
  rotate: 45deg;
}

.kredo-filer-product-quick-open .quick-add-cart-first-icon-container {
  rotate: 0deg !important;
}


.woocommerce-LoopProduct-link{
  position: relative;
}
.product-ekki-til-a-lager{
  position: absolute;
  border-radius: 6px;
  height: 34px;
  width: 100%;
  top: 0px;
  background-color: #B20000;
  
  color: white;
  font-size: 15px;
  text-align: center;
  line-height: 2;
  z-index: 200;
}


.kredo-filer-product-quick-open{
  display: flex;
  justify-content: center;
  padding-right: 0px;
}
/**************************/
/* QUICK ADD TO CART STOP */
/**************************/


/*********************************************************/
/* Fix non 1:1 ratio images on the product category page */
/*********************************************************/

/* PRODUCTS */
.products-section-container .product-item{
  display: flex;
}
.product-item .woocommerce-LoopProduct-link {
    /* This will stretch the link to cover the whole container, 
       so that the whole area becomes clickable */
    display: flex;
    flex-direction: column;
    height: 100%;
}

.product-item .et_shop_image {
    margin: auto 0;
}

/* PRODUCT CATEGORY IMAGES SIZING */
img{
  box-sizing: border-box;
}

.products-container .category-name a, .products-container .et_shop_image a{
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* This will push the image to the center and the text to the bottom */
  height: 100%; /* Ensure it takes full height of its parent */
}

.products-container .category-name img, .products-container .et_shop_image img, .et_shop_image .product-image {
  object-fit: contain;
  max-width:219px ;
  max-height:219px ;
}



/***************************/
/* MOBILE FRONT PAGE START */
/***************************/

/* Product Carousel hide kredo filter price (displays as 0kr everywhere) */
.front-page-product-carousel .product-type-KredoFilter .price {
  visibility: hidden;
  position: relative;
}

.front-page-product-carousel .product-type-KredoFilter .price::after {
  content: "Sjá nánar";
  visibility: visible;
  float: left;
  top: 0;
  left: 0;
}



@media only screen and (max-width: 656px) {
  .adjust-carousel-arrow-locations .swiper-button-prev{
    margin-left: -45px;
  }
  .adjust-carousel-arrow-locations .swiper-button-next{
    margin-right: -45px;
  }
}



@media only screen and (max-width: 768px) {
  /* Product categories pages*/
  .special-product-category{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
  }
  .special-product-category .et_pb_blurb{
    border-radius: 20px 0px 6px 0px !important;
  }
  #main-content .special-product-category > div{
    border-radius: 6px;
    margin-right: 0 !important;
    width: 85% !important;
    height: 400px !important; 
  }
  

  .product-category-styling-3-cols > .et_pb_column {
    margin-left: 0px !important;
 }
  }

/* VORUFLOKKA FORSIDA MOBILE OPTIMIZE */
  @media only screen and (max-width: 1170px) {
    /* THREE COL CATEGORY BOXES */
    .forsida-section-2, .forsida-section-3{
      display: flex;
      flex-direction: column-reverse;
    }
      .product-category-styling-3-cols{
        display: flex;
        flex-wrap: wrap;
    
        
      }
      .product-category-styling-3-cols > .et_pb_column{
        flex-basis: 350px;
        flex-grow: 1;
      }
      .product-category-styling-3-cols > :nth-child(1){
        margin-left: 27px;
      }
      .product-category-styling-3-cols > :nth-child(1), .product-category-styling-3-cols > :nth-child(2) {
        margin-bottom: 27px;
      }
    
    #main-content .product-category-styling-3-cols > :last-child {
       margin: 0 27px !important;
      height: 400px;
    }
    /* TWO COL CATEGORY BOXES */
    .product-category-styling-2-cols{
      display: flex;
      padding: 60px 27px 0 27px;
    }
    }
    
    
    

/**************************/
/* MOBILE FRONT PAGE STOP */
/**************************/

/***********************/
/* MOBILE FOOTER START */
/***********************/

.footer-inner-container{
  margin: 0 25px;
}
.footer-row{
  width: 100%;
}

#mobile-footer-logo img{
  display: none;
}
@media only screen and (max-width: 980px) {
  .product-block:hover, .product-category-container .product:hover {
    border: 2px solid transparent;
  }
  .footer-main-container{
    height: auto;
    display: flex;
    justify-content: center;
  }

  .footer-inner-container{
    width: 85%;
  }

  .footer-inner-container .footer-row{
    flex-direction: row;
    max-width: 85%;
    flex-wrap: wrap;
  }
  .footer-inner-container .footer-row > a{
    display: none;
  }
  .footer-inner-container .footer-row column{
    flex-grow: 1;
    flex-basis: 300px;
  }

  .footer-row h3{
    padding-bottom: 0;
    padding-top: 50px;
  }
  .footer-p-container{
    margin-top: 12px;
  }
  #mobile-footer-logo{
    margin-top: 45px;
    border: 2px solid yellow;
    width: 100%;
  }
  #mobile-footer-logo img{
    width: 100%;
    max-width: 400px;
    display: block;
  }
}


/**********************/
/* MOBILE FOOTER STOP */
/**********************/

/**************************/
/* DROP-DOWN STYLES START */
/**************************/
select {
  /* styling */
  background-color: white;
  border: thin solid lightgray;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */
  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}


/* arrows */
select.dropdown-style-minimal {
  background-image:
  linear-gradient(45deg, transparent 50%, gray 50%),
  linear-gradient(135deg, gray 50%, transparent 50%),
  linear-gradient(to right, #ccc, #ccc);
  background-position:
  calc(100% - 20px) calc(1em + 2px),
  calc(100% - 15px) calc(1em + 2px),
  calc(100% - 2.5em) 0.5em;
  background-size:
  5px 5px,
  5px 5px,
  1px 1.5em;
  background-repeat: no-repeat;
}

select.dropdown-style-minimal:focus {
  background-image:
  linear-gradient(45deg, #b20000 50%, transparent 50%),
  linear-gradient(135deg, transparent 50%, #b20000 50%),
  linear-gradient(to right, #ccc, #ccc);
  background-position:
  calc(100% - 15px) 1em,
  calc(100% - 20px) 1em,
  calc(100% - 2.5em) 0.5em;
  background-size:
  5px 5px,
  5px 5px,
  1px 1.5em;
  background-repeat: no-repeat;
  border-color: #b20000;
  outline: 0;
}


select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
/*************************/
/* DROP-DOWN STYLES STOP */
/*************************/

/***********************/
/* COOKIE BANNER START */
/***********************/


/* replace the plugin logo with a cookie icon */
.cky-btn-revisit {
  /* background-image: url('https://redder.is/wp-content/themes/Redder-ChildTheme/img/misc/cookie.png') !important; */
  background-image: url('https://redder.is/wp-content/themes/redder-child-theme/img/misc/cookie.png') !important;
  /* background-image: url('localhost:8888/redder/wp-content/themes/ChildTheme/img/misc/cookie.png') !important; */
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: transparent;
  width: 50px !important; 
  height: 50px !important; 
  border: none !important; 
  padding: 0 !important; 
}
/* remove the background color of the revisit button */
.cky-btn-revisit-wrapper{
  background-color: transparent !important;
}
/* hide the old plugin icon */
.cky-btn-revisit img {
  display: none; 
}


/**********************/
/* COOKIE BANNER STOP */
/**********************/

/* Checkout styles */
#custom-checkout-fields {
  margin-bottom: 70px;
}
.woocommerce-error a {
  color: white ;
}


.redder-footer-logo-desktop img{
  width: 200px;
}