/*
Theme Name: Kimteks
Theme URI: https://kimtekskimya.com
Author: Kimteks Kimya
Description: Kimteks Kimya için özel blok teması — İsviçre editoryal sadeliğinde, lüks ve temiz kurumsal tasarım.
Version: 2.0.0
Requires at least: 6.6
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kimteks
*/

:root {
  --k-bg: #FFFFFF;
  --k-surface: #FFFFFF;
  --k-ink: #101114;
  --k-gray: #6E7076;
  --k-hairline: #E5E4DF;
  --k-navy: #1F2A63;
  --k-red: #C31A26;
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-feature-settings: "ss01" on;
}

::selection {
  background: var(--k-ink);
  color: var(--k-bg);
}

img {
  border-radius: 0;
}

h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

/* ---------- Mikro etiket ---------- */
.k-label {
  font-size: 0.6875rem !important;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--k-gray) !important;
}

.k-label-light {
  color: rgba(255, 255, 255, 0.55) !important;
}

/* Kırmızı nokta — markanın tek renk vurgusu */
.k-dot {
  color: var(--k-red);
}

/* ---------- Üst bilgi ---------- */
.k-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: saturate(1.2) blur(14px);
  -webkit-backdrop-filter: saturate(1.2) blur(14px);
  border-bottom: 1px solid var(--k-hairline);
}

.k-header .wp-block-navigation a {
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-decoration: none;
  color: var(--k-ink);
  transition: opacity 0.25s ease;
}

.k-header .wp-block-navigation a:hover {
  opacity: 0.45;
}

/* Açılır menü — beyaz, hassas, yumuşak geçişli */
.k-header .wp-block-navigation .wp-block-navigation__submenu-container {
  background: #FFFFFF !important;
  color: var(--k-ink) !important;
  border: 1px solid var(--k-hairline) !important;
  border-top: 2px solid var(--k-ink) !important;
  border-radius: 0 !important;
  box-shadow: 0 28px 64px rgba(16, 17, 20, 0.12);
  min-width: 280px !important;
  padding: 10px 0 !important;
}

.k-header .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
  transform: translateY(10px);
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
}

.k-header .wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container,
.k-header .wp-block-navigation .has-child:focus-within .wp-block-navigation__submenu-container {
  transform: translateY(0);
}

.k-header .wp-block-navigation .wp-block-navigation__submenu-container a {
  text-transform: none;
  letter-spacing: 0.01em;
  font-size: 0.8438rem;
  font-weight: 400;
  color: var(--k-ink) !important;
  padding: 10px 22px !important;
  transition: color 0.2s ease, padding-left 0.2s ease;
}

.k-header .wp-block-navigation .wp-block-navigation__submenu-container a::after {
  display: none;
}

.k-header .wp-block-navigation .wp-block-navigation__submenu-container a:hover {
  opacity: 1;
  color: var(--k-navy) !important;
  padding-left: 28px !important;
}

/* ---------- Manşet tipografisi ---------- */
.k-display {
  letter-spacing: -0.035em !important;
  text-wrap: balance;
}

/* ---------- İstatistik şeridi ---------- */
.k-stats {
  border-top: 1px solid var(--k-hairline);
  border-bottom: 1px solid var(--k-hairline);
}

