/*
Theme Name: Deva Makine
Theme URI: https://devamakine.com
Author: Deva Makine
Author URI: https://devamakine.com
Description: Deva Makine kurumsal web sitesi için modern WordPress Block Theme. ACF Pro ile entegre, WPML uyumlu, SEO ve performans odaklı.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: deva
Tags: full-site-editing, block-patterns, custom-colors, custom-logo, custom-menu, editor-style, featured-images, wide-blocks, translation-ready

Deva Makine - Blower ve Vakum Sistemleri
*/

/* =========================================================
   Blog Detail Content — Typography Spacing
   Tailwind preflight margin'leri sıfırladığı için
   the_content() çıktısındaki blok elemanlar arası boşluk
   ========================================================= */

/* Ardışık blok elemanlar arası temel boşluk */
.blog-detail-content > * + * {
    margin-top: 1em;
}

/* Başlık öncesi daha fazla boşluk (yeni bölüm hissi) */
.blog-detail-content > * + h1,
.blog-detail-content > * + h2,
.blog-detail-content > * + h3,
.blog-detail-content > * + h4,
.blog-detail-content > * + h5,
.blog-detail-content > * + h6 {
    margin-top: 1.5em;
}

/* Başlık sonrası paragraf/liste — daha sıkı */
.blog-detail-content > h1 + *,
.blog-detail-content > h2 + *,
.blog-detail-content > h3 + *,
.blog-detail-content > h4 + *,
.blog-detail-content > h5 + *,
.blog-detail-content > h6 + * {
    margin-top: 0.5em;
}

/* Liste öğeleri arası küçük boşluk */
.blog-detail-content li + li {
    margin-top: 0.35em;
}

/* İç içe listeler */
.blog-detail-content li > ul,
.blog-detail-content li > ol {
    margin-top: 0.35em;
}

/* Blockquote */
.blog-detail-content blockquote {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-left: 1em;
    border-left: 3px solid currentColor;
}

/* =========================================================
   Blog Detail Tables — the_content() çıktısı
   WP core block-library CSS dequeue edildiği için
   .wp-block-table tamamen burada stilleniyor. Geniş tablolar
   mobilde section dışına taşmasın diye figure overflow-x: auto
   ile kendi içinde yatay scroll yapıyor; üst grid/flex item'ların
   default min-width: auto olması nedeniyle :has() ile
   ancestor'larda min-width: 0 garanti ediliyor.
   ========================================================= */

/* Geniş tablo içeren blog içeriğinin ata grid/flex item'ları
   shrink edebilsin → figure layout'u taşmaz. */
.blog-detail-content,
.blog-detail-content > *,
:has(> .blog-detail-content),
:has(> div > .blog-detail-content) {
    min-width: 0;
}

.blog-detail-content .wp-block-table {
    margin: 0;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.blog-detail-content .wp-block-table > table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    font-size: 0.8125rem;
    line-height: 1.45;
}

/* WP varsayılan .has-fixed-layout sütunları eşit genişlikte
   sıkıştırıyor; içeriğe göre genişlemesi için auto'ya zorla. */
.blog-detail-content .wp-block-table > table.has-fixed-layout {
    table-layout: auto;
}

/* Mobilde yeterli okunabilir genişlik; parent'tan büyükse
   figure içinde yatay scroll devreye girer. */
@media (max-width: 768px) {
    .blog-detail-content .wp-block-table > table {
        min-width: 560px;
    }
}

.blog-detail-content .wp-block-table th,
.blog-detail-content .wp-block-table td {
    border: 1px solid #e2e8f0;
    padding: 0.625rem 0.75rem;
    text-align: left;
    vertical-align: top;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: auto;
}

/* Header satırı: <thead><th> veya tbody'nin <th>'lerden oluşan
   ilk satırı (Gutenberg "header section" kapalıyken). */
.blog-detail-content .wp-block-table thead th,
.blog-detail-content .wp-block-table > table > tbody > tr:first-child > th {
    background-color: #0F172A;
    color: #ffffff;
    font-weight: 700;
    text-align: left;
    border-color: #0F172A;
}

.blog-detail-content .wp-block-table tbody tr:nth-child(even) {
    background-color: rgba(15, 23, 42, 0.04);
}

.blog-detail-content .wp-block-table figcaption {
    margin-top: 0.5rem;
    font-size: 0.75rem;
    color: #64748b;
    text-align: center;
}

