/* topheader.css */

/* Container */ 
   .top-header-container {
      width: 100%;
      position: relative;
      z-index: 5;
      padding-top: 0.7rem;
   }

/* Cols */
   .top-header.twocol {
      display: flex;
      justify-content: space-between;
      align-items: center;
      max-width: 1366px;
      margin: 0 auto;
      padding: 0.5rem 0rem;
   }

   .col {
      flex: 1;
      text-align: left;
   }

   .top-header.twocol .col:nth-child(1) {
      display:flex;
   }

   .col-with-icons {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 2rem; 
   }

/* Cart */
   .right-content {
      margin-right: 1rem; 
   }

   .right-icon {
      display: flex;
      align-items: center;
   }

/* Cart Icon */
   .cart-link {
      display: block;
      position: relative;
      width: 2.2rem;  
      height: 2.2rem;
      background-image: url('../../assets/images/icons/icon-cart.svg');
      background-size: contain;
      background-repeat: no-repeat;
      transition: transform 0.3s ease-in-out, background-image 0.3s ease-in-out; 
      z-index: 9999;
   }

   .cart-link:hover {
      background-image: url('../../assets/images/icons/icon-cart-active.svg'); 
   }

   .cart-icon {
      position: relative;
      width: 100%;
      height: 100%;
   }

   .cart-count {
      position: absolute;
      top: -0.5rem;
      right: -0.5rem;
      background-color: red;
      color: white;
      border-radius: 50%;
      padding: 0.1rem 0.4rem;
      font-size: 0.8rem;
      font-weight: bold;
   }

/* Search Icon */
   .s-icon {
      display: block;
      position: relative;
      width: 2.2rem;  
      height: 2.2rem;
      background-image: url('../../assets/images/icons/icon-search-white.svg');
      background-size: contain;
      background-repeat: no-repeat;
      transition: transform 0.3s ease-in-out, background-image 0.3s ease-in-out; 
      z-index: 9999;
   }

   @media (min-width: 1001px) {      
      .s-icon {
         background-image: url('../../assets/images/icons/icon-search.svg');
      }

      .sticker.sticky .s-icon {
         background-image: url('../../assets/images/icons/icon-search-white.svg');
         transition:0s;
      }
   }

   .search-icon {
      position: relative;
      width: 100%;
      height: 100%;
   }

/* YouTube */
   .youtube-link {
      display: block;
      width: 2.2rem;  
      height: 2.2rem;
      background-image: url('../../assets/images/icons/icon-youtube.svg');
      background-size: contain;
      background-repeat: no-repeat;
      transition: transform 0.3s ease-in-out, background-image 0.3s ease-in-out; 
   }

   .youtube-link:hover {
      background-image: url('../../assets/images/icons/icon-youtube-active.svg'); 
   }

/* MOBILE */
   @media (max-width: 1000px) {
      .youtube-link,
      .top-header-container,
      .cart-count  {
         display: none;
      }
      
      .right-content {
         margin-right: 3rem;
      }

      .cart-link {
         margin-top:0.1rem;
      }
   }

   @media (max-width: 500px) {      
      .right-content {
         margin-right: 2.5rem;
      }
   }

/* Text Link */
.top-header-container a {
   font-family: Akkurat, Arial, sans-serif;
   font-size: 112%;
   color: #fff;
   text-decoration: none;
   line-height: 1;
   border-bottom: 1px solid transparent;
   margin: 0 6px;
   padding: 2px 0;
   letter-spacing: 0.8px;
}

.top-header-container p {
   padding-left:1rem;
   margin:0;
}

.top-header-container a:hover {
   border-bottom-color: #fff;
}