.k-stat-num {
  font-size: clamp(1.625rem, 2.4vw, 2.125rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.03em;
  line-height: 1.1 !important;
  color: var(--k-ink) !important;
}

/* ---------- Katalog indeksi (ürün grupları) ---------- */
.k-index {
  border-top: 1px solid var(--k-hairline);
}

.k-index-row {
  border-bottom: 1px solid var(--k-hairline);
  padding: 34px 8px !important;
  transition: background 0.3s ease, padding-left 0.3s ease;
}

.k-index-row:hover {
  padding-left: 20px !important;
}

.k-index-num {
  font-size: 0.75rem !important;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: var(--k-gray) !important;
  min-width: 44px;
}

.k-index-title {
  font-size: clamp(1.0625rem, 1.5vw, 1.3125rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em;
  line-height: 1.2 !important;
}

.k-index-title a {
  text-decoration: none;
  color: var(--k-ink);
  transition: color 0.25s ease;
}

.k-index-row:hover .k-index-title a {
  color: var(--k-navy);
}

.k-index-desc {
  font-size: 0.875rem !important;
  color: var(--k-gray) !important;
  line-height: 1.6;
}

.k-index-arrow {
  font-size: 1.25rem !important;
  color: var(--k-ink) !important;
  transition: transform 0.3s ease;
}

.k-index-row:hover .k-index-arrow {
  transform: translateX(6px);
}

.k-index-row .k-index-desc {
  flex: 0 1 380px;
}

@media (max-width: 781px) {
  .k-index-desc {
    display: none;
  }

  .k-index-row {
    padding: 24px 4px !important;
  }
}

/* ---------- Büyük ifade paragrafı ---------- */
.k-statement {
  font-size: clamp(1.1875rem, 1.8vw, 1.5rem) !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em;
  line-height: 1.45 !important;
  text-wrap: balance;
}

/* ---------- Slayt gösterisi ---------- */
.k-slider {
  position: relative;
  overflow: hidden;
  background: #101114;
}

.k-slider-home {
  height: clamp(540px, 80vh, 780px);
}

/* Hero içine gömülü istatistik şeridi */
.k-hero-stats {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
}

.k-hero-stats-inner {
  max-width: 1304px;
  margin: 0 auto;
  padding: 22px 32px 30px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.22);
}

.k-hs-num {
  font-size: clamp(1.375rem, 2vw, 1.75rem);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: #fff;
  margin: 0 0 6px;
}

.k-hero-stats .k-label {
  color: rgba(255, 255, 255, 0.55) !important;
  margin: 0;
}

.k-slider-home .k-slide-caption {
  padding-bottom: 158px;
}

.k-slider-home .k-slider-nav {
  bottom: 142px;
}

.k-slider-banner {
  height: clamp(300px, 44vh, 440px);
}

.k-slider .k-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 1.4s ease;
  z-index: 1;
}

.k-slider .k-slide.is-active {
  opacity: 1;
  z-index: 2;
}

.k-slider .k-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.k-slider .k-slide.is-active img {
  animation: k-zoom 8s ease-out forwards;
}

@keyframes k-zoom {
  from {
    transform: scale(1.05);
  }
  to {
    transform: scale(1);
  }
}

.k-slider .k-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(10, 10, 13, 0.72) 0%, rgba(10, 10, 13, 0.18) 48%, rgba(10, 10, 13, 0.05) 100%);
  z-index: 2;
}

.k-slide-caption,
.k-banner-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  max-width: 1304px;
  margin: 0 auto;
  padding: 0 32px 52px;
}

.k-slide-caption .k-label,
.k-banner-caption .k-label {
  color: rgba(255, 255, 255, 0.6) !important;
  margin: 0 0 14px;
}

.k-slide-caption h1,
.k-slide-caption h2,
.k-banner-caption h1 {
  font-size: clamp(1.625rem, 2.8vw, 2.5rem);
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1.12;
  color: #fff;
  margin: 0;
  max-width: 620px;
  text-wrap: balance;
}

.k-banner-caption .k-banner-desc {
  font-size: 0.9375rem;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.75);
  margin: 14px 0 0;
  max-width: 560px;
}

.k-slide-caption p.k-slide-desc {
  font-size: 0.9375rem;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.72);
  margin: 14px 0 0;
  max-width: 460px;
}

.k-slide-caption .k-slide-link {
  display: inline-block;
  margin-top: 22px;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  padding-bottom: 4px;
  transition: opacity 0.25s ease;
}

.k-slide-caption .k-slide-link:hover {
  opacity: 0.6;
}

.k-slider-nav {
  position: absolute;
  right: max(32px, calc((100% - 1240px) / 2));
  bottom: 56px;
  z-index: 10;
  display: flex;
  gap: 8px;
}

.k-slider-nav button {
  width: 34px;
  height: 2px;
  padding: 0;
  border: none;
  background: rgba(255, 255, 255, 0.32);
  cursor: pointer;
  transition: background 0.3s ease;
}

.k-slider-nav button.is-active {
  background: #fff;
}

.k-slider-nav button:hover {
  background: rgba(255, 255, 255, 0.7);
}

@media (max-width: 781px) {
  .k-slide-caption,
  .k-banner-caption {
    padding: 0 32px 40px;
  }

  .k-slider-nav {
    right: 32px;
    bottom: 20px;
  }

  .k-slider-banner .k-slider-nav {
    display: none;
  }

  .k-slider-home {
    height: clamp(500px, 72vh, 640px);
  }

  .k-slide-desc {
    display: none;
  }

  .k-hero-stats-inner {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 20px;
    padding: 16px 32px 20px;
  }

  .k-hs-num {
    font-size: 1.125rem;
    margin-bottom: 2px;
  }

  .k-slider-home .k-slide-caption {
    padding-bottom: 170px;
  }

  .k-slider-home .k-slider-nav {
    bottom: 150px;
  }
}

