/*
Theme Name: io
Theme URI: https://efyuar.com
Author: Efyuar
Author URI: https://efyuar.com
Description: İK Ofis için özel geliştirilmiş, statik tasarımdan birebir dönüştürülmüş WordPress teması. Tailwind tabanlı, header/footer site üzerinden yönetilebilir, blog WordPress yazılarıyla çalışır.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: io
*/

/* Le Monde Journal başlık fontu (varsa). Yoksa serif'e düşer. */
@font-face {
  font-family: 'le-monde-journal-std-2';
  src: url('assets/fonts/le-monde-journal-std-2.woff2') format('woff2'),
       url('assets/fonts/le-monde-journal-std-2.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Blog yazısı içerik tipografisi (single.php) */
.blog-content h2 {
  font-family: 'Playfair Display', serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #171819;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
.blog-content h3 {
  font-family: 'Playfair Display', serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: #171819;
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
}
.blog-content p { margin-bottom: 1rem; }
.blog-content ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 1rem; }
.blog-content ol { list-style: decimal; padding-left: 1.5rem; margin-bottom: 1rem; }
.blog-content a { color: #c8ab66; text-decoration: underline; }
.blog-content img { border-radius: 0.75rem; margin: 1rem 0; }

/* main.js scroll animasyonu için */
.animate-fade-in-up { will-change: opacity, transform; }

/* WordPress yönetici çubuğu ile sabit header çakışmasını önle */
body.admin-bar header.fixed { top: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar header.fixed { top: 46px; }
}

/* -------- Contact Form 7 (.io-cf7) tasarıma uyum -------- */
.io-cf7 .io-cf7-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; }
@media (max-width:768px){ .io-cf7 .io-cf7-grid { grid-template-columns:1fr; } }
.io-cf7 .io-field { margin-bottom:1.5rem; }
.io-cf7 .io-lbl { display:block; font-size:.875rem; font-weight:600; color:#374151; margin-bottom:.5rem; }
.io-cf7 input[type=text],
.io-cf7 input[type=email],
.io-cf7 input[type=tel],
.io-cf7 textarea {
  width:100%; padding:.75rem 1rem; border:1px solid #d1d5db; border-radius:.5rem;
  background:#f9fafb; color:#111827; font-size:1rem; transition:all .3s; box-sizing:border-box;
}
.io-cf7 input[type=text]:focus,
.io-cf7 input[type=email]:focus,
.io-cf7 input[type=tel]:focus,
.io-cf7 textarea:focus {
  outline:none; background:#fff; border-color:transparent; box-shadow:0 0 0 2px #c8ab66;
}
.io-cf7 textarea { resize:none; min-height:140px; }
.io-cf7 .wpcf7-form-control-wrap { display:block; }
.io-cf7 .wpcf7-acceptance .wpcf7-list-item { margin:0; }
.io-cf7 .wpcf7-acceptance label { display:flex; align-items:flex-start; gap:.6rem; font-size:.875rem; color:#4b5563; font-weight:400; }
.io-cf7 .wpcf7-acceptance input[type=checkbox] { margin-top:.2rem; width:1rem; height:1rem; flex-shrink:0; }
.io-cf7 .io-accept a, .io-cf7 a { color:#c8ab66; text-decoration:underline; }
.io-cf7 input[type=submit] {
  width:100%; cursor:pointer; border:none; color:#fff; font-weight:600;
  padding:1rem 2rem; border-radius:.5rem; font-size:1rem;
  background:linear-gradient(to right,#c8ab66,#b59a5a);
  transition:all .3s ease; box-shadow:0 10px 15px -3px rgba(0,0,0,.1);
}
.io-cf7 input[type=submit]:hover { background:linear-gradient(to right,#b59a5a,#c8ab66); transform:scale(1.02); box-shadow:0 20px 25px -5px rgba(0,0,0,.15); }
.io-cf7 .wpcf7-spinner { margin:.5rem auto 0; display:block; }
.io-cf7 .wpcf7-response-output { border-radius:.5rem; margin:1rem 0 0 !important; padding:.75rem 1rem !important; font-size:.9rem; }
.io-cf7 .wpcf7-not-valid-tip { color:#dc2626; font-size:.8rem; margin-top:.25rem; }
