/* ================================================================ customcss/type-yayinlar.css — Yayın detay sayfaları (post_type=yayinlar) ---------------------------------------------------------------- erg_enqueue_post_type_custom_css() bu dosyayı yalnızca tekil yayın sayfalarında, tüm tema/Elementor stillerinden SONRA yükler. KAPSAM: yalnızca sol içerik sütunu (`.post-layout > .erg-content`). Sağ sütun (kapak, PDF İndir / Hemen Oku, künye, paylaş), hero, etiketler, önceki/sonraki ve "İlgili Yayınlar" bu dosyanın dışında. Her seçici `.erg-section` ile başlar; `!important` yok. 143 yayının yapısı tarandı: - 84'ü Elementor ile kurulmuş; neredeyse hepsi aynı AÇILIŞ KARTIYLA başlıyor: gölgeli beyaz kutu, içinde kapak sütunu + metin sütunu ve "Dosyayı İndir" düğmesi (kapak ya solda ya sağda). - 23'ünde kartın altında uzun içerik var (Eğitim İzleme Raporları: başlıklar, grafikler, renkli bilgi kutuları, zaman çizelgesi). - 59'u klasik metin (Elementor verisi yok). Bölümler: 1) Açılış kartı — kutu kalkar; solda 200px kapak küçük resmi, sağda metin. Kartta kalan düğmeler ("Yönetici özeti", "İngilizce rapor"…) sağ sütundaki "Hemen Oku" gibi çerçeveli ikincil düğmedir. Sağ sütundaki dosyanın tekrarı olan düğmeleri CSS gizlemez: type-yayinlar.js bağlantıları karşılaştırıp yalnızca eşleşeni kaldırır. 2) İçerik — kutu gölgeleri ve köşeler, başlıklar, metin, görsel, video, düğmeler. Renk ve boyutta Elementor'da öğeye özel verilmiş değerler korunur (`:where()` ile özgüllüğü 0 olan varsayılanlar): magenta bilgi kutusundaki beyaz yazı beyaz kalır. 3) Klasik (Elementor'suz) yayınlar — okuma tipografisi. ================================================================ */ /* ---------------------------------------------------------------- 1) AÇILIŞ KARTI ---------------------------------------------------------------- */ /* Kartın önündeki boş bölümler (hiç bileşeni olmayan; EİR 2024 / 34162) kartı aşağı itmesin. */ .erg-section .post-layout > .erg-content--elementor > .elementor > .elementor-element:nth-child(-n+2):not(:has(.elementor-widget)) { display: none; } /* Kartı taşıyan üst kutu: iç boşluk ve zemin yok; altındaki içerikle arasında 48px. */ .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con), .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner { padding: 0; margin: 0; background: none; box-shadow: none; } .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) { margin-bottom: 48px; } /* Kartın kendisi: gölge/çerçeve/köşe kalkar, kapak + metin ızgarası olur. */ .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con).e-con-full:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor), .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor), .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor), .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) { display: grid; grid-template-columns: 200px minmax(0, 1fr); column-gap: 40px; row-gap: 24px; align-items: start; width: 100%; margin: 0; padding: 0; background: none; border: 0; border-radius: 0; box-shadow: none; } .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con).e-con-full:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) > .e-con, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) > .e-con, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) > .e-con, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) > .e-con { width: auto; min-width: 0; margin: 0; padding: 0; gap: 16px; background: none; border: 0; border-radius: 0; box-shadow: none; } /* Kapak sütunu her zaman solda, metin sağda (Elementor'da sıra ikisi de var). */ .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con).e-con-full:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) > .e-con:has(> .elementor-widget-image), .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) > .e-con:has(> .elementor-widget-image), .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) > .e-con:has(> .elementor-widget-image), .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) > .e-con:has(> .elementor-widget-image) { grid-column: 1; grid-row: 1; } .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con).e-con-full:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) > .e-con:not(:has(> .elementor-widget-image)), .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) > .e-con:not(:has(> .elementor-widget-image)), .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) > .e-con:not(:has(> .elementor-widget-image)), .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) > .e-con:not(:has(> .elementor-widget-image)) { grid-column: 2; grid-row: 1; } /* Kapak: küçük resim, ince çerçeve. */ .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con).e-con-full:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-image, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-image, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-image, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-image { width: 100%; margin: 0; } .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con).e-con-full:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-image img, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-image img, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-image img, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-image img { display: block; width: 100%; max-width: 100%; height: auto; border-radius: var(--r-md); box-shadow: 0 0 0 1px var(--rule); } /* Metin */ .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con).e-con-full:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-text-editor, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-text-editor, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-text-editor, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-text-editor { max-width: min(760px, 100%); /* Elementor'un 100% sınırını ezmesin */ margin: 0; font-family: var(--ff-sans); font-size: 16px; line-height: 1.7; text-align: start; color: var(--ink-soft); } .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con).e-con-full:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-text-editor p, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-text-editor p, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-text-editor p, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-text-editor p { margin: 0 0 1em; } .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con).e-con-full:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-text-editor p:last-child, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-text-editor p:last-child, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-text-editor p:last-child, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-text-editor p:last-child { margin-bottom: 0; } /* Kalan düğmeler (yönetici özeti, İngilizce rapor…): sağ sütundaki "Hemen Oku" gibi çerçeveli. */ .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con).e-con-full:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-button, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-button, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-button, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-button { width: auto; margin: 0; text-align: start; } .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con).e-con-full:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-button .elementor-button-wrapper, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-button .elementor-button-wrapper, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-button .elementor-button-wrapper, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-button .elementor-button-wrapper { text-align: start; } .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con).e-con-full:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-button .elementor-button, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-button .elementor-button, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-button .elementor-button, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-button .elementor-button { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border: 1px solid var(--rule); border-radius: 999px; background: var(--paper); color: var(--ink); font-family: var(--ff-mono); font-size: 12px; font-weight: 600; line-height: 1.3; letter-spacing: 0.04em; text-transform: uppercase; box-shadow: none; transition: background-color 140ms ease, border-color 140ms ease; } .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con).e-con-full:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-button .elementor-button:hover, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-button .elementor-button:hover, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-button .elementor-button:hover, .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) .elementor-widget-button .elementor-button:hover { background: var(--grey-100); border-color: var(--grey-400); color: var(--ink); transform: none; } /* ---------------------------------------------------------------- 2) İÇERİK (kartın altındaki uzun yayın içerikleri) ---------------------------------------------------------------- */ /* Sabit genişlikli bileşen içerikleri (ör. EAEL zaman çizelgesi mobilde 400px) sütundan taşmasın. */ .erg-section .post-layout > .erg-content--elementor > .elementor .elementor-widget > .elementor-widget-container { max-width: 100%; } /* Kutular: ağır gölgeler kalkar, köşeler temanın ölçüsüne iner. */ .erg-section .post-layout > .erg-content--elementor > .elementor .e-con { box-shadow: none; border-radius: var(--r-lg); } /* Başlıklar: mono, sola hizalı, büyük harf dönüşümü yok. Renk ve boyut Elementor'da öğeye özel verilmişse korunur (aşağıdaki yumuşak kurallar). */ .erg-section .post-layout > .erg-content--elementor > .elementor .elementor-widget-heading:where(:not(.elementor-widget-theme-post-title)) { text-align: start; } .erg-section .post-layout > .erg-content--elementor > .elementor .elementor-widget-heading:where(:not(.elementor-widget-theme-post-title)) .elementor-heading-title { font-family: var(--ff-mono); font-weight: 600; letter-spacing: -0.015em; line-height: 1.3; text-transform: none; text-align: start; } :where(.erg-section .post-layout > .erg-content--elementor > .elementor) .elementor-widget-heading .elementor-heading-title { color: var(--ink); } :where(.erg-section .post-layout > .erg-content--elementor > .elementor) .elementor-widget-heading :is(h1, h2).elementor-heading-title { font-size: clamp(22px, 2.4vw, 30px); } :where(.erg-section .post-layout > .erg-content--elementor > .elementor) .elementor-widget-heading h3.elementor-heading-title { font-size: clamp(19px, 1.8vw, 22px); } :where(.erg-section .post-layout > .erg-content--elementor > .elementor) .elementor-widget-heading :is(h4, h5, h6).elementor-heading-title { font-size: 17px; } /* Metin */ .erg-section .post-layout > .erg-content--elementor > .elementor .elementor-widget-text-editor { max-width: min(760px, 100%); /* Elementor'un 100% sınırını ezmesin */ font-family: var(--ff-sans); line-height: 1.7; text-align: start; } :where(.erg-section .post-layout > .erg-content--elementor > .elementor) .elementor-widget-text-editor { font-size: 16px; color: var(--ink-soft); } .erg-section .post-layout > .erg-content--elementor > .elementor .elementor-widget-text-editor p { margin: 0 0 1em; } .erg-section .post-layout > .erg-content--elementor > .elementor .elementor-widget-text-editor p:last-child { margin-bottom: 0; } /* Görsel ve video: kitin 35px köşesi yerine temanın ölçüsü. */ .erg-section .post-layout > .erg-content--elementor > .elementor .elementor-widget-image img { border-radius: var(--r-md); } .erg-section .post-layout > .erg-content--elementor > .elementor .elementor-widget-image .widget-image-caption { margin-top: 8px; font-size: 13px; line-height: 1.5; color: var(--muted); } .erg-section .post-layout > .erg-content--elementor > .elementor .elementor-widget-video .elementor-wrapper { border-radius: var(--r-lg); overflow: hidden; background: var(--grey-900); } /* Düğmeler: temanın .btn'i (hap, mono, büyük harf, ok). */ .erg-section .post-layout > .erg-content--elementor > .elementor .elementor-widget-button .elementor-button { display: inline-flex; align-items: center; padding: 12px 20px; border: 1px solid transparent; border-radius: 999px; background: var(--erg-p1); color: #fff; font-family: var(--ff-mono); font-size: 13px; font-weight: 600; line-height: 1.2; letter-spacing: 0.02em; text-transform: uppercase; transition: background-color 140ms ease, color 140ms ease, border-color 140ms ease; } .erg-section .post-layout > .erg-content--elementor > .elementor .elementor-widget-button .elementor-button:hover { background: var(--erg-p1-ink); color: #fff; } .erg-section .post-layout > .erg-content--elementor > .elementor .elementor-widget-button .elementor-button[class*="elementor-animation-"]:hover { transform: none; } .erg-section .post-layout > .erg-content--elementor > .elementor .elementor-widget-button .elementor-button .elementor-button-icon { display: none; } .erg-section .post-layout > .erg-content--elementor > .elementor .elementor-widget-button .elementor-button .elementor-button-content-wrapper { display: inline-flex; flex-direction: row; align-items: center; gap: 8px; } .erg-section .post-layout > .erg-content--elementor > .elementor .elementor-widget-button .elementor-button .elementor-button-content-wrapper::after { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--icon-arrow) center / contain no-repeat; mask: var(--icon-arrow) center / contain no-repeat; transition: transform 140ms ease; } .erg-section .post-layout > .erg-content--elementor > .elementor .elementor-widget-button .elementor-button:hover .elementor-button-content-wrapper::after { transform: translateX(3px); } /* ---------------------------------------------------------------- 3) KLASİK (Elementor'suz) YAYINLAR — okuma tipografisi ---------------------------------------------------------------- */ .erg-section .post-layout > .erg-content--elementor:not(:has(> .elementor)) { line-height: 1.7; color: var(--ink-soft); } .erg-section .post-layout > .erg-content--elementor:not(:has(> .elementor)) :is(p, ul, ol) { margin: 0 0 1em; } .erg-section .post-layout > .erg-content--elementor:not(:has(> .elementor)) :is(h2, h3, h4) { margin: 1.8em 0 0.6em; font-family: var(--ff-mono); font-weight: 600; line-height: 1.3; letter-spacing: -0.015em; color: var(--ink); } .erg-section .post-layout > .erg-content--elementor:not(:has(> .elementor)) h2 { font-size: clamp(22px, 2.4vw, 28px); } .erg-section .post-layout > .erg-content--elementor:not(:has(> .elementor)) h3 { font-size: clamp(19px, 1.8vw, 22px); } .erg-section .post-layout > .erg-content--elementor:not(:has(> .elementor)) h4 { font-size: 17px; } .erg-section .post-layout > .erg-content--elementor:not(:has(> .elementor)) img { height: auto; border-radius: var(--r-sm); box-shadow: 0 0 0 1px var(--rule); } /* ---------------------------------------------------------------- DAR EKRANLAR ---------------------------------------------------------------- */ @media (max-width: 1024px) { .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con).e-con-full:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor), .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor), .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor), .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) { grid-template-columns: 160px minmax(0, 1fr); column-gap: 32px; } } @media (max-width: 767px) { /* EİR 2020'deki EAEL zaman çizelgesine mobilde 0 200px iç boşluk girilmiş; içerik sıfıra sıkışıp sütunu taşırıyordu. */ .erg-section .post-layout > .erg-content--elementor > .elementor .elementor-widget-eael-content-timeline > .elementor-widget-container { padding-inline: 0; } } @media (max-width: 600px) { .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con).e-con-full:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor), .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor), .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor), .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) { grid-template-columns: minmax(0, 1fr); } .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con).e-con-full:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) > .e-con:not(:has(> .elementor-widget-image)), .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) > .e-con:not(:has(> .elementor-widget-image)), .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) > .e-con:not(:has(> .elementor-widget-image)), .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) > .e-con:not(:has(> .elementor-widget-image)) { grid-column: 1; grid-row: auto; } .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con).e-con-full:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) > .e-con:has(> .elementor-widget-image), .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) > .e-con:has(> .elementor-widget-image), .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con-inner > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) > .e-con:has(> .elementor-widget-image), .erg-section .post-layout > .erg-content--elementor > .elementor > .e-con:nth-child(-n+3):not(.elementor-element:has(.elementor-widget-text-editor) ~ .e-con) > .e-con:has(> .e-con > .elementor-widget-image):has(> .e-con > .elementor-widget-text-editor) > .e-con:has(> .elementor-widget-image) { max-width: 180px; } }