/*
Theme Name: Hello Child
Template: hello-elementor
Version: 1.0.0
*/



/* ---------------- Desktop ve Genel Stil ---------------- */
.jet-filter-items-dropdown__body {
    z-index: 9999 !important;
    position: absolute !important;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
    width: 260px !important;
}


.jet-checkboxes-list__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 14px;
}

.jet-checkboxes-list__row:last-child {
    border-bottom: none;
}

.jet-checkboxes-list__label {
  flex-grow: 1;
  color: #333;
  margin-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}


.jet-filters-counter {
  min-width: 28px;
  text-align: right;
  font-size: 13px;
  color: #999;
  margin-left: auto;
  flex-shrink: 0;
}


.jet-checkboxes-list__input {
    transform: scale(1.2);
    margin-right: 4px;
}

.jet-filter-items-scroll {
    max-height: 280px;
    overflow-y: auto;
}



/* ---------------- Mobilde JetSmartFilter Dropdown Responsive Ayarı ---------------- */
@media (max-width: 768px) {
  .jet-filter-items-dropdown__body {
    position: absolute !important;
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    z-index: 9999;
    border-radius: 10px;
    background-color: #fff; /* isteğe bağlı */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    overflow-x: hidden;
  }
}
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
  }
}

   

  /* Uzun içerikler için kaydırma alanı */
  .jet-filter-items-scroll {
    max-height: 240px !important;
    overflow-y: auto !important;
    padding: 5px 10px;
  }

  /* Checkbox satır yapısı */
  .jet-checkboxes-list__row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap; /* ❗ önemli: artık içerik kırılabilir */
    padding: 6px 0;
  }

  /* Checkbox metni */
  .jet-checkboxes-list__label {
    max-width: 100% !important;
    font-size: 14px;
    white-space: normal !important; /* satıra sığmazsa kırılır */
    overflow: visible !important;
    text-overflow: unset !important;
    line-height: 1.4;
  }
}




/* Tüm filtre container'ları için geçerli */
.jet-filter-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

/* Masaüstü için: Esnek genişlik, min 120px - max 250px */
.jet-filter-container .elementor-widget-jet-smart-filters-checkboxes {
  flex: 1 1 clamp(120px, 20%, 250px);
  box-sizing: border-box;
}

/* Mobil için: 2 sütun hizalı yapı */
@media (max-width: 768px) {
  .jet-filter-container .elementor-widget-jet-smart-filters-checkboxes {
    flex: 1 1 calc(50% - 10px); /* %50 eksi gap yarısı */
  }
}



.jet-filter-container .elementor-widget-jet-smart-filters-checkboxes:last-child .jet-filter-items-dropdown__body {
    right: 0 !important;
    left: auto !important;
}





