/* Mobile header icons - remove ALL circular backgrounds and align right */
@media (max-width: 767px) {
    /* Align icons to the right */
    .tp-header-action-5 {
        gap: 0px !important;
        margin-left: auto !important;
    }
    
    .tp-header-action-5 .tp-header-action-item-5 {
        background: transparent !important;
        background-color: transparent !important;
        border-radius: 0 !important;
    }
    
    .tp-header-action-5 .tp-header-action-item-5 a {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        padding: 2px !important;
        background: transparent !important;
        background-color: transparent !important;
        border-radius: 0 !important;
    }
    
    .tp-header-action-5 .tp-header-action-item-5 a::before,
    .tp-header-action-5 .tp-header-action-item-5 a::after {
        display: none !important;
    }
    
    .tp-header-action-5 .tp-header-action-item-5 svg {
        width: 16px !important;
        height: 16px !important;
    }
    
    .tp-header-action-5 .tp-header-action-badge-5 {
        position: absolute;
        top: -4px !important;
        right: -4px !important;
        min-width: 14px !important;
        height: 14px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 9px !important;
        padding: 1px !important;
    }
    
    /* Align header right section */
    .tp-header-right-5 {
        gap: 0px !important;
        justify-content: flex-end !important;
        margin-left: auto !important;
    }
    
    .tp-header-right-5 .ml-20 {
        margin-left: 0px !important;
    }
    
    /* Remove cart icon background specifically */
    .tp-header-action-item-cart,
    .tp-header-action-item-5.tp-header-action-item-cart,
    [class*="cart"] {
        background: transparent !important;
        background-color: transparent !important;
        border-radius: 0 !important;
    }
    
    .tp-header-action-item-cart a,
    .tp-header-action-item-5.tp-header-action-item-cart a {
        background: transparent !important;
        background-color: transparent !important;
        border-radius: 0 !important;
    }
    
    /* Account icon - remove background */
    .tp-header-login-5 a {
        padding: 2px !important;
        background: transparent !important;
        background-color: transparent !important;
        border-radius: 0 !important;
    }
    
    .tp-header-login-5 a::before,
    .tp-header-login-5 a::after {
        display: none !important;
    }
    
    .tp-header-login-5 .tp-header-login-content-5 {
        display: none !important;
    }
    
    .tp-header-login-5 .tp-header-login-icon-5 {
        margin-right: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        border-radius: 0 !important;
    }
    
    .tp-header-login-5 .tp-header-login-icon-5 span {
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent !important;
        background-color: transparent !important;
        border-radius: 0 !important;
    }
    
    .tp-header-login-5 .tp-header-login-icon-5 svg {
        width: 16px !important;
        height: 18px !important;
    }
}

.offcanvas a:hover {
    color: #ffc72d !important;  /* highlight color on hover */
}
/* Remove theme's colored rings */
.tp-product-category-thumb::before,
.tp-product-category-thumb::after {
  content: none !important;
  display: none !important;
}

/* Make the wrapper transparent */
.tp-product-category-thumb {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Keep the image visible, no background circle */
.tp-product-category-thumb img {
  background: transparent !important;
  border-radius: 0 !important;   /* if you want square icons */
  object-fit: contain !important;
}
/* FINAL NUKE for category circle background */
.tp-product-category-thumb,
.tp-product-category-thumb *,
.tp-product-category-thumb::before,
.tp-product-category-thumb::after {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* ================================
   1) KILL BADGE NUMBER COMPLETELY
   ================================ */
.tp-header-action-badge,
.tp-header-action-badge *,
.tp-header-action-item-cart .tp-header-action-badge,
.tp-header-action-item-cart .tp-header-action-badge *,
.tp-header-action-item-cart .tp-header-action-badge::before,
.tp-header-action-item-cart .tp-header-action-badge::after {
  display: none !important;
  content: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}

/* Force glow on the cart icon itself when notification exists */
.tp-header-action-item-cart.has-notification .tp-header-action-btn {
  box-shadow: 0 0 22px 6px rgba(255, 199, 45, 1) !important;
  border-radius: 50% !important;
  background-color: #fff !important;
  transition: all 0.25s ease !important;
}

/* Stronger glow when pressing/clicking */
.tp-header-action-item-cart .tp-header-action-btn:active {
  box-shadow: 0 0 28px 8px rgba(255, 199, 45, 1) !important;
  transform: scale(0.9) !important;
}