/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/



.custom-bottom-nav {
  display: none; /* Fsheh fillimisht (për desktop) */
}

.whatsapp-icon {
    position: fixed;
    bottom: 20px;
    z-index: 11;
    width: 45px;
    right: 40px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    line-height: 18px !important;
	font-size: 14px !important; 
	height: 45px !important;
	overflow: hidden !important;
}

.post-type-archive-product.woocommerce .container-wrap, .tax-product_cat.woocommerce .container-wrap {
    z-index: 1 !important;
}


.nectar-center-text {
  position: relative;
  overflow: hidden;
  height: 30px; /* rregullo sipas nevojës */
}

.nectar-center-text::before {
    content: "5% ulje për porosinë e parë – kodi: bliss5";
    position: absolute;
    white-space: nowrap;
	min-width: 200%; /* kjo e zgjat tekstin që të lëvizë bukur */

    animation: scroll-left 20s linear infinite;
    font-size: 16px;
    line-height: 10px;
    color: #CE7356;
}

.nectar-center-text {
  color: transparent !important; /* fsheh tekstin statik nën animacion */
}

@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}



/* Vetëm për ekrane më të vogla se 600px (mobile) */
@media (max-width: 600px) {
  .custom-bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background-color: #fff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 8px 0;
    box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
  }

  .custom-bottom-nav .bottom-nav-link {
    text-decoration: none;
    color: #333;
    font-size: 12px; /* Mund ta rrisni/ulni sipas dëshirës */
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .custom-bottom-nav .bottom-nav-link img {
    width: 24px; /* Rregulloni sipas dëshirës */
    height: auto;
    margin-bottom: 2px;
  }
	
	.whatsapp-icon {
		position: fixed;
		bottom: 60px;
		z-index: 11;
		width: 45px;
		right: 20px;
	}
	
	
.material #slide-out-widget-area[class*=slide-out-from-right] .inner .off-canvas-menu-container .menu-item-has-children>a, body #slide-out-widget-area[data-dropdown-func=separate-dropdown-parent-link] .inner .off-canvas-menu-container .menu-item-has-children>a {
    font-weight: 800 !important;
}

ul.sub-menu a {
    font-weight: 300 !important;
}

	body.material #header-secondary-outer .nectar-center-text {
    padding: 15px 0;
}
	
.nectar-center-text::before,
.nectar-center-text::after {
    content: "5% ulje për porosinë e parë – kodi: bliss5";
    position: absolute;
    white-space: nowrap;
	min-width: 200%; /* kjo e zgjat tekstin që të lëvizë bukur */

    animation: scroll-left 8s linear infinite;
    font-size: 16px;
    line-height: 10px;
    color: #CE7356;
}
	
}