/*
 Theme Name: Hello Elementor Child
 Theme URI: https://example.com/
 Description: Child theme for Hello Elementor. Keeps your customizations safe during parent theme updates.
 Author: Orkun Karamanoğlu
 Author URI: https://example.com/
 Template: hello-elementor
 Version: 1.0.0
 Text Domain: hello-elementor-child
*/

/* Place your custom CSS below */








/* === WooCommerce Mobil Taşma Düzeltmesi + Geniş Ekran Ortalaması === */

/* --- Taşma düzeltmesi (mobil için) --- */
body.post-type-archive-product .site-main,
body.post-type-archive-product main,
body.woocommerce-shop .site-main,
body.woocommerce-shop main,
body.single-product .site-main,
body.single-product main,
body.woocommerce-cart .site-main,
body.woocommerce-cart main,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout main,
body.post-type-archive-product #primary,
body.single-product #primary,
body.woocommerce-cart #primary,
body.woocommerce-checkout #primary,
body.post-type-archive-product .content-area,
body.single-product .content-area,
body.woocommerce-cart .content-area,
body.woocommerce-checkout .content-area,
body.post-type-archive-product .container,
body.single-product .container,
body.woocommerce-cart .container,
body.woocommerce-checkout .container {
  overflow-x: hidden !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Elementor iç bölümlerinde min-width sorunlarını engelle */
body.post-type-archive-product .elementor-section,
body.single-product .elementor-section,
body.woocommerce-cart .elementor-section,
body.woocommerce-checkout .elementor-section,
body.post-type-archive-product .elementor-column,
body.single-product .elementor-column,
body.woocommerce-cart .elementor-column,
body.woocommerce-checkout .elementor-column,
body.post-type-archive-product .elementor-widget,
body.single-product .elementor-widget,
body.woocommerce-cart .elementor-widget,
body.woocommerce-checkout .elementor-widget {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* inline style ile width:100vw olanları düzelt */
body.post-type-archive-product *[style*="width:100vw"],
body.single-product *[style*="width:100vw"],
body.woocommerce-cart *[style*="width:100vw"],
body.woocommerce-checkout *[style*="width:100vw"],
body.post-type-archive-product *[style*="width: 100vw"],
body.single-product *[style*="width: 100vw"],
body.woocommerce-cart *[style*="width: 100vw"],
body.woocommerce-checkout *[style*="width: 100vw"] {
  width: 100% !important;
  max-width: 100% !important;
}

/* Büyük min-width değerlerini nötralize et */
body.post-type-archive-product * ,
body.single-product * ,
body.woocommerce-cart * ,
body.woocommerce-checkout * {
  min-width: 0 !important;
}

/* WooCommerce sekmeler/carousel için taşmaya izin verip kaydırmayı aç */
body.post-type-archive-product .woocommerce-tabs,
body.single-product .woocommerce-tabs,
body.woocommerce-cart .woocommerce,
body.woocommerce-checkout .woocommerce {
  width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box !important;
}

/* Görsel/iframe/video responsive hale getir */
body.post-type-archive-product img,
body.single-product img,
body.woocommerce-cart img,
body.woocommerce-checkout img,
body.post-type-archive-product iframe,
body.single-product iframe,
body.woocommerce-cart iframe,
body.woocommerce-checkout iframe,
body.post-type-archive-product video,
body.single-product video,
body.woocommerce-cart video,
body.woocommerce-checkout video {
  max-width: 100% !important;
  height: auto !important;
  box-sizing: border-box !important;
}

/* --- Geniş ekranlarda ortalama (1400px / 1600px) --- */
@media (min-width: 1200px) {
  body.post-type-archive-product .site-main,
  body.woocommerce-shop .site-main,
  body.single-product .site-main,
  body.woocommerce-cart .site-main,
  body.woocommerce-checkout .site-main,
  body.post-type-archive-product #primary,
  body.single-product #primary,
  body.woocommerce-cart #primary,
  body.woocommerce-checkout #primary,
  body.post-type-archive-product .content-area,
  body.single-product .content-area,
  body.woocommerce-cart .content-area,
  body.woocommerce-checkout .content-area,
  body.post-type-archive-product .container,
  body.single-product .container,
  body.woocommerce-cart .container,
  body.woocommerce-checkout .container {
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 1800px) {
  body.post-type-archive-product .site-main,
  body.woocommerce-shop .site-main,
  body.single-product .site-main,
  body.woocommerce-cart .site-main,
  body.woocommerce-checkout .site-main,
  body.post-type-archive-product #primary,
  body.single-product #primary,
  body.woocommerce-cart #primary,
  body.woocommerce-checkout #primary,
  body.post-type-archive-product .content-area,
  body.single-product .content-area,
  body.woocommerce-cart .content-area,
  body.woocommerce-checkout .content-area,
  body.post-type-archive-product .container,
  body.single-product .container,
  body.woocommerce-cart .container,
  body.woocommerce-checkout .container {
    max-width: 1600px !important;
  }
}









/* Sepeti Güncelle butonunu beyaz arka plan + siyah yazı yap */
.woocommerce-cart button[name="update_cart"],
.woocommerce-cart input[name="update_cart"] {
  background-color: #ffffff !important; /* beyaz arka plan */
  color: #000000 !important;           /* siyah yazı */
  border: 1px solid #000000 !important; /* siyah ince çerçeve */
  opacity: 1 !important;               /* WooCommerce’in soluk görünümünü kaldır */
  cursor: pointer !important;          /* imleç el şeklinde olsun */
}

/* Hover durumunda ters renk yap (opsiyonel, daha şık görünür) */
.woocommerce-cart button[name="update_cart"]:hover,
.woocommerce-cart input[name="update_cart"]:hover {
  background-color: #000000 !important; /* siyah arka plan */
  color: #ffffff !important;           /* beyaz yazı */
}










/* 🎫 Kupon alanını genişlet */
.woocommerce-cart .coupon input.input-text {
    width: 250px !important;  /* mevcut 100-120px civarındadır, biz büyüttük */
    max-width: 100%;
    padding: 8px 10px;
    font-size: 14px;
}

/* 🔴 Ödeme sayfasına git butonu */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: #cc0000 !important; /* sitenin kırmızı tonu */
    color: #fff !important;
    font-weight: 600;
    text-transform: capitalize; /* Her kelimenin ilk harfi büyük */
    padding: 14px 24px;
    border-radius: 6px;
    text-align: center;
    display: inline-block;
}

/* Hover efekti daha koyu kırmızı */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #a50000 !important;
}











/* 🎨 Logodaki kırmızı rengi değişken olarak tanımla */
:root {
    --beatolog-red: #E30613;
}

/* 🗑 Sepet sayfasında "Miktar" satırını gizle */
.woocommerce-cart .product-quantity {
    display: none !important;
}

/* 🎫 Kupon alanı %50 - %50 paylaşsın */
@media (max-width: 480px) {
  .woocommerce-cart .coupon {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    gap: 6px;
    box-sizing: border-box;
  }

  .woocommerce-cart .coupon input.input-text,
  .woocommerce-cart .coupon button {
    flex: 1 1 50%;
    width: 50% !important;
    box-sizing: border-box;
    padding: 10px;
    font-size: 14px;
  }

  .woocommerce-cart .coupon button {
    white-space: nowrap;
  }
}


/* Küçük ekranlarda (mobil) ekstra uyum */
@media (max-width: 480px) {
    .woocommerce-cart .coupon input.input-text {
        flex: 1.5;
    }
    .woocommerce-cart .coupon button {
        flex: 1;
    }
}


/* 🛒 Sepete Ekle butonları */
.woocommerce ul.products li.product .button,
.woocommerce div.product form.cart .button {
    background-color: var(--beatolog-red) !important;
    color: #fff !important;
    font-weight: 600;
    border-radius: 6px;
    padding: 10px 18px;
    text-transform: capitalize;
    transition: background 0.2s ease;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce div.product form.cart .button:hover {
    background-color: #b8000f !important; /* Hover için koyusu */
}

/* 💳 Ödeme sayfasına git butonu */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: var(--beatolog-red) !important;
    color: #fff !important;
    font-weight: 700;
    text-transform: capitalize;
    padding: 14px 20px;
    border-radius: 6px;
    text-align: center;
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #b8000f !important;
}











/* Ödeme sayfasında giriş ve kupon linklerini kırmızı yap */
.woocommerce-form-login-toggle .woocommerce-info a,
.woocommerce-form-coupon-toggle .woocommerce-info a {
    color: #E30613 !important;   /* Logo kırmızısı */
    font-weight: 600;
    text-decoration: none;
}

.woocommerce-form-login-toggle .woocommerce-info a:hover,
.woocommerce-form-coupon-toggle .woocommerce-info a:hover {
    color: #b8000f !important;   /* Hover koyu kırmızı */
    text-decoration: underline;
}







/* 🟥 Siparişi Onayla butonu - kırmızı tasarım */
.woocommerce-checkout #place_order,
.woocommerce-page #place_order {
    background-color: #E30613 !important;  /* Logo kırmızısı */
    color: #fff !important;
    font-weight: 700;
    text-transform: capitalize;  /* Baş harfler büyük */
    padding: 14px 22px;
    border-radius: 6px;
    text-align: center;
    display: block;
    width: 100%;  /* Mobilde tam genişlik */
    box-sizing: border-box;
    transition: background 0.2s ease-in-out;
}

.woocommerce-checkout #place_order:hover,
.woocommerce-page #place_order:hover {
    background-color: #b8000f !important; /* Hover için daha koyu kırmızı */
}