/* Theme Name: Bennet Child - Diyez Media Theme URI: https://diyezmedia.com/ Description: Bennet alt teması. SEO, erisilebilirlik, guvenlik ve performans duzeltmeleri bu temada tutulur; ana tema guncellendiginde kaybolmaz. Author: Diyez Media Author URI: https://diyezmedia.com/ Template: bennet Version: 1.1.7 Text Domain: bennet-child */ /* ------------------------------------------------------------------ 1. HERO BASLIK - yan etiketleri gercek metne cevirme (SEO-04) Ana tema bu metinleri ::before / ::after icinde attr() ile basiyordu. CSS ile uretilen metin arama motorlari tarafindan okunmaz. Asagida pseudo-element'ler kapatilip yerlerine gercek ogeleri ayni gorunumle konumlandiriliyor. ------------------------------------------------------------------- */ .hero-title::before, .hero-title::after { content: none !important; } .hero-title .hero-title-affix { font-size: 16px; line-height: 20px; font-weight: 400; width: auto; height: 20px; position: absolute; top: calc(50% - 0px); -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; letter-spacing: 0; opacity: 0; pointer-events: none; white-space: nowrap; } .hero-title .hero-title-before { left: -150px; } .hero-title .hero-title-after { right: -150px; } /* Ana tema bu etiketleri 0.6 opaklikta gosteriyordu; kucuk punto icin kontrast dusuk kaliyordu. Renk sayfanin metin renginden devralinir (dark-content -> siyah, light-content -> beyaz), opaklik yukseltildi. */ .caption-animated .hero-title .hero-title-before { opacity: 0.78; left: -130px; } .caption-animated .hero-title .hero-title-after { opacity: 0.78; right: -130px; } @media only screen and (max-width: 767px) { .hero-title .hero-title-before { left: 0; top: -45px; } .caption-animated .hero-title .hero-title-before { opacity: 0.6; left: 0; top: -20px; width: 100%; } .hero-title .hero-title-after { right: 0; top: auto; bottom: -50px; } .caption-animated .hero-title .hero-title-after { opacity: 0.6; right: 0; bottom: -25px; width: 100%; top: auto; } } /* ------------------------------------------------------------------ 2. GOVDE GORUNURLUGU (GEO-01) Ana tema ile basliyor ve CSS opacity:0 yapiyordu. JavaScript calismazsa sayfa tamamen bos kaliyordu. Artik gizleme yalnizca JS calisiyorsa uygulaniyor (bkz. inc/frontend-fixes.php). ------------------------------------------------------------------- */ html.no-js body.hidden { opacity: 1 !important; } html.no-js .preloader-wrap { display: none !important; } /* JS kapaliyken icerik etkilesime acik kalmali */ html.no-js #clapat-page-content { pointer-events: auto !important; } /* ------------------------------------------------------------------ 3. ERISILEBILIRLIK (TSR-01) ------------------------------------------------------------------- */ .diyez-skip-link { position: absolute; left: -9999px; top: 0; z-index: 100000; padding: 12px 20px; background: #000; color: #fff; font-size: 14px; text-decoration: none; border-radius: 0 0 4px 0; } .diyez-skip-link:focus { left: 0; outline: 2px solid #ff9900; outline-offset: -2px; } /* Klavye odagi her yerde gorunur olmali */ a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, [tabindex]:focus-visible { outline: 2px solid #ff9900 !important; outline-offset: 2px !important; } .diyez-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* ------------------------------------------------------------------ 4. ILETISIM FORMU - KVKK onay kutusu (ICR-01) Ana temada .name-box / .email-box / .message-box tanimli, onay kutusu icin karsilik yoktu. ------------------------------------------------------------------- */ .consent-box { position: relative; display: block; margin-top: 18px; font-size: 13px; line-height: 1.5; text-align: left; color: #2b2b2b; opacity: 1; } .consent-box .wpcf7-list-item { margin: 0; } /* CF7 kendi stilleriyle etiketi beyaz basiyordu; turuncu zeminde 2,68:1 kontrast kaliyordu. Renk sayfadan devralinsin. */ .consent-box .wpcf7-list-item-label, .consent-box label, .consent-box .wpcf7-form-control-wrap, .consent-box .wpcf7-acceptance, .consent-box p { color: inherit; } .consent-box a { text-decoration: underline; color: inherit; } .light-content .consent-box { color: rgba(255, 255, 255, 0.85); } .consent-box input[type="checkbox"] { width: auto !important; height: auto !important; margin-right: 8px; vertical-align: middle; accent-color: #ff9900; } /* Telefon alani: ana temanin float tabanli duzenine uyar. name-box ve email-box yarim genislikte yan yana; telefon ve mesaj tam satir. */ #contact-formular .phone-box, .wpcf7 .phone-box, .phone-box { position: relative !important; display: block !important; float: left !important; clear: both !important; width: 100% !important; margin: 0 0 20px !important; color: #000; } .light-content .phone-box, .dark-section .phone-box { color: #fff; } /* Onay kutusu satiri gereksiz yer kaplamasin */ #contact-formular .consent-box { float: left; clear: both; width: 100%; } #contact-formular .consent-box .wpcf7-list-item-label { display: inline; } #contact-formular .consent-box p { margin: 0; } /* Float duzenini kapat */ #contact-formular::after { content: ""; display: block; clear: both; } /* Dogrulama mesajlari okunabilir olsun */ .wpcf7-not-valid-tip { font-size: 12px; color: #d63638; margin-top: 4px; } .wpcf7 form .wpcf7-response-output { margin: 18px 0 0; padding: 10px 14px; font-size: 13px; border-width: 1px; } /* Bal kupu alani gorunmemeli (YZL-05) */ .diyez-hp-field { position: absolute !important; left: -9999px !important; opacity: 0 !important; height: 0 !important; width: 0 !important; overflow: hidden !important; } /* ------------------------------------------------------------------ 5. HAREKET AZALTMA TERCIHI ------------------------------------------------------------------- */ @media (prefers-reduced-motion: reduce) { .preloader-wrap { display: none !important; } body.hidden { opacity: 1 !important; } } /* ------------------------------------------------------------------ 6. REFERANS KARTLARI - tiklanabilir (SEO-07, TSR-03) ------------------------------------------------------------------- */ .diyez-project-link { display: block; position: relative; line-height: 0; cursor: pointer; -webkit-tap-highlight-color: transparent; } .diyez-project-link img { transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease-out; will-change: transform; } .clapat-slide:hover .diyez-project-link img { opacity: 0.88; } .diyez-project-link:focus-visible { outline: 2px solid #ff9900; outline-offset: 4px; } @media (prefers-reduced-motion: reduce) { .diyez-project-link img { transition: none; } } /* ------------------------------------------------------------------ 7. ALT MENU (ICR-02 hizmet sayfalari, ICR-01 yasal sayfalar) Ana temada alt menu stili yoktu ve .flexnav li uzerindeki overflow:hidden alt listeleri kirpiyordu. Masaustunde hover/odak ile acilan bir acilir menu, mobil menude ise girintili liste kullaniyoruz. ------------------------------------------------------------------- */ /* --- Masaustu: acilir menu --- */ @media only screen and (min-width: 1026px) { .clapat-nav-wrapper .flexnav li.menu-item-has-children { overflow: visible; } .clapat-nav-wrapper .flexnav li.menu-item-has-children > ul.sub-menu { display: block; position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(6px); min-width: 230px; width: max-content; max-width: 300px; margin: 0; padding: 14px 18px; list-style: none; background: #0c0c0c; border-radius: 10px; box-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.55); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.22s ease-out, transform 0.22s ease-out, visibility 0s linear 0.22s; z-index: 900; } .clapat-nav-wrapper .flexnav li.menu-item-has-children:hover > ul.sub-menu, .clapat-nav-wrapper .flexnav li.menu-item-has-children:focus-within > ul.sub-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%) translateY(0); transition: opacity 0.22s ease-out, transform 0.22s ease-out, visibility 0s; } /* Fare menu ile acilir menu arasindaki bosluktan gecebilsin */ .clapat-nav-wrapper .flexnav li.menu-item-has-children > ul.sub-menu::before { content: ""; position: absolute; top: -10px; left: 0; right: 0; height: 10px; } .clapat-nav-wrapper .flexnav li.menu-item-has-children > ul.sub-menu li { overflow: visible; display: block; width: 100%; } .clapat-nav-wrapper .flexnav li.menu-item-has-children > ul.sub-menu li a { display: block; padding: 7px 0; font-size: 14px; line-height: 1.45; letter-spacing: 0; text-transform: none; white-space: normal; color: #fff; opacity: 0.6; transition: opacity 0.2s ease-out, transform 0.2s ease-out; } .clapat-nav-wrapper .flexnav li.menu-item-has-children > ul.sub-menu li a:hover, .clapat-nav-wrapper .flexnav li.menu-item-has-children > ul.sub-menu li a:focus-visible { opacity: 1; transform: translateX(3px); } } /* --- Mobil / burger menu: girintili liste --- */ @media only screen and (max-width: 1025px) { .clapat-nav-wrapper .flexnav li.menu-item-has-children { overflow: visible; } .clapat-nav-wrapper .flexnav li.menu-item-has-children > ul.sub-menu { display: block !important; position: static; opacity: 1; visibility: visible; width: 100%; margin: 2px 0 12px; padding: 0; list-style: none; background: none; box-shadow: none; } .clapat-nav-wrapper .flexnav li.menu-item-has-children > ul.sub-menu li { overflow: visible; } .clapat-nav-wrapper .flexnav li.menu-item-has-children > ul.sub-menu li a { display: inline-block; font-size: 15px; line-height: 1.7; letter-spacing: 0; text-transform: none; opacity: 0.55; padding: 1px 0; } .clapat-nav-wrapper .flexnav li.menu-item-has-children > ul.sub-menu li a:hover { opacity: 1; } } /* FlexNav'in dokunmatik ac/kapa dugmesi bu duzende gereksiz */ .clapat-nav-wrapper .flexnav .touch-button { display: none !important; } @media (prefers-reduced-motion: reduce) { .clapat-nav-wrapper .flexnav ul.sub-menu, .clapat-nav-wrapper .flexnav ul.sub-menu li a { transition: none !important; } .clapat-nav-wrapper .flexnav ul.sub-menu li a:hover { transform: none; } } /* ------------------------------------------------------------------ 8. YAZAR KUTUSU (GEO-07) ------------------------------------------------------------------- */ .diyez-author-box { margin: 56px 0 0; padding: 26px 0 0; border-top: 1px solid currentColor; border-image: linear-gradient(to right, currentColor, transparent) 1; opacity: 0.95; } .diyez-author-box__name { margin: 0 0 8px; font-size: 17px; font-weight: 600; letter-spacing: -0.01em; } .diyez-author-box__bio { margin: 0 0 12px; font-size: 15px; line-height: 1.65; max-width: 62ch; opacity: 0.8; } .diyez-author-box__meta { margin: 0 0 10px; font-size: 13px; opacity: 0.6; } .diyez-author-box__cta { margin: 0; font-size: 14px; } .diyez-author-box__cta a { text-decoration: underline; } .diyez-author-box__cta a:hover { opacity: 0.7; } /* ------------------------------------------------------------------ 9. KAYAN BOLUM BASLIKLARI (SEO-05 duzeltmesinin gorunum tamamlayicisi) Ana temada .marquee-text sinifinin kendi yazi boyutu yok; boyut tamamen

.dark-content .slide-title, .dark-content .slide-title span, .dark-content .slide-cat, .dark-content .slide-cat span { color: #000; }