/* Theme Name: Havuz Robotum (Venus Havuz) Theme URI: https://www.havuzrobotum.com/ Author: Ajans Author URI: https://www.havuzrobotum.com/ Description: havuzrobotum.com (Venus Havuz) icin Bientegre'den WordPress/WooCommerce'e tasima temasi. Gorunum, eski Bientegre sablonunun (template/) HTML/CSS'inden BIREBIR alinmistir -- gercek gorsel stil assets/css/bi-style.css ve assets/css/bi-slider.css icindedir, bu dosyada ozel gorsel kural YOKTUR. Detay: gecici/havuzrobotum-migrasyon/wd-tema-raporu.md Version: 0.2.3 Requires at least: 6.0 Requires PHP: 7.4 Requires Plugins: woocommerce Text Domain: havuzrobotum */ /* * Bu dosyada bilerek yeni gorsel kural YAZILMADI (teknik-dersler.md SS8: "mevcut CSS'i * yeniden yazma, AYNEN kullan"). Asagidaki tek blok, WooCommerce'in KENDI varsayilan * cikardigi ama bu temanin karsiligi olmayan elemanlari kapsam-sinirli gizler -- * bos birakip temanin/WooCommerce'in kendi demo/varsayilan govdesini bastirmasina * izin vermemek icin (bkz. teknik-dersler SS8, "demo blogu bosaltmak yetmez gizle"). */ .woocommerce-message, .woocommerce-error, .woocommerce-info { list-style: none !important; } /* Preloader örtüsü JS ile gizlenemezse sayfayı kilitliyordu — kapatıldı (2026-09-09) */ #preloader{display:none!important} /* Footer kurumsal modal "gizli şablon" havuzu (footer.php) — bi.js tıklamada #bi-modal-center .modal-content'e kopyalar; boş bırakmak yetmez, kendisi her zaman görünmez kalmalı (teknik-dersler §8). (2026-09-09) */ .hr-modal-source{display:none!important} /* Üst bant: "ÜCRETSİZ KARGO" cümlesi masaüstünde ortada, telefon sağda kalır (2026-09-11). 3 sütunlu ızgara (boş | cümle | telefon); mobilde telefon zaten gizli, cümle ortada. */ .bi-advert-section{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:16px} .bi-advert-section .bi-left{grid-column:2;text-align:center} .bi-advert-section .bi-right{grid-column:3;justify-self:end} /* Üst bant Instagram ikonu, telefonun solunda (2026-09-11). display:flex yalnız masaüstünde — bi-style.css mobilde .bi-right'ı gizliyor, aynı özgüllükte bu kural onu ezmesin. */ @media (min-width: 601px){.bi-advert-section .bi-right{display:flex;align-items:center;gap:18px}} /* Üst bant ikonları (2026-09-23, kullanıcı isteği madde 2): Instagram resmi gradient'iyle, WhatsApp ve telefon WhatsApp yeşiliyle. ⚠️ Instagram'a `fill:currentColor` VERİLMEZ — CSS fill'i SVG'nin `fill="url(#hr-ig-gradient)"` niteliğini ezer ve gradient beyaza düşer. Yeşil #25D366 mavi bant (#2082d9) üzerinde ölçüldü: üç aday render edilip yan yana bakıldı, doğrudan marka rengi en okunaklısı (beyaz çip bandı eziyordu). */ .bi-advert-section .bi-right a.hr-advert-instagram svg{width:22px;height:22px;display:block} .bi-advert-section .bi-right a.hr-advert-whatsapp svg{width:22px;height:22px;display:block;fill:#25D366} .bi-advert-section .bi-right a.hr-advert-phone{gap:8px} /* Instagram adı + WhatsApp numarası ikonun yanında, telefon gibi (2026-09-24, kullanıcı isteği madde 6). Bant 1400/1200/1024/700 px'te çizilip ölçüldü: sağ blok ~530 px'e çıkınca 3 sütunlu ızgarada kargo cümlesi ortadan kayıp ikonlara yapışıyordu. Masaüstünde ızgara 2 sütuna iner (cümle | ikonlar), cümle ikonların SOLUNDA KALAN alanın ortasında durur. Dar ekranda yazılar gizlenir, ikon kalır: <1200 Instagram adı, <992 WhatsApp numarası da (cümle 3 satıra bölünüyordu). Telefon numarası her genişlikte yazılı. Mobil (≤600) dokunulmadı. */ .bi-advert-section .bi-right a.hr-advert-instagram,.bi-advert-section .bi-right a.hr-advert-whatsapp{gap:8px} .bi-advert-section .bi-right a{white-space:nowrap} @media (min-width: 601px){ .bi-advert-section{grid-template-columns:1fr auto} /* 2026-09-24 kullanıcı isteği: cümle logoyla aynı hizada (sola yaslı), ortalı değil. */ .bi-advert-section .bi-left{grid-column:1;text-align:left} .bi-advert-section .bi-right{grid-column:2} } @media (max-width: 1199px){.bi-advert-section .bi-right a.hr-advert-instagram .hr-advert-yazi{display:none}} @media (max-width: 991px){.bi-advert-section .bi-right a.hr-advert-whatsapp .hr-advert-yazi{display:none}} .bi-advert-section .bi-right a.hr-advert-phone svg{width:22px;height:22px;display:block;fill:#25D366} /* Blok butonlarının yazısı okunmuyordu (2026-09-23, kullanıcı isteği madde 8: sepette "Ödemeye Git"). SEBEP: WordPress global stilleri butona `background-color:#32373c` VE `color:#fff` verir, ama bu kural SIFIR ÖZGÜLLÜKLÜ `:where(.wp-element-button,…)` içindedir; bi-style.css'teki genel `a{color:#333!important}` onu eziyor → #333 yazı / #32373c zemin, kontrast 1.05:1. Hover'da `a:hover{color:#2082d9!important}` devreye girdiği için yalnız hover'da okunuyordu — bildirilen belirti tam olarak bu. ⚠️ Belirti sepette görüldü ama sebep GENEL: aynı ezme SİTEDEKİ HER blok butonunda var (ödeme, hesabım, alışverişe devam). O yüzden düzeltme de genel tutuldu, sepete özel değil. Dış çizgili (outline) butonlar dışarıda: onların zemini saydamdır, beyaz yazı kaybolurdu. */ a.wp-element-button:not(.is-style-outline):not(.outlined), a.wp-element-button:not(.is-style-outline):not(.outlined):hover, a.wp-element-button:not(.is-style-outline):not(.outlined):focus, a.wp-element-button:not(.is-style-outline):not(.outlined) .wc-block-components-button__text{color:#fff!important} /* Yeni logo (Poseidon + HAVUZROBOTUM.COM, 2026-09-11): 876×168 kaynak (3x), 292×56 gösterim. */ .bi-nav-left a img{width:292px;max-width:100%;height:auto} /* Mobilde sağ üstte mutlak konumlu sepet + menü ikonları var (~130 px); 292 px logo onların altına giriyordu (390 px önizlemede ölçüldü). Logo ekrana göre daralır, oranı korunur. Aynı kırılımda bant yazısı 12 px: büyük harfli "ÜCRETSİZ KARGO" 14 px'te iki satıra taşıyordu. */ @media (max-width: 600px){ .bi-nav-left a img{width:min(292px, calc(100vw - 150px))} .bi-advert-section .bi-left{font-size:12px} } /* "En Çok Satan Ürünler": kaydırıcı yerine 15 ürünlük ızgara (2026-09-11). Masaüstü 5 sütun · tablet 3 · mobil (≤600, temanın mobil kırılımı) 2 sütun. */ .hr-bestseller-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:25px} .hr-bestseller-grid .bi-showcase-under{width:auto;height:auto} @media (max-width: 949px){.hr-bestseller-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:15px}} @media (max-width: 600px){.hr-bestseller-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px}} /* Ödeme sayfası — fatura tipine göre alan gizleme (2026-09-23, madde 12). Gizlemeyi JS DEĞİL bu kurallar yapar: ödeme sayfası React ile çiziliyor, satır içi stil bir sonraki yeniden çizimde siliniyordu. JS yalnız ye data-hr-fatura yazar (silinmez), görünürlük kararı burada. ⚠️ Nitelik YOKSA hiçbir şey gizlenmez — JS çalışmazsa dört alan da görünür kalır ve form yine doldurulabilir. Bozuk JS siparişi engellemez. */ body[data-hr-fatura="bireysel"] .wc-block-components-address-form__havuzrobotum-firma-unvani, body[data-hr-fatura="bireysel"] .wc-block-components-address-form__havuzrobotum-vergi-dairesi, body[data-hr-fatura="bireysel"] .wc-block-components-address-form__havuzrobotum-vergi-no, body[data-hr-fatura="kurumsal"] .wc-block-components-address-form__havuzrobotum-tc-no{display:none} /* Footer WhatsApp butonu — Müşteri Hizmetleri telefonunun altında (2026-09-11). Yeşil #15803d: beyaz yazıyla 5:1 kontrast (WhatsApp'ın #25D366'sı 2:1'de kalıyor). */ .bi-footer-content .bi-footer-call a.bi-footer-whatsapp{display:flex;align-items:center;gap:6px;width:fit-content;margin:6px auto 0;padding:5px 12px;border-radius:20px;background:#15803d;color:#fff!important;font-size:14px;font-weight:600;line-height:1.2} .bi-footer-content .bi-footer-call a.bi-footer-whatsapp:hover{background:#166534;color:#fff!important} .bi-footer-content .bi-footer-call a.bi-footer-whatsapp svg{width:18px;height:18px;flex:none;fill:currentColor} /* İndirimli fiyat: eski fiyat ÜSTTE küçük/gri, yeni fiyat ALTTA büyük (2026-09-24, kullanıcı isteği madde 4 — "yan yana değil alt alta"). WooCommerce get_price_html() indirimde `eski yeni` basar; ikisi satır içi olduğu için bitişik duruyordu ve 'in varsayılan alt çizgisi yeni fiyatı bağlantı gibi gösteriyordu. Boyutlar em: her bağlam kendi taban puntosunu korur (kart 18 · vitrin 20 · detay 22 px). İndirimsiz üründe del/ins yok — bu kurallar hiç devreye girmez. */ .bi-product-price-wrapper{flex-direction:column} :is(.bi-product-price-wrapper,.bi-showcase-product-price,.stabil-product-price,.new-price) del{display:block;font-size:max(13px,.75em);font-weight:500;color:#8a929b;line-height:1.3} :is(.bi-product-price-wrapper,.bi-showcase-product-price,.stabil-product-price,.new-price) ins{display:block;font-size:1.2em;font-weight:700;color:var(--bi-color-primary);text-decoration:none;line-height:1.2}