/*
Theme Name: Elessi Theme Child
Theme URI: https://elessi.nasatheme.com/demo/
Description: This is a child theme for Elessi Theme
Author: NasaTheme team
Author URI: https://nasatheme.com
Template: elessi-theme
Version: 1.0
*/

/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/

/* Aşağıdaki kod Headerdeki yazıları ortalar ve farklı ekranlarda taşmasını engeller */

.service-block.style-4 .box {
	margin-bottom: 0;
}
body .nasa-menu-vertical-header {
	min-width: initial;
}


/* En üstte bulunan promotion news kısmındaki yazıların arasınsdaki boşluğu ayarlar */
.infinities-slide {
  gap: 30px;
}

/* ========================== */

/* Account sayfasındaki email adresinin ya da kullanıcı adının uzun olması durumunda görünümü düzeltir. */
.account-nav-wrap .account-user .user-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* ========================== */

/* Farklı header türlerinde mobilde favoriler ve hesabım ikonlarının altındaki yazılar ortalanmıyordu düzeltmek amacıyla aşağıdaki kod eklendi */
.header-type-6 .icons-wrapper .icon-text {
  text-align: center;
}

/* ========================== */

/* En üstte bulunan promotion news kısmındaki alanın yüksekliğini ayarlar. */
.nasa-promotion-news .nasa-content-promotion-news {
  height: 35px;
}

/* ========================== */

/*Aşağıdaki kodlar yukardaki promotion news alanını yüksekliğini ayarlamaya çalışırken headerin etkilenmesini önlemek amacıyla eklendi - NASATHEME tarafından eklendi*/
.site-header.nasa-header-sticky-wrap.ns-has-wpadminbar.ns-has-topbar.ns-has-post:not(.has-nasa-promotion-hide) {
    top: -45px;
}

.site-header.nasa-header-sticky-wrap.ns-has-topbar.ns-has-post:not(.has-nasa-promotion-hide) {
    top: -77px;
}

/* ========================== */


/* En üstte bulunan promotion news kısmındaki yazıların hızını ayarlar */
.nasa-promotion-news .nasa-content-promotion-news .nasa-custom-animate .infinities-slide {
  animation-duration: 35s;
}

/* ========================== */


a.nasa-filter-size span.nasa-text-variation,
a.nasa-filter-size.nasa-filter-var-chosen span.nasa-text-variation{
  font-weight: normal;
}

/* ========================== */

/* Ürünlerin arka planı beyaz olsun diye eklendi */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product img,
.woocommerce div.product img {
    background-color: #fff;
    border-radius: 5px;
}

/* ========================== */

/* Thumbnail boyutunda olan resimlerin arka planı beyaz olsun diye eklendi */
img.attachment-thumbnail {
    background-color: #fff !important;
    border-radius: 5px;
}

/* ========================== */

/* single product/ürün sayfasında headerin ve top bar'ın rengi gri oluyordu beyaz olması amacıyla aşağıdaki kod eklendi */
.single-product header {
  background-color: #ffffff; 
}

ul.nasa-menu-wrapper {
    display: block;
    white-space: normal;
}

ul.nasa-menu-wrapper li {
    display: block;
    font-weight: bold;
    margin-bottom: 10px; 
}

/* ========================== */

/* Aşağıdaki kod fibosearch'ün search barındaki arama ikonunu ortalar default olarak hatalıydı aşağıdakii kod ile düzeltildi */
.nasa-sp-fibo-search .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
    top: 50%;
}

/* ========================== */

/* Aşağıdaki kod butonların rengi değiştirildiğinde search bardaki arama ikonun arkasındaki background renginin değişmmesini engeller */
.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
    background: none !important;
}

/* ========================== */

/* Aşağıdaki kod single product sayfasında en altta bulunan TAGS'ın yanındaki BRAND yazısını bold yapar */
.product_meta span.posted_in:last-of-type {
    font-weight: bold;
}

/* ========================== */

/* Aşağıdaki kod whatsapp ikonunun mobilde görünmesini engeller*/
@media (max-width: 768px) {
  #simple-chat-button--button {
    display: none !important;
  }
}

/* ========================== */

/* Aşağıdaki kod whatsapp konunun boyutunu ayarlar */
#simple-chat-button--button {
  width: 45px !important;
  height: 45px !important;
  background-size: 28px 28px !important; /* ikon boyutu */
}

