/* KATMAN (23.07.2026): tum kabuk `@layer serka.legacy` icindedir. Neden: katmansiz CSS katmanliyi yener; kabuk bu yuzden `assets/css/*` bilesenlerini eziyordu. `serka.legacy` alt katmani, dogrudan `serka` katmanindaki bilesenlerden ONCE gelir -> bilesen kazanir. Elementor katmansiz kaldigi icin hibrit delegasyon semantigi korunur. Geri donus: bu sarmali kaldir. */ @layer serka.legacy { /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olculdu 23.07.2026: kaldirilinca hesaplanan deger degisiyor. */ /* =========================================================== Serka Law — SITE-WIDE cinematic CONTENT skin (inner pages) Loaded after chrome.css on every non-homepage front-end page. Re-expresses the existing dark-only `.sg-*` content design in the cinematic FLIPPING tokens (--glass/--text/--muted/--line/ --gold[-2]/--serif from chrome.css :root + html.light), so: • DARK mode stays visually identical (cream/gold/serif), • LIGHT mode now adapts (no more black boxes / invisible text), • the cinematic field shows through cards (glass depth), • the legacy link-accent bleed becomes gold site-wide. Scope: body.serka-cine-chrome (inner only — homepage untouched). Source classes verified live via CDP on /about-us/, /ru/, /service/citizenship-by-investment/ (2026-06-13). Rollback: dequeue serka-cine-content / delete this file. =========================================================== */ /* ---------- SITE-WIDE SURFACE GUARD → the cinematic field stays visible ---------- */ body.serka-cine-chrome.serka-skinned:not(.wp-admin), body.serka-cine-chrome.serka-skinned:not(.wp-admin) #page, body.serka-cine-chrome.serka-skinned:not(.wp-admin) .site, body.serka-cine-chrome.serka-skinned:not(.wp-admin) .site-main, body.serka-cine-chrome.serka-skinned:not(.wp-admin) .content-area, body.serka-cine-chrome.serka-skinned:not(.wp-admin) main, body.serka-cine-chrome.serka-skinned:not(.wp-admin) .page-content, body.serka-cine-chrome.serka-skinned:not(.wp-admin) .elementor, body.serka-cine-chrome.serka-skinned:not(.wp-admin) .elementor-section, body.serka-cine-chrome.serka-skinned:not(.wp-admin) .elementor-top-section, body.serka-cine-chrome.serka-skinned:not(.wp-admin) .elementor-inner-section, body.serka-cine-chrome.serka-skinned:not(.wp-admin) .elementor-container, body.serka-cine-chrome.serka-skinned:not(.wp-admin) .elementor-column, body.serka-cine-chrome.serka-skinned:not(.wp-admin) .elementor-widget-wrap, body.serka-cine-chrome.serka-skinned:not(.wp-admin) .e-con, body.serka-cine-chrome.serka-skinned:not(.wp-admin) .e-con-inner{ background-color:transparent!important; } /* ---------- PANELS / CARDS → adaptive glass (matches homepage card) ---------- */ body.serka-cine-chrome .sg-card{ background:var(--glass); border:1px solid var(--line); border-radius:15px; backdrop-filter:blur(12px) saturate(140%); -webkit-backdrop-filter:blur(12px) saturate(140%); box-shadow:0 10px 30px rgba(0,0,0,.18); } html.light body.serka-cine-chrome .sg-card{box-shadow:0 10px 30px rgba(120,90,40,.10)} /* gold-tinted soft card keeps its accent, adapts border/shadow */ body.serka-cine-chrome .sg-card.sg-soft{background:rgba(194,154,86,.10);border-color:var(--line)} html.light body.serka-cine-chrome .sg-card.sg-soft{background:rgba(134,100,31,.10)} /* subtle fact / table cells → lighter glass token (avoids muddy glass-on-glass) */ body.serka-cine-chrome .sg-fact-card, body.serka-cine-chrome .sg-table-card{ background:var(--glass-2); border:1px solid var(--line); border-radius:12px; } /* oncelik bildirimi: gomulu tablo isaretlemesinin satir-ici ve eski tema CSS'i ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ /* ---------- TYPOGRAPHY → flipping tokens (force over hardcoded cream) ---------- */ /* strong / heading / value text → --text (cream in dark, ink in light) */ body.serka-cine-chrome .sg-h1, body.serka-cine-chrome .sg-h2, body.serka-cine-chrome .sg-h3, body.serka-cine-chrome .sg-card h2, body.serka-cine-chrome .sg-card h3, body.serka-cine-chrome .sg-fact-value, body.serka-cine-chrome .sg-table-value, body.serka-cine-chrome .sg-card strong, body.serka-cine-chrome .sg-card b{color:var(--text)!important} body.serka-cine-chrome .sg-h1, body.serka-cine-chrome .sg-h2, body.serka-cine-chrome .sg-h3{font-family:var(--serif)} /* oncelik bildirimi: gomulu tablo isaretlemesinin satir-ici ve eski tema CSS'i ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ /* body / secondary text → --muted (readable both modes; NOT gold — long legal copy) */ body.serka-cine-chrome .sg-lead, body.serka-cine-chrome .sg-p, body.serka-cine-chrome .sg-meta, body.serka-cine-chrome .sg-fact-label, body.serka-cine-chrome .sg-table-label, body.serka-cine-chrome .sg-table-item, body.serka-cine-chrome .sg-list li, body.serka-cine-chrome .sg-card p, body.serka-cine-chrome .sg-soft p{color:var(--muted)!important} /* eyebrow / kicker label → gold */ body.serka-cine-chrome .sg-eyebrow, body.serka-cine-chrome .sg-kicker{color:var(--gold)} /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olculdu 23.07.2026: kaldirilinca hesaplanan deger degisiyor. */ /* ---------- LINKS -> gold (kills legacy accent bleed site-wide) ---------- */ body.serka-cine-chrome .elementor a:not(.sg-btn):not(.elementor-button):not(.sg-btn--primary):not(.sg-btn--ghost){ color:var(--gold-2)!important;text-decoration:none;transition:color .2s; } /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olculdu 23.07.2026: kaldirilinca hesaplanan deger degisiyor. */ body.serka-cine-chrome .elementor a:not(.sg-btn):not(.elementor-button):hover{color:var(--gold)!important} /* oncelik bildirimi: gomulu tablo isaretlemesinin satir-ici ve eski tema CSS'i ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ /* byline / meta links keep the muted tone */ body.serka-cine-chrome .sg-meta a, body.serka-cine-chrome .sg-byline a{color:var(--gold-2)!important} /* ---------- BUTTONS → gold gradient (primary) + glass (ghost) ---------- */ body.serka-cine-chrome a.sg-btn--primary, body.serka-cine-chrome .sg-btn.sg-btn--primary{ background:linear-gradient(145deg,var(--gold-2),var(--gold)); color:var(--bg);border:1px solid rgba(232,202,123,.5); border-radius:999px;font-weight:800; box-shadow:0 10px 26px rgba(194,154,86,.28),inset 0 1px 0 rgba(255,255,255,.4); transition:transform .2s,box-shadow .25s; } body.serka-cine-chrome a.sg-btn--primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(194,154,86,.4),inset 0 1px 0 rgba(255,255,255,.5)} body.serka-cine-chrome a.sg-btn--ghost, body.serka-cine-chrome .sg-btn.sg-btn--ghost{ background:var(--glass-2);color:var(--text); border:1px solid var(--line);border-radius:999px;font-weight:700; transition:border-color .2s,color .2s; } body.serka-cine-chrome a.sg-btn--ghost:hover{border-color:var(--gold);color:var(--gold-2)} /* ---------- LISTS → gold markers ---------- */ body.serka-cine-chrome .sg-list{list-style:none;padding-inline-start:0} body.serka-cine-chrome .sg-list li{position:relative;padding-inline-start:22px} body.serka-cine-chrome .sg-list li::before{content:"";position:absolute;inset-inline-start:4px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px rgba(194,154,86,.5)} /* ---------- TABLES → glass header + token borders ---------- */ body.serka-cine-chrome .sg-table{border-collapse:separate;border-spacing:0;width:100%} /* oncelik bildirimi: gomulu tablo isaretlemesinin satir-ici ve eski tema CSS'i ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ body.serka-cine-chrome .sg-table th{background:var(--glass-2)!important;color:var(--gold)!important;border-bottom:1px solid var(--line)!important} /* oncelik bildirimi: gomulu tablo isaretlemesinin satir-ici ve eski tema CSS'i ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ body.serka-cine-chrome .sg-table td{color:var(--muted)!important;border-bottom:1px solid var(--line)!important} body.serka-cine-chrome .sg-table-item{border-bottom:1px solid var(--line)} /* ---------- GENERIC NATIVE-WIDGET SAFETY NET (any non-sg Elementor content) ---------- */ body.serka-cine-chrome .elementor-widget-heading h1, body.serka-cine-chrome .elementor-widget-heading h2, body.serka-cine-chrome .elementor-widget-heading h3, body.serka-cine-chrome .elementor-widget-heading .elementor-heading-title{color:var(--text);font-family:var(--serif)} body.serka-cine-chrome .elementor-widget-text-editor, body.serka-cine-chrome .elementor-widget-text-editor p, body.serka-cine-chrome .elementor-widget-text-editor li{color:var(--muted)} body.serka-cine-chrome .elementor-widget-icon-box .elementor-icon-box-title{color:var(--text)} body.serka-cine-chrome .elementor-widget-icon-box .elementor-icon-box-description{color:var(--muted)} /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ /* native Elementor buttons -> gold (override legacy accent) */ body.serka-cine-chrome .elementor-button:not(.cb-wa):not(.cb-sig){ background:linear-gradient(145deg,var(--gold-2),var(--gold))!important;color:var(--bg)!important;border-color:rgba(232,202,123,.5)!important; } /* ---------- HERO with background-photo (defensive: keep photo, cinematic veil) ---------- */ body.serka-cine-chrome .sg-hero[style*="background"], body.serka-cine-chrome .e-con[style*="background-image"]{position:relative} body.serka-cine-chrome .sg-hero[style*="background"]::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,6,4,.62),rgba(8,6,4,.82));pointer-events:none;z-index:0} html.light body.serka-cine-chrome .sg-hero[style*="background"]::before{background:linear-gradient(180deg,rgba(230,220,200,.55),rgba(230,220,200,.78))} body.serka-cine-chrome .sg-hero>*{position:relative;z-index:1} /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ /* ---------- FORMS (contact page) → glass inputs, adaptive labels ---------- */ body.serka-cine-chrome .elementor-field-group label, body.serka-cine-chrome .sg-form label{color:var(--text)!important} /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ body.serka-cine-chrome input[type=text], body.serka-cine-chrome input[type=email], body.serka-cine-chrome input[type=tel], body.serka-cine-chrome textarea, body.serka-cine-chrome select, body.serka-cine-chrome .elementor-field-textual{ background:var(--glass-2)!important;border:1px solid var(--line)!important;color:var(--text)!important;border-radius:10px!important; } /* oncelik bildirimi: tarayici varsayilani + Elementor form CSS'i ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ body.serka-cine-chrome input::placeholder, body.serka-cine-chrome textarea::placeholder{color:var(--muted)!important} /* ---------- LIGHT-MODE CATCH-ALL (safety net vs any missed cream-hardcoded text) ---------- */ html.light body.serka-cine-chrome .sg-page, html.light body.serka-cine-chrome .sg-card, html.light body.serka-cine-chrome .sg-grid, html.light body.serka-cine-chrome .sg-soft, html.light body.serka-cine-chrome .elementor-widget-text-editor{color:var(--text)} /* ---------- RTL (ar/he/fa): keep skin direction-neutral ---------- */ body.serka-cine-chrome[dir=rtl] .sg-list li, [dir=rtl] body.serka-cine-chrome .sg-list li{padding-inline-start:0;padding-inline-end:22px} /* RTL ezmesi KALDIRILDI: .sg-list isareti inset-inline-start ile aynalanir (KOL BE 23.07.2026) */ @media(prefers-reduced-motion:reduce){body.serka-cine-chrome a.sg-btn--primary{transition:none}} /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olculdu 23.07.2026: kaldirilinca hesaplanan deger degisiyor. */ /* SERKA-CONTENT-READABILITY-20260613: force Elementor pages into the chrome theme */ body.serka-cine-chrome.serka-skinned:not(.wp-admin) .elementor-section, body.serka-cine-chrome.serka-skinned:not(.wp-admin) .elementor-top-section, body.serka-cine-chrome.serka-skinned:not(.wp-admin) .elementor-inner-section, body.serka-cine-chrome.serka-skinned:not(.wp-admin) .elementor-container, body.serka-cine-chrome.serka-skinned:not(.wp-admin) .elementor-column, body.serka-cine-chrome.serka-skinned:not(.wp-admin) .elementor-widget-wrap, body.serka-cine-chrome.serka-skinned:not(.wp-admin) .e-con, body.serka-cine-chrome.serka-skinned:not(.wp-admin) .e-con-inner{ background-image:none!important; background-color:transparent!important; box-shadow:none!important; } body.serka-cine-chrome .elementor-widget-heading h1, body.serka-cine-chrome .elementor-widget-heading h2, body.serka-cine-chrome .elementor-widget-heading h3, body.serka-cine-chrome .elementor-widget-heading h4, body.serka-cine-chrome .elementor-widget-heading h5, body.serka-cine-chrome .elementor-widget-heading h6, body.serka-cine-chrome .elementor-widget-heading .elementor-heading-title, body.serka-cine-chrome .elementor-widget-icon-box .elementor-icon-box-title, body.serka-cine-chrome .elementor-widget-icon-box .elementor-icon-box-title a{ /* oncelik bildirimi: Elementor kit basligi (.elementor-widget-heading .elementor-heading-title) ayni ozelligi katmansiz basiyor — olculdu 23.07.2026: kaldirilinca ACIK modda baslik rengi var(--text) yerine kremaya donuyor (money sayfasi, element 314). */ color:var(--text)!important; opacity:1!important; text-shadow:none!important; } /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olculdu 23.07.2026: kaldirilinca hesaplanan deger degisiyor. */ body.serka-cine-chrome .elementor-widget-text-editor, body.serka-cine-chrome .elementor-widget-text-editor p, body.serka-cine-chrome .elementor-widget-text-editor li, body.serka-cine-chrome .elementor-widget-text-editor span, body.serka-cine-chrome .elementor-widget-icon-box .elementor-icon-box-description{ color:var(--muted)!important; opacity:1!important; text-shadow:none!important; } body.serka-cine-chrome .elementor-widget-text-editor strong, body.serka-cine-chrome .elementor-widget-text-editor b, body.serka-cine-chrome .elementor-widget-text-editor u{ /* oncelik bildirimi: ayni dosyadaki govde metni kurali strong'u --muted/--gold yapiyor — olculdu 23.07.2026: kaldirilinca koyu modda strong altin, acik modda solgun oluyor (bluf ve money sayfalari). */ color:var(--text)!important; } /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ body.serka-cine-chrome .elementor-widget-icon .elementor-icon-wrapper, body.serka-cine-chrome .elementor-widget-icon .elementor-icon, body.serka-cine-chrome .elementor-button, body.serka-cine-chrome .elementor-button-content-wrapper, body.serka-cine-chrome .elementor-button-icon{ display:inline-flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; line-height:1.15!important; vertical-align:middle!important; } /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ body.serka-cine-chrome .elementor-widget-icon .elementor-icon{color:var(--gold-2)!important} /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ body.serka-cine-chrome .elementor-widget-icon svg, body.serka-cine-chrome .elementor-button svg{ display:block!important; margin:0!important; width:1em!important; height:1em!important; } /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ body.serka-cine-chrome .elementor-button-content-wrapper{gap:10px!important} /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ body.serka-cine-chrome .elementor-button-text{line-height:1.15!important} /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olculdu 23.07.2026: kaldirilinca hesaplanan deger degisiyor. */ body.serka-cine-chrome .elementor-widget-divider .elementor-divider-separator{border-color:var(--gold)!important} /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ html.light body.serka-cine-chrome .elementor-widget-text-editor, html.light body.serka-cine-chrome .elementor-widget-text-editor p, html.light body.serka-cine-chrome .elementor-widget-text-editor li, html.light body.serka-cine-chrome .elementor-widget-text-editor span{color:rgba(36,28,16,.78)!important} /* =========================================================== SERKA-CLASSIC-PAGECONTENT-READABILITY-20260617 Hello-theme classic content (main#content.site-main > .page-content) renders bare

/// — e.g. WPML CBI guide post translations. It is NOT .sg-* nor .elementor-widget-*, so every block above missed it and it fell through to the legacy used-css (#wpr-usedcss: a{color:0xcc3366} + dim cream p @ .68 alpha), giving the user-reported dim/hard-to-read body + pink links. Map bare content to the cinematic tokens at FULL strength (long legal copy must read crisply) + gold links (kills the 0xcc3366 bleed). Scope: body.serka-cine-chrome .page-content only -> .sg-* / Elementor pages untouched. Tokens flip light/dark via skin.css :root / html.light. Rollback: delete this block from content-skin.css. =========================================================== */ body.serka-cine-chrome .page-content{color:var(--text)} /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ body.serka-cine-chrome .page-content p, body.serka-cine-chrome .page-content li, body.serka-cine-chrome .page-content td, body.serka-cine-chrome .page-content dd, body.serka-cine-chrome .page-content blockquote{ color:var(--text)!important;opacity:1!important;text-shadow:none!important; } /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ body.serka-cine-chrome .page-content h1, body.serka-cine-chrome .page-content h2, body.serka-cine-chrome .page-content h3, body.serka-cine-chrome .page-content h4, body.serka-cine-chrome .page-content h5, body.serka-cine-chrome .page-content h6{ color:var(--text)!important;font-family:var(--serif)!important;opacity:1!important; } /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ body.serka-cine-chrome .page-content strong, body.serka-cine-chrome .page-content b{color:var(--text)!important} /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ /* links -> gold, kill legacy 0xcc3366 used-css bleed on bare anchors */ body.serka-cine-chrome .page-content a{ color:var(--gold-2)!important;text-decoration:underline; text-decoration-color:var(--line);text-underline-offset:3px;transition:color .2s; } /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olculdu 23.07.2026: kaldirilinca hesaplanan deger degisiyor. */ body.serka-cine-chrome .page-content a:hover{color:var(--gold)!important;text-decoration-color:var(--gold)} /* classic table -> glass header + token borders (matches .sg-table) */ body.serka-cine-chrome .page-content table{border-collapse:separate;border-spacing:0;width:100%;margin:1.3em 0;border:1px solid var(--line);border-radius:12px;overflow:hidden} /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ body.serka-cine-chrome .page-content table th{background:var(--glass-2)!important;color:var(--gold)!important;border-bottom:1px solid var(--line)!important;padding:11px 13px;text-align:start;font-family:var(--serif)} /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ body.serka-cine-chrome .page-content table td{color:var(--text)!important;border-bottom:1px solid var(--line)!important;padding:11px 13px} /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ /* light-mode explicit parity (tokens already flip; safety net) */ html.light body.serka-cine-chrome .page-content p, html.light body.serka-cine-chrome .page-content li, html.light body.serka-cine-chrome .page-content td, html.light body.serka-cine-chrome .page-content h1, html.light body.serka-cine-chrome .page-content h2, html.light body.serka-cine-chrome .page-content h3{color:var(--text)!important} /* consistency 20260618: deterministic .sg-h1 page-title size — the legacy Customizer CSS that normalized H1 size was removed; pin so size is independent of RUCSS/theme.css state. Bold premium title, larger than h2. */ body.serka-cine-chrome .sg-h1{font-size: var(--fs-page-title);line-height:1.12;letter-spacing:-.01em} /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ /* ── P1-5 readability (20260618): reading measure + section rhythm ────────────── Lean service/content shell measured ~143 chars/line at desktop (.page-content 1140px @16px) — roughly 2x the readable maximum (45-75ch). Cap raw text-flow measure to ~70ch (left-aligned, NO centering;
and designed .sg-* cards keep full width) and restore H2/H3 top rhythm (H2 top-margin measured 8px → cramped section breaks). Inner content pages only (this stylesheet is not enqueued on the homepage); mobile is a no-op (text already narrower than the cap). Reversible: delete this block. */ body.serka-cine-chrome.serka-skinned:not(.wp-admin) .page-content > p, body.serka-cine-chrome.serka-skinned:not(.wp-admin) .page-content > ul, body.serka-cine-chrome.serka-skinned:not(.wp-admin) .page-content > ol, body.serka-cine-chrome.serka-skinned:not(.wp-admin) .page-content > h2, body.serka-cine-chrome.serka-skinned:not(.wp-admin) .page-content > h3{max-width:42rem!important;margin-inline-start:auto!important;margin-inline-end:auto!important} body.serka-cine-chrome.serka-skinned:not(.wp-admin) .page-content > h2{margin-top:2.4rem} body.serka-cine-chrome.serka-skinned:not(.wp-admin) .page-content > h3{margin-top:1.6rem} /* dark hero-title contrast fix 20260618: theme .page-header h1.entry-title keeps light 0x333333 ink in dark (1.59 contrast on var(--bg)). Dark-only (:not(.light)) -> --text token; light mode untouched (9.29). Reversible: delete this block. */ html.serka-skin-root:not(.light) .page-header h1.entry-title, html.serka-skin-root:not(.light) .page-header .entry-title{color:var(--text);-webkit-text-fill-color:var(--text)} /* ===== serkahukuk P4 adjustments (2026-06-18) ===== */ /* Legacy theme breadcrumb widget — cine renders its own .cine-crumb; hide the duplicate. */ body.serka-cine-chrome .pg-bread, body.serka-cine-chrome .elementor-widget-breadcrumbs{display:none} /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olculdu 23.07.2026: kaldirilinca hesaplanan deger degisiyor. */ /* Dark-mode contrast safety net for old-structure inner content (legacy 0x333333 reads dark-on-dark). */ html:not(.light) body.serka-cine-chrome .elementor-widget-heading .elementor-heading-title, html:not(.light) body.serka-cine-chrome .elementor-widget-heading h1, html:not(.light) body.serka-cine-chrome .elementor-widget-heading h2, html:not(.light) body.serka-cine-chrome .elementor-widget-heading h3, html:not(.light) body.serka-cine-chrome .elementor-widget-heading h4{color:var(--text)!important} /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olculdu 23.07.2026: kaldirilinca hesaplanan deger degisiyor. */ html:not(.light) body.serka-cine-chrome .elementor-widget-text-editor, html:not(.light) body.serka-cine-chrome .elementor-widget-text-editor p, html:not(.light) body.serka-cine-chrome .elementor-widget-text-editor li{color:rgba(245,237,223,.84)!important} /* ===== serkahukuk P4b — CORRECT inner-content targeting (2026-06-18) ===== Ground truth (Chrome CDP on /vatandaslik-avukati/): inner pages use the SinglePage template (11523) widgets .pg-title (H1) + .pg-content (raw h2/p/li/h3), NOT .elementor-widget-text-editor/.page-content (which don't exist here — the earlier P4 rules matched nothing). Legacy ink is hard 0x333333 → lum 51 dark-on-dark on the cinematic bg (lum ~7) = unreadable. Fix DARK MODE ONLY; light mode (0x333333 on ivory) is fine. h3 (gold lum 158) + links (gold lum 203) read fine → untouched. */ /* Duplicate legacy breadcrumb widget — cine renders its own .cine-crumb (no rank-math). */ body.serka-cine-chrome .pg-bread, body.serka-cine-chrome .elementor-widget-breadcrumbs, body.serka-cine-chrome nav.rank-math-breadcrumb{display:none} /* oncelik bildirimi: eski tema govde CSS'i + WP Rocket used-css ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ /* Dark-mode readable ink for legacy inner body text inside .pg-content. */ html:not(.light) body.serka-cine-chrome .pg-content, html:not(.light) body.serka-cine-chrome .pg-content p, html:not(.light) body.serka-cine-chrome .pg-content li, html:not(.light) body.serka-cine-chrome .pg-content h2, html:not(.light) body.serka-cine-chrome .pg-content h4, html:not(.light) body.serka-cine-chrome .pg-content h5, html:not(.light) body.serka-cine-chrome .pg-content h6, html:not(.light) body.serka-cine-chrome .pg-content td, html:not(.light) body.serka-cine-chrome .pg-content th, html:not(.light) body.serka-cine-chrome .pg-content strong, html:not(.light) body.serka-cine-chrome .pg-content b, html:not(.light) body.serka-cine-chrome .pg-content blockquote{color:var(--text)!important} /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olculdu 23.07.2026: kaldirilinca hesaplanan deger degisiyor. */ /* ===== serkahukuk P4c — GENERIC inner-content readability (2026-06-18) ===== Inner pages use varied wrappers (.pg-content on template 11523; old section>column>widget on the Service template 10838) but ALL render inside .elementor-location-single (verified via Chrome CDP on /vatandaslik-avukati/ [11523] and /yurtici-ve-yurtdisi-ticari-davalar-danismanligi/ [10838]). Legacy ink is hard 0x333333 → lum 51 dark-on-dark = unreadable. Fix DARK MODE ONLY (:not(.light)); light mode (0x333333 on ivory) stays correct. h3 → gold accent (matches the template-11523 look); body text → cream. Links untouched (gold, lum 203). The cine breadcrumb sits OUTSIDE .elementor-location-single, so its own styling is never affected. */ html:not(.light) body.serka-cine-chrome .elementor-location-single p, html:not(.light) body.serka-cine-chrome .elementor-location-single li, html:not(.light) body.serka-cine-chrome .elementor-location-single h2, html:not(.light) body.serka-cine-chrome .elementor-location-single h4, html:not(.light) body.serka-cine-chrome .elementor-location-single h5, html:not(.light) body.serka-cine-chrome .elementor-location-single h6, html:not(.light) body.serka-cine-chrome .elementor-location-single td, html:not(.light) body.serka-cine-chrome .elementor-location-single th, html:not(.light) body.serka-cine-chrome .elementor-location-single dd, html:not(.light) body.serka-cine-chrome .elementor-location-single dt, html:not(.light) body.serka-cine-chrome .elementor-location-single strong, html:not(.light) body.serka-cine-chrome .elementor-location-single b, html:not(.light) body.serka-cine-chrome .elementor-location-single blockquote{color:var(--text)!important} html:not(.light) body.serka-cine-chrome .elementor-location-single h3{color:var(--gold)} /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ /* ===== serkahukuk P5 — reading-measure + justify->left (20260623) ===== Site-wide content prose rendered at full container width (~117-137ch) and mostly text-align:justify (rivers). Cap to ~78ch centered reading column + force left-align. Content is hand-written .p/.h2/.h3/.h4 markup (+ bare tags inside .pg-content on the SinglePage template 11523). Designed cards/heroes/nav use Elementor classes, not .p/.h2 -> untouched. Mobile no-op. Reversible: delete this block. */ body.serka-cine-chrome p.p, body.serka-cine-chrome h2.h2, body.serka-cine-chrome h3.h3, body.serka-cine-chrome h4.h4, body.serka-cine-chrome ul.ul, body.serka-cine-chrome ol.ol, body.serka-cine-chrome .pg-content > p, body.serka-cine-chrome .pg-content > h2, body.serka-cine-chrome .pg-content > h3, body.serka-cine-chrome .pg-content > h4, body.serka-cine-chrome .pg-content > ul, body.serka-cine-chrome .pg-content > ol{ max-width:42rem!important; margin-inline-start:auto!important; margin-inline-end:auto!important; text-align:start!important; } /* =========================================================== SERKA-CONTENT-TABLE-20260722 (rev2) Money-page decision tables live inside
which Elementor's single-post template renders directly — the classic .page-content wrapper is NOT present on these URLs (measured 22.07.2026: page-content 0, serka-bluf 3 on /tax-system-in-turkey/). Scope is therefore .serka-bluf itself. Tokens only, logical properties only (RTL safe, no style-rtl). Rollback: delete this block from content-skin.css. =========================================================== */ .serka-bluf{margin-block:1.8rem} .serka-bluf table{ width:100%;border-collapse:collapse;margin-block:1.4rem;font-size: var(--fs-rel-sm); } /* oncelik bildirimi: gomulu tablo isaretlemesinin satir-ici ve eski tema CSS'i ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ .serka-bluf thead th{ background:var(--glass-2);color:var(--gold)!important; font-family:var(--serif);font-weight:600;text-align:start; } /* oncelik bildirimi: gomulu tablo isaretlemesinin satir-ici ve eski tema CSS'i ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ .serka-bluf th, .serka-bluf td{ border:1px solid var(--line);padding:.62rem .8rem; vertical-align:top;color:var(--text)!important;line-height:1.5; } .serka-bluf tbody tr:nth-child(even) td{background:var(--glass)} /* oncelik bildirimi: gomulu tablo isaretlemesinin satir-ici ve eski tema CSS'i ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ .serka-bluf table strong{color:var(--gold)!important} /* oncelik bildirimi: gomulu tablo isaretlemesinin satir-ici ve eski tema CSS'i ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ .serka-bluf h2,.serka-bluf h3{font-family:var(--serif);color:var(--text)!important} /* oncelik bildirimi: gomulu tablo isaretlemesinin satir-ici ve eski tema CSS'i ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ .serka-bluf li{color:var(--text)!important;line-height:1.6} /* oncelik bildirimi: gomulu tablo isaretlemesinin satir-ici ve eski tema CSS'i ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ .serka-bluf a{color:var(--gold)!important} @media (max-width:640px){ .serka-bluf table{display:block;overflow-x:auto;white-space:normal} } /* rev3 (22.07.2026 ölçümü): serkahukuk'ta bloklar .serka-bluf sarmalayıcısı TAŞIMIYOR (canlı HTML: serka-bluf 0, çıplak
1). Aynı görünümü sarmalayıcıdan bağımsız vermek için cine kabuğu içindeki .sg-table OLMAYAN her tabloya uygulanır. rev4 (23.07.2026): `.serka-pf-table` bu kapsamdan ÇIKARILDI. Karar tablosunun tek sahibi `assets/css/profile.css` bölüm 8'dir; kabuk yalnız TASARLANMAMIŞ tabloları toplar. Gerekçe ölçüldü: kabuk `@layer serka.legacy` içinde, bileşen doğrudan `@layer serka` içinde — normal bildirimde bileşen kazanıyordu ama kabuğun `!important` bildirimleri (th/td rengi) katman sırası TERSİNE işlediği için bileşeni eziyordu; başlık altını rengi `--gold` olup `--gold-2` olmuyordu. Burada ikinci bir tablo kuralı YAZILMADI, var olanın kapsamı daraltıldı. Geri dönüş: `:not(.serka-pf-table)` eklerini kaldır. */ body.serka-cine-chrome table:not(.sg-table):not(.serka-pf-table):not(.sg-table-card){ width:100%;border-collapse:collapse;margin-block:1.4rem;font-size: var(--fs-rel-sm); } /* oncelik bildirimi: gomulu tablo isaretlemesinin satir-ici ve eski tema CSS'i ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ body.serka-cine-chrome table:not(.sg-table):not(.serka-pf-table) thead th{ background:var(--glass-2);color:var(--gold)!important; font-family:var(--serif);font-weight:600;text-align:start; } /* oncelik bildirimi: gomulu tablo isaretlemesinin satir-ici ve eski tema CSS'i ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ body.serka-cine-chrome table:not(.sg-table):not(.serka-pf-table) th, body.serka-cine-chrome table:not(.sg-table):not(.serka-pf-table) td{ border:1px solid var(--line);padding:.62rem .8rem; vertical-align:top;color:var(--text)!important;line-height:1.5; } body.serka-cine-chrome table:not(.sg-table):not(.serka-pf-table) tbody tr:nth-child(even) td{background:var(--glass)} /* oncelik bildirimi: gomulu tablo isaretlemesinin satir-ici ve eski tema CSS'i ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ body.serka-cine-chrome table:not(.sg-table):not(.serka-pf-table) strong{color:var(--gold)!important} @media (max-width:640px){ body.serka-cine-chrome table:not(.sg-table):not(.serka-pf-table){display:block;overflow-x:auto;white-space:normal} } /* oncelik bildirimi: Elementor'un katmansiz widget CSS'i (frontend.min.css + kit) ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ /* ORTAK (23.07.2026): bu duzeltme yalniz serkalaw'da vardi, ortak cekirdege alindi. */ /* SERKA-CONTENT-SVG-SIZE-GUARD-20260618: bare inline with NO width attribute inside classic .page-content (Hello theme) stretched to container width — measured 604x604 / 604x537 on /ru/why-us-how-do-we-work/ — because content-skin only constrained .elementor-widget-icon svg / .elementor-button svg, so bare content SVGs fell through. Constrain un-sized inline content icons to a sane size; any SVG carrying a width attr is left untouched. Base scope. Reversible: delete. */ body.serka-cine-chrome.serka-skinned:not(.wp-admin) .page-content svg:not([width]), body.serka-cine-chrome.serka-skinned:not(.wp-admin) .elementor-widget-text-editor svg:not([width]){ width:1.5em!important;height:1.5em!important; max-width:1.5em!important;max-height:1.5em!important; display:inline-block;vertical-align:-0.18em;flex:0 0 auto } /* ORTAK (23.07.2026): serkalaw'a ozgu kalan iki kural da ortak cekirdege alindi. */ /* serka-cbi migrated styles (from decommissioned serka-cbi-i18n) 2026-07-02 */ .serka-cbi-byline{margin:.5rem 0 1.1rem;font-size: var(--fs-byline);opacity:.72;letter-spacing:.01em} /* oncelik bildirimi: eski tema govde CSS'i + WP Rocket used-css ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */ body.serka-cine-chrome.serka-skinned:not(.wp-admin) .sk-page > ol{ max-width:42rem!important; margin-inline-start:auto!important; margin-inline-end:auto!important; } }