/* cart sayfası quantıy alanı genislik ACILIS */
.woocommerce-cart .product-quantity input[type="number"] {
    width: 100px !important; /* ✅ Genişlik arttı */
    text-align: center;
    padding: 6px 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.woocommerce-cart .product-quantity span {
    margin-left: 8px;
    font-size: 16px;
    color: #333;
}

/* cart sayfası quantıy alanı genislik KAPANIS*/



/* checkout sayfada woocommerce quantity gizlemek icin yaptık */

/* Checkout sayfasında WooCommerce'in otomatik × Adet göstergesini gizle */
.woocommerce-checkout .product-name .product-quantity {
  display: none !important;
}

body.woocommerce-checkout .product-name .product-quantity {
  display: none !important;
}




/* ORDER SAMPLE BUTON TASARIMI
/* === Butonları tutan ana kapsayıcı === */
.e-atc-qty-button-holder {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 16px; /* 🔸 Butonlar arası boşluk */
  width: 100%;
  box-sizing: border-box;
}

/* === Her iki buton için genel alan === */
.e-atc-qty-button-holder > .single_add_to_cart_button,
.e-atc-qty-button-holder > .sample-order-wrapper {
  flex: 1 1 calc(50% - 8px);
  max-width: calc(50% - 8px);
  box-sizing: border-box;
}

/* === Mobilde butonlar alta alta olsun === */FtabF
@media (max-width: 480px) {
  .e-atc-qty-button-holder > .single_add_to_cart_button,
  .e-atc-qty-button-holder > .sample-order-wrapper {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

/* === Sample Order düğmesi === */
.sample-order-button {
  display: block;
  width: 100%;
  background-color: #444;
  color: #fff;
  border: 1px solid #444;
  padding: 12px 16px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  white-space: normal;
  word-break: break-word;
  line-height: 1.4;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
}

/* === Hover efekti === */
.sample-order-button:hover {
  background-color: #fff;
  color: #d4af37;
  border-color: #d4af37;
}

.sample-order-button:hover small {
  color: #fff;
}

/* === Fiyat bilgisi stili === */
.sample-order-button small {
  font-size: 13px;
  margin-left: 6px;
  color: #fff;
}



/* SAMPLE ORDER IKINCI TIK ISARETINI GIZLER
 
 .sample-order-button.added::after {
    content: none !important;
    display: none !important;
}


.single_add_to_cart_button.sample-order-button.added::before,
.single_add_to_cart_button.sample-order-button.added::after {
    content: none !important;
    display: none !important;
}



// select options yazıları bitişik
/* 1. Ürün kutusunu esnek hale getir */
ul.products li.product {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: 100% !important;
}

/* 2. Görsel ve başlık alanını saran link bloğunu esnet */
ul.products li.product .woocommerce-loop-product__link {
  flex-grow: 1 !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/* 3. Başlık, fiyat ve stok bilgisini bir araya al */
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .price,
ul.products li.product .stock-status {
  margin-bottom: 10px;
}

/* 4. Add to Cart veya Select Options butonunu alta sabitle */
ul.products li.product .button {
  margin-top: auto !important;
  width: 100% !important;
  border-top: 1px solid #eee;
  padding: 10px 0;
  background: #f5f3f7;
  text-align: center;
  border-radius: 0;
}
selector .woocommerce {
  display: flex;
  flex-wrap: wrap;
}

selector ul.products {
  width: 100%;
}






/* SELECTIONS SAYFASINA EKLEDİĞİMZ TAB İLE İGLİLİ ALAN .TAB RENGİ ELEMENTORDE DEĞİŞMEDİ ORJİNALİNİ ZORLADI HATA VERDİ CSS İLE MÜDAHALE
/* Tüm sekmeler için varsayılan görünüm */
/* Varsayılan görünüm (normal hali): yazı siyah, kenarlık hafif gri */
.e-n-tab-title {
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid #ddd !important; /* hafif gri kenarlık */
  border-radius: 6px;
  padding: 8px 16px;
  transition: all 0.3s ease;
  font-weight: 500;
}

/* Hover: kenarlık siyah olur, yazı rengi değişmez */
.e-n-tab-title:hover {
  border-color: #000 !important;
  color: #000 !important;
}

/* Aktif: kenarlık siyah olur, yazı rengi değişmez */
.e-n-tab-title[aria-selected="true"] {
  border-color: #000 !important;
  background-color: #fff !important;
  color: #000 !important;
}






/* ADD TO CAR URUN SAYFASINDA APF olan alan 
@media (max-width: 768px) {
  .wapf-field-group {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
  }

  .wapf-field-container {
    width: 100% !important;
    max-width: 100% !important;
  }

  .wapf-field-container input {
    width: 100% !important;
    padding: 12px;
    font-size: 16px;
    height: 45px;
    box-sizing: border-box;
  }

  .wapf-calc-wrapper {
    text-align: left;
    font-size: 16px;
    padding-top: 8px;
  }

  .elementor-add-to-cart form.cart {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .elementor-add-to-cart .single_add_to_cart_button,
  .elementor-add-to-cart .sample-order-button {
    width: 100% !important;
    font-size: 15px;
    padding: 12px 0;
    margin: 0;
  }

  .sample-view-cart-link {
    text-align: center;
    font-size: 13px;
    margin-top: 5px;
  }

  .est-coverage-info > div {
    font-size: 13px;
    padding: 10px 12px;
    line-height: 1.6;
    text-align: left;
  }
}


/* SEPET SAYFASI ALANI DUZENLEMESİ
/* ✅ Sepet - Fiyat satırı birimi hizalama ( / Sq.Ft., / Piece ) */
.woocommerce td.product-price {
    white-space: nowrap;
}
.woocommerce td.product-price .woocommerce-Price-amount {
    display: inline-block;
}
.woocommerce td.product-price .price-unit {
    display: inline-block;
    margin-left: 6px;
    font-size: 13px;
    color: #666;
    vertical-align: middle;
}

/* ✅ Sepet - Quantity input ve birim hizalaması */
.woocommerce-cart-form .quantity-wrapper {
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
}
.woocommerce-cart-form .quantity-wrapper input[type="number"] {
    width: 60px;
    min-width: 50px;
    text-align: center;
    padding: 6px 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.woocommerce-cart-form .quantity-wrapper input[type="number"]:focus {
    border-color: #007cba;
    box-shadow: 0 0 0 1px #007cba;
    outline: none;
}
.woocommerce-cart-form .unit-label {
    font-size: 13px;
    font-weight: 500;
    color: #666;
}

/* ✅ Ürün adı altı açıklamalar ve edit linki */
.woocommerce-cart-form__cart-item .product-name small {
    display: block;
    font-size: 13px;
    color: #555;
    margin-top: 4px;
}
.woocommerce-cart-form__cart-item .product-name a.wapf-edit-cartitem {
    display: inline-block;
    font-size: 12px;
    color: #888;
    margin-left: 4px;
    text-decoration: none;
}
.woocommerce-cart-form__cart-item .product-name a.wapf-edit-cartitem:hover {
    color: #007cba;
}

/* ✅ Remove (×) butonu sade ve zarif */
.woocommerce-cart-form__cart-item .product-remove a {
    font-size: 18px;
    color: #888;
    transition: color 0.3s ease;
}
.woocommerce-cart-form__cart-item .product-remove a:hover {
    color: #d00;
}

/* ✅ Subtotal sütunu hizalaması */
.woocommerce td.product-subtotal {
    text-align: right;
    font-weight: 600;
}



/* PAVER DEKİ ALANI FRENC PATENRDEKİ ALANLA AYNI TARASRIM YAPTIK Crate Info alanını stil olarak eşleştir */
/* Tüm Pavers ürünlerindeki Crate Info inputlarını düzenle */
.wapf-input.input-e625ea5 {
    background-color: #f9f9f9 !important;
    pointer-events: none !important;
    color: #333 !important;
}




.woocommerce-cart-form input[readonly] {
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border: 1px solid #ccc !important;
    pointer-events: none;
    text-align: center;
}







/*yeni kod mobilde filtre yazıları dışa taşmaması için 

@media (max-width: 768px) {
  .jet-checkboxes-list__count {
    font-size: 11px !important;
    padding-left: 4px;
    padding-right: 4px;
    background: #f0f0f0;
    border-radius: 4px;
    display: inline-block;
    min-width: 18px;
    text-align: center;
    float: right;
    margin-left: auto;
  }

  .jet-checkboxes-list__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}



/* Sadece desktop */
@media (min-width:1025px){

  /* HTML widget WRAPPER'ını sabitle → CLS yok */
  .elementor-widget-html.smu-login-slot{
    flex: 0 0 170px;
    max-width:170px;
    min-width:170px;
  }

  /* Shortcode içeriği */
  .header-login-area{
    display:flex;
    flex-direction:column;   /* My Account üstte, Log out altta */
    align-items:flex-start;
    line-height:1.2;
  }
  .header-login-area .login-link{
    display:inline-flex; align-items:center; white-space:nowrap;
  }
  .header-login-area .logout-link{
    margin-left:24px; margin-top:4px; text-decoration:none;
  }
  .header-login-area svg{ width:18px; height:18px; }
}




/*sign in buton my account buton stil*/
/* Sağ blok hizalama + aralık */
#main-header .smu-account-links{
  display:flex;align-items:center;gap:24px;
}

/* Menü tipografisine uyum + ilk renk siyah */
#main-header .account-link{
  font-family: var(--e-global-typography-primary-font-family);
  font-size: var(--e-global-typography-primary-font-size);
  font-weight: var(--e-global-typography-primary-font-weight, 600);
  letter-spacing: var(--e-global-typography-primary-letter-spacing, 0);
  line-height: var(--e-global-typography-primary-line-height, 1.2);
  color:#000;
  text-decoration:none;
  transition: color .2s ease;
}
#main-header .account-link i{ color:currentColor; }




/* Sale etiketinin arka plan rengini değiştir tasarım değiştir */
.woocommerce span.onsale {
    background: linear-gradient(135deg, #e6a500, #ffcc33) !important;
    color: #ffffff !important;
    font-weight: 600;
    font-size: 13px;
    padding: 4px 10px;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.25);
}



/* ============================================================
   STONEMARKETUSA - SINGLE PRODUCT (ELEMENTOR TEMPLATE #7237)
   Sadece DESKTOP için: sadece galeri genişliğini daraltıyoruz
   ============================================================ */

@media (min-width: 1025px) {
    .elementor-7237 .elementor-element-7e95cc2 .woocommerce-product-gallery {
        max-width: 480px;   /* 440–520px arası oynatabilirsin */
        width: 100%;
        margin: 0 auto 20px;
    }
}




/*13 OCAN BIG DEAL ETIKETI ICIN YAZILDI 
/* Ensure product card can hold an absolute badge */
.elementor-widget-woocommerce-products ul.products li.product,
.elementor-widget-woocommerce-product-loop ul.products li.product,
.elementor-loop-container .product,
.woocommerce ul.products li.product {
  position: relative;
}

/* Premium BIG DEAL badge (fixed size, glow pulse only) */
.smusa-badge{
  position:absolute;
  top:14px;
  left:14px;
  z-index:20;

  display:inline-flex;
  align-items:center;

  padding:6px 10px;
  border-radius:999px;

  font-size:11px;
  font-weight:800;
  letter-spacing:.6px;
  line-height:1;
  text-transform:uppercase;

  color:#fff;
  background: linear-gradient(135deg, #b91c1c, #f97316);

  box-shadow:
    0 10px 22px rgba(0,0,0,.12),
    0 0 0 0 rgba(185,28,28,.38);

  animation: smusaGlowPulse 2.4s ease-in-out infinite;
}

/* Glow pulse only (no scale) */
@keyframes smusaGlowPulse {
  0% {
    box-shadow:
      0 10px 22px rgba(0,0,0,.12),
      0 0 0 0 rgba(185,28,28,.38);
  }
  60% {
    box-shadow:
      0 12px 26px rgba(0,0,0,.14),
      0 0 0 12px rgba(185,28,28,0);
  }
  100% {
    box-shadow:
      0 10px 22px rgba(0,0,0,.12),
      0 0 0 0 rgba(185,28,28,0);
  }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce){
  .smusa-badge{ animation:none; }
}

/* Single product page placement */
.smusa-single-bigdeal-wrap{
  margin: 6px 0 12px;
}

/* Single product badge should not be absolute */
.smusa-badge--single{
  position: relative;
  top: 0;
  left: 0;
}




/* MENUDEKI SALE IN ALTIMDAKİ İKİ LİNKİ MASA USTUNDE DUZGUN GOSTERMEK İÇİN KOD 
/* ==========================================================
   JetMegaMenu – SALE Dropdown (CLEAN FINAL – NO SHIFT)
   Targets: #jet-mega-menu-item-20010 (Sale)
   Hover: text color only
   HOT: only Big Deals
   ========================================================== */

/* Dropdown panel */
#jet-mega-menu-item-20010 .jet-mega-menu-sub-menu{
  background:#fff !important;
  border-radius:12px !important;
  box-shadow:0 14px 30px rgba(0,0,0,.12) !important;
  padding:10px 0 !important;
  min-width:240px !important;
}

/* UL reset */
#jet-mega-menu-item-20010 .jet-mega-menu-sub-menu__list{
  margin:0 !important;
  padding:0 !important;
}

/* Kill hover effects on wrappers that cause jump */
#jet-mega-menu-item-20010 .jet-mega-menu-sub-menu__list > li,
#jet-mega-menu-item-20010 .jet-mega-menu-sub-menu__list > li > .jet-mega-menu-item__inner{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
  transition:none !important;
}

/* Link row (LOCKED height + spacing) */
#jet-mega-menu-item-20010 .jet-mega-menu-sub-menu__list > li > .jet-mega-menu-item__inner > a.jet-mega-menu-item__link--sub-level{
  display:flex !important;
  align-items:center !important;

  height:44px !important;
  padding:0 18px !important;
  margin:0 !important;

  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  box-sizing:border-box !important;

  font-size:15px !important;
  font-weight:600 !important;
  line-height:44px !important;

  color:#111 !important;
  text-decoration:none !important;

  transform:none !important;
  transition:color .18s ease !important; /* ONLY color */
}