/* =========================================================
   Product tab içeriği (data-tab-content) — başlık / blok arası boşluk
   Tailwind preflight margin sıfırladığı için h etiketlerine üst boşluk
   ========================================================= */

.data-tab-content .data-content > * + * {
    margin-top: 1em;
}

.data-tab-content .data-content > * + h1,
.data-tab-content .data-content > * + h2,
.data-tab-content .data-content > * + h3,
.data-tab-content .data-content > * + h4,
.data-tab-content .data-content > * + h5,
.data-tab-content .data-content > * + h6 {
    margin-top: 1.5em;
}

.data-tab-content .data-content > h1 + *,
.data-tab-content .data-content > h2 + *,
.data-tab-content .data-content > h3 + *,
.data-tab-content .data-content > h4 + *,
.data-tab-content .data-content > h5 + *,
.data-tab-content .data-content > h6 + * {
    margin-top: 0.5em;
}

/*
 * Doğrudan .data-content çocuğu başlıklar: yukarıdaki > * + h kuralları (1.5em).
 * Bir seviye içerideki başlıklar: margin-top (Rank Math .rank-math-question hariç).
 */
.data-tab-content .data-content * :is(h1, h2, h3, h4, h5, h6):not(.rank-math-question) {
    margin-top: 1.25em;
}

.data-tab-content .data-content > :is(h1, h2, h3, h4, h5, h6):first-child:not(.rank-math-question),
.data-tab-content
    .data-content
    > :first-child
    :is(h1, h2, h3, h4, h5, h6):not(.rank-math-question):first-child {
    margin-top: 0;
}

/* =========================================================
   Rank Math FAQ — içerik akışında boşluk (sayfa/şablon bağımsız)
   ========================================================= */

.rank-math-block,
.wp-block-rank-math-faq-block {
    margin-bottom: 1.5em;
}

.rank-math-block .rank-math-question,
.wp-block-rank-math-faq-block .rank-math-question {
    margin: 0;
    color: var(--color-accent-4);
}

/*
 * page.php → the_content() çıktısında Rank Math FAQ bloğu kendi mobil
 * padding'ini taşımadığından mobilde viewport kenarına dayanıyor.
 * JS (assets/js/rank-math-faq.js) yüklenmeden önce CLS yaşamamak ve
 * JS'in çalışmadığı durumlarda da hizayı korumak için temel yatay
 * padding'i CSS'ten veriyoruz. Padded ata içindeyken (blog detayı,
 * ürün sekmeleri) bu kural sıfırlanır — çift padding oluşmaz.
 *
 * Sadece FAQ bloğunu hedeflemek için spesifik class kullanıyoruz
 * (TOC vb. diğer Rank Math blokları .rank-math-block paylaşabilir).
 */
.wp-block-rank-math-faq-block {
    padding-inline: var(--padding-mobile);
}

@media (min-width: 1024px) {
    .wp-block-rank-math-faq-block {
        padding-inline: var(--padding-main);
    }
}

.blog-detail-content .wp-block-rank-math-faq-block,
.data-tab-content .wp-block-rank-math-faq-block {
    padding-inline: 0;
}

/* =========================================================
   Full Width CTA — liste tipografi (Tailwind [&_…] sınıfları
   HTML class özniteliğinde & / > ile attribute kırılmasın diye CSS)
   ========================================================= */

.full-width-cta__description ul {
    list-style-type: disc;
    padding-left: 1.25rem;
}

.full-width-cta__description li::marker {
    color: #fff;
}

.full-width-cta__description li > p {
    display: inline;
}

.full-width-cta__description h3 {
    font-weight: var(--font-weight-bold);
}

.feature-cards__description ul {
    list-style-type: disc;
    list-style-position: outside;
    padding-left: calc(var(--spacing) * 4);
    margin: 10px;
}

/* =========================================================
   Sürdürülebilirlik sayfası — marka mavileri yeşil (Tailwind
   --color-* değişkenleri; siyah/gri metin sınıfları değişmez).
   body sınıfı: functions.php → deva_body_class_sustainability_page
   ========================================================= */

body.deva-page-sustainability {
    --color-main: #1b7f3a;
    --color-primary: #1b7f3a;
    --color-secondary: #2e9d4e;
    --color-accent-4: #14532d;
    --color-accent-8: #8fbc9a;
    --color-accent-9: #153d24;
    --color-card: #1a5c2e;
    --color-footer-header: #b8d4c4;
    --color-accent-1: #e8f5ec;
}


@media (max-width: 1023px) {
    [data-search-overlay] input[type="text"] {
        font-size: 16px;
    }
}