/* ========================== */

/* Daha spesifik hale getirildi ve z-index eklendi */
body .username-text {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 12px;
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  color: black;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  font-weight: 600;
  text-decoration: none;
  border: none;
  box-shadow: 0 2px 8px rgba(188, 24, 136, 0.2);
  z-index: 2;
}

body .username-text:hover {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 15%, #dc2743 35%, #cc2366 65%, #bc1888 85%, #a91aa3 100%);
  box-shadow: 0 4px 12px rgba(188, 24, 136, 0.3);
  color: white;
  z-index: 3;
}

/* ========================== */

/* LOGO SLIDER START */

/* Her bir logo item'ına margin ekleyerek alan yaratma */
.wpwax-lsu-item {
    margin: 25px 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    overflow: visible !important;
}

/* Dış kapsayıcıya kırmızı border ve dairesel görünüm */
.wpwax-lsu-item-inner {
    border: 2px solid #ff0000;
    border-radius: 50%;
    padding: 10px;
    background: #fff;
    transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
    position: relative;
    margin: 10px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 117px !important;
    height: 117px !important;
}

/* İçteki img'e boyutlandırma ayarı */
.wpwax-lsu-item-inner img {
    border: none !important;
    border-radius: 0 !important;
    max-width: 90px !important;
    max-height: 90px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
    transition: opacity 0.3s ease;
    line-height: 0 !important;
}

/* Hover efekti korundu */
.wpwax-lsu-item-inner:hover {
    box-shadow: 
        0 0 8px rgba(255, 0, 0, 0.6),
        0 0 15px rgba(255, 0, 0, 0.4),
        0 0 25px rgba(255, 0, 0, 0.3),
        0 0 35px rgba(255, 0, 0, 0.2);
    border-color: #ff3333;
    transform: scale(1.05);
    z-index: 10;
    position: relative;
}

/* Responsive ayarlar */
@media (max-width: 768px) {
    .wpwax-lsu-item {
        margin: 9px 3px !important;
    }

    .wpwax-lsu-item-inner {
        margin: 50px;
        padding: 0 px;
        width: 90px !important;
        height: 90px !important;
    }

    .wpwax-lsu-item-inner:hover {
        box-shadow: 
            0 0 6px rgba(255, 0, 0, 0.6),
            0 0 12px rgba(255, 0, 0, 0.4),
            0 0 18px rgba(255, 0, 0, 0.3);
        transform: scale(1.03);
    }

    .wpwax-lsu-item-inner img {
        max-width: 70px !important;
        max-height: 70px !important;
    }
}

@media (max-width: 480px) {
    .wpwax-lsu-item-inner {
        width: 70px !important;
        height: 70px !important;
    }

    .wpwax-lsu-item-inner img {
        max-width: 50px !important;
        max-height: 50px !important;
    }
}

/* WPWax LSU Ultimate FOUC Düzeltmesi */
.wpwax-lsu-ultimate {
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.4s ease-in-out !important;
}

.wpwax-lsu-ultimate.lsu-ready {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Logo item container'larının boyutlarını sabitler */
.wpwax-lsu-ultimate .wpwax-lsu-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 110px !important;
    max-height: 110px !important;
    overflow: visible !important;
    text-align: center !important;
}

/* Swiper wrapper'ı */
.wpwax-lsu-ultimate .swiper-wrapper {
    align-items: center !important;
}

/* Loading animation - opsiyonel */
.wpwax-lsu-ultimate:not(.lsu-ready)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    z-index: 1000;
}

@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Responsive düzeltmeler (orijinal ile uyumlu) */
@media (max-width: 768px) {
    .wpwax-lsu-ultimate .wpwax-lsu-item {
        min-height: 90px !important;
        max-height: 90px !important;
    }

    .wpwax-lsu-ultimate .wpwax-lsu-item img {
        max-width: 70px !important;
        max-height: 70px !important;
    }
}

@media (max-width: 480px) {
    .wpwax-lsu-ultimate .wpwax-lsu-item {
        min-height: 70px !important;
        max-height: 70px !important;
    }

    .wpwax-lsu-ultimate .wpwax-lsu-item img {
        max-width: 50px !important;
        max-height: 50px !important;
    }
}