/* Title/Label reset (JetMenu sometimes animates these) */
#jet-mega-menu-item-20010 .jet-mega-menu-item__title,
#jet-mega-menu-item-20010 .jet-mega-menu-item__label{
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
  transition:none !important;
}

/* Hover: ONLY text color */
#jet-mega-menu-item-20010 .jet-mega-menu-sub-menu__list > li:hover > .jet-mega-menu-item__inner > a.jet-mega-menu-item__link--sub-level,
#jet-mega-menu-item-20010 .jet-mega-menu-sub-menu__list > li:hover > .jet-mega-menu-item__inner > a.jet-mega-menu-item__link--sub-level .jet-mega-menu-item__label{
  color:#E79F1F !important;
  background:transparent !important;
}

/* Default: no badge */
#jet-mega-menu-item-20010 .jet-mega-menu-item__link--sub-level .jet-mega-menu-item__label:after{
  content:none !important;
}

/* HOT badge only for Big Deals (URL contains /big-deals/) */
#jet-mega-menu-item-20010 .jet-mega-menu-item__link--sub-level[href*="big-deals"] .jet-mega-menu-item__label:after{
  content:"EXTRA OFF" !important;
  margin-left:8px;
  display:inline-flex;
  align-items:center;
  height:18px;
  line-height:18px;
  padding:0 7px;
  border-radius:999px;
  font-size:10px;
  font-weight:800;
  color:#fff;
  background:linear-gradient(135deg,#b91c1c,#f97316);
}



