/*
Theme Name: GeneratePress Child - Wellmas
Template: generatepress
Description: Wellmas Otomotiv Kimyasalları için özel child theme - Inter fontu (self-hosted) ve marka paleti.
Version: 1.0.0
*/

/* ===== Inter font (self-hosted, latin + latin-ext / Türkçe karakter desteği) ===== */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('fonts/inter-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+0131, U+0152-0153, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('fonts/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ===== Marka renk paleti (wellmas.com.tr kaynağından) ===== */
:root {
  --wm-primary: #e7302a;
  --wm-primary-dark: #c72520;
  --wm-primary-darker: #a91410;
  --wm-text: #14171c;
  --wm-text-secondary: #2a2f38;
  --wm-bg: #ffffff;
  --wm-bg-alt: #f5f7fa;
  --wm-bg-alt2: #eef1f6;
  --wm-border: #e7eaef;

  /*
   * GeneratePress'in kendi "accent/contrast" global renk değişkenleri
   * varsayılan olarak GP mavisinde (#1e73be) kalmıştı (menüde aktif sayfa
   * linki gibi yerlerde görünüyordu) - marka paletiyle hizalanıyor.
   */
  --accent: var(--wm-primary);
  --contrast: var(--wm-text);
}

/* ===== Tipografi ===== */
body,
button,
input,
select,
textarea {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  color: var(--wm-text-secondary);
}

h1, h2, h3, h4, h5, h6,
.site-title,
.entry-title {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--wm-text);
}

/* ===== Bağlantılar ===== */
a {
  color: var(--wm-primary);
  transition: color .15s ease;
}
a:hover,
a:focus {
  color: var(--wm-primary-dark);
}

/* ===== Butonlar (genel + WooCommerce) ===== */
.button,
button,
input[type="submit"],
input[type="button"],
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit,
.woocommerce input.button,
.woocommerce-message a.button,
.woocommerce a.added_to_cart {
  background-color: var(--wm-primary);
  border-color: var(--wm-primary);
  color: #ffffff;
  border-radius: 6px;
  font-weight: 600;
  letter-spacing: -0.01em;
  padding: 0.75em 1.5em;
  transition: background-color .15s ease, border-color .15s ease, transform .1s ease;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce input.button:hover {
  background-color: var(--wm-primary-dark);
  border-color: var(--wm-primary-dark);
  color: #ffffff;
}
.button:active,
button:active {
  background-color: var(--wm-primary-darker);
  border-color: var(--wm-primary-darker);
}

/* ===== Üst bilgi / navigasyon ===== */
.site-header,
.main-navigation {
  background-color: var(--wm-bg);
  border-bottom: 1px solid var(--wm-border);
}
.main-navigation a {
  color: var(--wm-text);
  font-weight: 500;
}
.main-navigation a:hover {
  color: var(--wm-primary);
}

/* ===== WooCommerce vurguları ===== */
.woocommerce span.onsale {
  background-color: var(--wm-primary);
  color: #fff;
  font-weight: 600;
}
.woocommerce ul.products li.product .price {
  color: var(--wm-text);
  font-weight: 600;
}
.woocommerce ul.products li.product .price ins {
  color: var(--wm-primary);
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background-color: var(--wm-primary);
  color: #fff;
  border-color: var(--wm-primary);
}

/* ===== Genel bölüm arkaplanları ===== */
.wm-section-alt {
  background-color: var(--wm-bg-alt);
}
.wm-section-border {
  border-top: 1px solid var(--wm-border);
}

/* ===== Footer ===== */
.site-footer,
.site-footer a {
  background-color: var(--wm-text);
  color: #ffffff;
}
.site-footer a:hover {
  color: var(--wm-primary);
}