/* INFINITE SCROLL DÜZELTMELERİ */
.wpwax-lsu-ultimate .swiper-wrapper {
    transition-timing-function: linear !important;
    align-items: center !important;
}

.wpwax-lsu-ultimate .swiper-slide {
    width: auto !important;
    flex-shrink: 0 !important;
}

/* Responsive düzeltmeler */
@media (max-width: 768px) {
    .wpwax-lsu-ultimate .swiper-wrapper {
        transition-timing-function: linear !important;
    }
}

/* ----- LOGO SLIDER END ----- */



/* ========================== */

/* Aşağıdaki kod single product pagede hamburger menü çıkmasını engeller */
.div-toggle-sidebar {
  display: none !important;
}

/* ========================== */

/* Aşağıdaki kod checkout pagede bulunan Şehir alanındaki x (clear) işaretini kaldırmaya yarar */
.select2-selection__clear {
  display: none !important;
}

.ns_carousel_pro_checkout .slick-list .product-item .product-info-wrap .name {
    max-width: calc(100% - 50px);
}

/* ========================== */

/* Promotion News alanı için Glow Wave Efekti */
.infinities-slide {
 gap: 30px;
}

.infinities-slide > div {
 color: #34495e !important;
 background: transparent !important;
 text-shadow: 0 1px 0 rgba(255,255,255,0.5) !important;
 position: relative !important;
 display: inline-block !important;
}