/* =========================
   SMU Add to Cart Loading  
js dede bunun için kod var add to cart tıklandığında loading görüntüsü veriyhor  numara verelim  jsdeki için oda 77 numara olsun burdaki kodun karışılığı için olsun 
========================= */

.smu-atc-loading {
  position: relative;
  opacity: .85;
  pointer-events: none;
}

.smu-atc-loading::after{
  content:"";
  width:16px;
  height:16px;
  border:2px solid rgba(201,166,70,.35);   /* açık ton */
  border-top-color: #c9a646;               /* ana ton */
  border-radius:50%;
  display:inline-block;
  margin-left:10px;
  vertical-align:middle;
  animation: smuSpin .75s linear infinite;
}


@keyframes smuSpin { to { transform: rotate(360deg); } }

/* Eğer buton beyaz arka planlıysa spinner görünmez olabilir:
   Bu durumda aşağıdaki gibi koyu spinner versiyonu açabilirsin.
*/
/*
.smu-atc-loading.is-light::after{
  border:2px solid rgba(0,0,0,.25);
  border-top-color: rgba(0,0,0,.75);
}
*/



/*urun resim parlaklık ayarı yaptık

img[src*="Ivory-River-French-Pattern.webp"] {
  filter: brightness(1.19) contrast(1.05);
}