/* ---------- İletişim sütunları ---------- */
.k-contact-col {
  border-top: 1px solid var(--k-ink);
  padding-top: 28px !important;
}

/* ---------- Ürün grubu kartları ---------- */
.k-prod-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 48px 24px;
}

.k-prod-grid > * {
  margin-block-start: 0 !important;
  margin-top: 0 !important;
}

.k-prod-card {
  display: flex;
  flex-direction: column;
}

.k-prod-card .k-link {
  margin-top: auto !important;
  padding-top: 16px;
}

.k-prod-card .k-label {
  margin-top: 18px;
}

.k-prod-card .k-index-title {
  margin-top: 8px;
}

.k-prod-card:hover .k-index-title a {
  color: var(--k-navy);
}

.k-prod-desc {
  font-size: 0.875rem !important;
  color: var(--k-gray) !important;
  line-height: 1.6;
  margin-top: 8px;
}

@media (max-width: 1023px) {
  .k-prod-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 620px) {
  .k-prod-grid {
    grid-template-columns: 1fr;
  }
}

/* ---------- Sertifika logoları sırası ---------- */
.k-certs-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 32px 40px;
  padding: 24px 0;
}

.k-certs-row img {
  height: clamp(72px, 9vw, 124px);
  width: auto;
  display: block;
}

@media (max-width: 781px) {
  .k-certs-row {
    justify-content: center;
    gap: 28px 36px;
    padding: 32px 0;
  }
}

/* ---------- Ürün kodu listesi (kategori sayfaları) ---------- */
ul.k-codes {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  column-gap: 40px;
  row-gap: 0;
}

ul.k-codes li {
  font-size: 0.8125rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--k-ink);
  border-bottom: 1px solid var(--k-hairline);
  padding: 16px 2px;
  transition: color 0.25s ease, padding-left 0.3s ease;
}

ul.k-codes li:hover {
  color: var(--k-navy);
  padding-left: 10px;
}

/* ---------- Özellik listesi ---------- */
ul.k-feats {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

ul.k-feats li {
  padding: 20px 0;
  border-bottom: 1px solid var(--k-hairline);
  line-height: 1.65;
}

ul.k-feats li:first-child {
  border-top: 1px solid var(--k-hairline);
}

/* ---------- Editoryal görsel kartları ---------- */
.k-media img {
  display: block;
  width: 100%;
  transition: opacity 0.4s ease;
}

.k-media a:hover img {
  opacity: 0.88;
}

.k-cert img {
  border: 1px solid var(--k-hairline);
  background: #fff;
  transition: opacity 0.3s ease;
}

.k-cert a:hover img {
  opacity: 0.85;
}

/* ---------- Bağlantılar ---------- */
.k-link a {
  font-size: 0.75rem !important;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  text-decoration: none;
  color: var(--k-ink) !important;
  border-bottom: 1px solid var(--k-ink);
  padding-bottom: 4px;
  transition: opacity 0.25s ease;
}

.k-link a:hover {
  opacity: 0.45;
}

.k-link-light a {
  color: #fff !important;
  border-bottom-color: rgba(255, 255, 255, 0.6);
}

/* ---------- Düğmeler ---------- */
.wp-block-button__link {
  border-radius: 0 !important;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  padding: 17px 34px;
  transition: opacity 0.25s ease;
}

.wp-block-button__link:hover {
  opacity: 0.85;
}

.is-style-outline > .wp-block-button__link {
  border-width: 1px;
}

/* ---------- Alt bilgi ---------- */
.k-footer {
  border-top: 1px solid var(--k-hairline);
}

.k-footer a {
  color: var(--k-ink);
  text-decoration: none;
  transition: color 0.25s ease;
}

.k-footer a:hover {
  color: var(--k-navy);
}

.k-fmuted {
  color: var(--k-gray) !important;
}

/* ---------- Ayraçlar ---------- */
.wp-block-separator {
  border: none;
  border-top: 1px solid var(--k-hairline);
  background: none !important;
}

/* ---------- İnce ayar ---------- */
.wp-block-cover {
  border-radius: 0;
}

.wp-site-blocks {
  background: var(--k-bg);
}