.infinities-slide > div::after {
 content: '';
 position: absolute;
 bottom: 5px;
 left: 10%;
 width: 80%;
 height: 2px;
 background: linear-gradient(90deg, transparent, #e74c3c, transparent);
 opacity: 0.6;
 box-shadow: 0 0 0 rgba(231, 76, 60, 0.4);
 animation: glowWave 3s ease-in-out infinite;
}

@keyframes glowWave {
 0%, 100% { box-shadow: 0 0 0 rgba(231, 76, 60, 0.4); }
 50% { box-shadow: 0 0 8px rgba(231, 76, 60, 0.8); }
}

/* ========================== */

/* Aşağıdaki kod Bülten alanındak email girme alanındaki butonu email alanının yanına alır */
.nasa-footer-parts-contact .btn-submit-newsletters {
    position: absolute;
    right: 0;
    top: 20px;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

/* ========================== */

/* Aşağıdaki kod single product alanında "Tükenmeden al! 2 kişi daha bu ürünü sepetine ekledi." gibi iki satırdan oluşan bir yazı olması durumunda o alanı sabitlemesi ve kayma olmaması amacıyla eklendi */

.check-incart-sold-wrap {
  min-height: 50px; 
}

/* ========================== */

/* Aşağıdaki kod Checkout sayfasında "Lütfen gerekli alanı doldurun" yazısının TIKLANAMAZ olmasını sağlar */

.nasa-error a {
    pointer-events: none !important;
    cursor: default !important;
    text-decoration: none !important;
    color: inherit !important;
}

/* ========================== */

/* Aşağıdaki kod Checkout sayfasında bulunan Sepeti Güncelle butonunu gizler */
button.button[name="update_cart"][value="Sepeti Güncelle"] {
    display: none !important;
}

/* ========================== */

/* Aşağıdaki kod logo sliderdaki navigation oklarını mobilde gizler */

@media (max-width: 768px) {
  .wpwax-lsu-carousel-nav__btn-next,
  .wpwax-lsu-carousel-nav__btn-prev {
    display: none !important;
  }
}

/* ========================== */

/* Aşağıdaki kod single product page de arka planı olmayan bir resim büyütüldüğünde arka planının beyaz olmasını sağlar */
.pswp__img {
  background-color: #ffffff !important;
}

/* ========================== */

/* Aşağıdaki kod, logoların altındaki gereksiz boşluğun azaltılmasını sağlar. 
   Boşluk, Revo Slider bileşeninin yer aldığı Elementor section'ın margin değerinden kaynaklanmaktadır. 
   Elementor düzenleyicisinde margin değeri 0 görünse bile, CSS ile manuel olarak sıfırlanması gerekmiştir. */

section.elementor-element[data-id="ec26d8a"] .elementor-container,
section.elementor-element[data-id="ec26d8a"] .elementor-column,
section.elementor-element[data-id="ec26d8a"] .elementor-widget-wrap {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ========================== */

/* aşağıdaki kodlar floating menu tasarımında iyileştirme yapmak amaıcyla eklenmştir. */

/*
aşağıdaki kod moblde floating menu ikonunu gizler  }
 */

@media only screen and (max-width: 767px) {
    .nasa-vertical-menu-float-mobile-toggle {
        display: none !important;
    }
}

/* Aşağıdaki kod submenu kısmında scroll eklemek amacıyla eklenmiştir.*/
.nav-dropdown,
.nav-dropdown > .sub-menu,
.nav-column-links,
.nav-column-links > .sub-menu {
    overflow-y: auto;
    scrollbar-width: thin;
    max-height: 100%;
}

/* 2. seviye menünün yazı boyutu ve bold olması */
.nav-dropdown .sub-menu > li > a.nasa-title-menu {
  font-weight: 700 !important;
	  font-size: 110%;
}

/* 3. seviye ve sonrası menülerin normal olması için eklenmştir */
.nav-dropdown .sub-menu .sub-menu > li > a.nasa-title-menu {
  font-weight: 400 !important;
	  font-size: 100%;
}

/* DESKTOP – 2. seviye tüm öğelere (ilk hariç) çizgi + aralık */
#vertical-menu-float .vertical-menu-float-container .vertical-menu-float-wrapper > li > .nav-dropdown > ul.sub-menu > li:not(:first-child) {
  padding-top: 25px;      /* mevcut ile aynı */
  position: relative;     /* mevcut ile aynı */
}

#vertical-menu-float .vertical-menu-float-container .vertical-menu-float-wrapper > li > .nav-dropdown > ul.sub-menu > li:not(:first-child)::before {
  content: '';
  width: calc(100% - 40px);
  height: 1px;
  background-color: #ececec;
  display: block;
  position: absolute;
  top: 10px;
  left: 20px;
}

body:has(.nasa-bottom-bar):not(.single-product) {
    .nasa-static-group-btn {
        bottom: 60px;
    }
}

/* Float menüde (en üst seviye) başlıkları bold + size */
.vertical-menu-float-wrapper > li > a.nasa-title-menu {
  font-weight: 700 !important;
  font-size: 113% !important;
}

/*Aşağıdaki Kod Floating menüye ok animasyonu ekler. */

/* 
#vertical-menu-float .vertical-menu-float-container {
  background-repeat: no-repeat;
  background-position: right 10px bottom 10px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMiAzMCc+PHBhdGggZmlsbD0nI0NGMTIxMCcgZD0nTTYgMTAgTDEgMiBIMTEgWicvPjxwYXRoIGZpbGw9JyNDRjEyMTAnIGQ9J002IDIwIEwxIDEyIEgxMSBaJy8+PHBhdGggZmlsbD0nI0NGMTIxMCcgZD0nTTYgMzAgTDEgMjIgSDExIFonLz48L3N2Zz4=");
  background-size: 12px 25px;
  animation: vmf-bounce-soft 1.6s ease-in-out infinite;
}
@keyframes vmf-bounce-soft {
  0%,100% { background-position: right 10px bottom 10px; }
  40%     { background-position: right 10px bottom 20px; }
  60%     { background-position: right 10px bottom 13px; }
}
*/

/* ========================== */

/* Mobilde ve Tablette Kategori ikonundan sonra boşluk ekler. */
a.nasa-title-menu > svg:first-of-type{
  margin-inline-end: 6px;  
}

/* ========================== */

/* Aşağıdaki kod ödeme sayfasında Telefon labelini sola yaslar */

.shop_table.woocommerce-checkout-review-order-table {
	table-layout: auto;
}

#main-content form .form-row.nasa-actived.thwcfd-field-tel label[for] {
    margin-left: 0 !important;
}

/* ========================== */

/* Price Filter de rakam çok arttığında kayma problemi olmasın diye eklendi */
body .widget_price_filter .price_slider_amount .price_label {
    font-size: 110%;
}

/* ========================== */

/* mobil cihazlarda, single product pagede aşağı kaydırıldığında Son Görüntülenen Ürünler ve Başa Dön simgeleri/ikonları yer değiştiriyordu (yukarıya sıçrıyordu aniden) bunu engellemek için eklendi. */

@media only screen and (max-width: 767px) {
    html body.has-nasa-cart-fixed .nasa-static-group-btn {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

/* ========================== */