/*!
Theme Name: Stockie-child
Theme URI: http://stockie.colabr.io/
Author: Colabrio
Author URI: http://colabr.io/
Description: Stockie is flexible and high performance multipurpose WordPress Theme for personal and corporate use. It comes with the most popular WordPress page builder Visual Composer. Create gorgeous pages and layouts fast and easy without coding.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: stockie
Text Domain: stockie-child
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-colors, custom-header, custom-menu, featured-images, full-width-template, post-formats, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

button.btn.btn-flat[name="apply_coupon"] {
  color: #fff !important;
}

a.button.wc-forward.btn-flat {
  color: #000 !important;
}

@media screen and (max-width: 768px) {
  .woo_c-product.single-product.subheader_excluded.spacer_included.sticky_included {
    padding-top: 80px;
  }
}

/* Desktop */
#myDiv {
  width: 100%;
  max-width: 1356px;
  margin: 8px auto 20px auto;
  padding: 0 24px;
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1024px) {
  #myDiv {
    max-width: 90%;
    margin: 8px auto 20px auto;
    padding: 0 16px;
  }
}

/* Mobil */
@media (max-width: 768px) {
  #myDiv {
    max-width: 100%;
    margin: 8px auto 20px auto;
    padding: 0 14px;
  }
}

h1 {
  font-size: clamp(22px, 2.5vw, 30px); /* Eskisinden daha küçük */
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: 1rem;
}

h2 {
  font-size: clamp(20px, 2.2vw, 26px);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 0.9rem;
}

h3 {
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.5;
  font-weight: 500;
  margin-bottom: 0.8rem;
}

h4 {
  font-size: clamp(16px, 1.8vw, 20px);
  line-height: 1.5;
  font-weight: 500;
  margin-bottom: 0.7rem;
}

h5 {
  font-size: clamp(15px, 1.6vw, 18px);
  line-height: 1.6;
  font-weight: 500;
  margin-bottom: 0.6rem;
}

h6 {
  font-size: clamp(14px, 1.4vw, 16px);
  line-height: 1.6;
  font-weight: 500;
  margin-bottom: 0.5rem;
}


.tagrean-seo-text {
  max-height: 200px;
  overflow: hidden;
  position: relative;
  transition: max-height 0.6s ease;
}

.tagrean-seo-text.open {
  max-height: 5000px; /* yazı çok uzunsa daha büyük yap */
}

/* Ürün kategorisi ve ürün sayfalarında tagrean-readmore-btn için özel stil */
body.archive.woocommerce .tagrean-readmore-btn,
body.tax-product_cat .tagrean-readmore-btn,
body.single-product .tagrean-readmore-btn {
  background-color: transparent;
  border: 2px solid #24262b;
  color: #24262b;
  padding: 10px 18px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.3s ease;
  display: inline-block;
  text-align: center;
  text-decoration: none;
}

body.archive.woocommerce .tagrean-readmore-btn:hover,
body.tax-product_cat .tagrean-readmore-btn:hover,
body.single-product .tagrean-readmore-btn:hover {
  background-color: #b27564;
  color: #fff;
  border: 2px solid #b27564;
}


.tagrean-main-button {
  display: inline-block;
  background-color: #000; /* Buton rengi */
  color: #fff;
  padding: 12px 24px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

.tagrean-main-button:hover {
  background-color: #333;
}