/* ============ Book Campaigns – frontend ============ */ /* Elementor "Bakım Modu / Yakında"yı (coming_soon/maintenance) aktif ettiğinde sadece ANA İÇERİĞİ değiştiriyor ($GLOBALS['post'] + query_posts() ile) -- header/footer/wp_footer'a bağlı HER ŞEY (bu eklentinin push izin çubuğu, segment kupon bildirimi, kitap-asistani sohbet balonu, Motta'nın mobil alt menüsü) normal şekilde render olmaya devam ediyor. Elementor zaten kendi etiketine "elementor-maintenance-mode" sınıfını ekliyor (bkz. Maintenance_Mode::body_class(), sadece bakım modunun GERÇEKTEN uygulandığı ziyaretçiler için -- exclude_mode ile hariç tutulan rol/oturum zaten bu sınıfı almıyor) -- bu yüzden tek bir CSS kuralıyla hepsi gizlenebiliyor. .bc-push-bar JS tarafından 15 sn gecikmeyle SONRADAN DOM'a ekleniyor olsa da CSS seçicisi normal şekilde eşleşmeye devam eder, ekstra bir şey gerekmez. */ body.elementor-maintenance-mode .bc-push-bar, body.elementor-maintenance-mode .bc-notify-bar, body.elementor-maintenance-mode #ka-widget-root, body.elementor-maintenance-mode #motta-mobile-navigation-bar{display:none !important} .bc-section{margin:18px 0;border-radius:14px;padding:16px 18px;position:relative} .bc-section.bc-compact{padding:12px 14px;margin:0} .bc-section-head{font-weight:800;font-size:15px;margin-bottom:12px;display:flex;align-items:center;gap:8px} .bc-fire{animation:bc-pulse 1.2s infinite;display:inline-block} @keyframes bc-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}} /* Kompakt kampanya satırı: 1. satır rozet+başlık+sayaç, 2. satır açıklama (tek satıra kırpılır). .bc-camp-wrap = tek bir kampanyanın DIŞ kabı (ayraç çizgisi burada); içindeki .bc-camp linki (mağazaya götürür) ile .bc-camp-member-row (varsa, Premium sayfasına götüren AYRI bir link) birbirinden bağımsız — içine konulamayacağı için üye etiketi bilerek ana linkin dışında, kendi satırında. */ .bc-camp-wrap{padding:6px 0;border-top:1px solid rgba(0,0,0,.08)} .bc-camp-wrap:first-child{border-top:0} .bc-camp{display:block;color:inherit;text-decoration:none} .bc-camp:hover,.bc-camp:visited,.bc-camp:focus{color:inherit;text-decoration:none} .bc-camp-body{display:flex;flex-direction:column;gap:1px;min-width:0} .bc-camp-row{display:flex;align-items:center;gap:6px;min-width:0} .bc-camp-title{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .bc-camp-desc{font-size:12px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block} .bc-camp:hover .bc-camp-title{text-decoration:underline} .bc-camp-member-row{margin-top:4px} /* font-variant-numeric:tabular-nums ŞART: rakamlar (ör. "1" ile "8") çoğu fontta FARKLI genişlikte -- karakter SAYISI hep aynı kalsa da (her zaman 02d dolgu), saniye değiştikçe metnin piksel genişliği mikro miktarda (ör. 0.6px) dalgalanıyor. Bu kutu bir flex satırında (.bc-camp-row) olduğundan bu küçük dalgalanma üst kolonun genişliğine yansıyıp, sayfadaki her satırı (sepete ekle butonu dahil) her saniye bir ileri bir geri hafifçe kaydırıyordu -- gerçek bir sayaç/piksel ölçümüyle doğrulandı (btnW 392.0→391.4→392.0 arasında saniyede gidip geliyordu). tabular-nums tüm rakamları SABİT genişlikte hizalar, dalgalanmayı kökten keser. */ .bc-countdown{font-size:11px;font-weight:700;color:#c0392b;white-space:nowrap;flex:0 0 auto;margin-left:auto;font-variant-numeric:tabular-nums} .bc-countdown:empty{display:none} .bc-badge{background:var(--bc-badge-bg,#e74c3c);color:var(--bc-badge-fg,#fff);font-size:10px;font-weight:800;padding:2px 6px;border-radius:6px;white-space:nowrap;flex:0 0 auto} /* Kampanyanın üye türü kısıtı (Premium'a Özel vb.) — mağaza çubuğu çipinde, ürün sayfasındaki kampanya kutusunda ve sepette görünür. Ünvan Ayarlar'dan değişir. Ayarlar'da bir "Premium Üyelik Sayfası" seçiliyse olarak basılır. */ .bc-member-tag{display:inline-flex;background:#7B1FA2;color:#fff !important;font-size:9px;font-weight:800;padding:2px 6px;border-radius:6px;white-space:nowrap;flex:0 0 auto;text-transform:uppercase;letter-spacing:.02em;line-height:1.4} .bc-member-tag-bonus{background:#be1522} a.bc-member-tag{cursor:pointer;text-decoration:none !important} a.bc-member-tag:hover{filter:brightness(1.1);text-decoration:none !important} /* Kombo set küçük resimleri */ .bc-combo-thumbs{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap} .bc-combo-thumb{display:block;width:36px;height:36px;border-radius:6px;overflow:hidden;flex:0 0 auto} .bc-combo-thumb img{width:100%;height:100%;object-fit:cover;display:block} .bc-combo-thumb-more{font-size:11px;font-weight:700;opacity:.7} .bc-add-combo.button{margin-top:8px;padding:6px 12px;font-size:12px;min-height:0;line-height:1.4} .bc-style-gradient{background:linear-gradient(135deg,#fff3cd,#ffe08a);border:2px solid #e0b400;box-shadow:0 4px 14px rgba(224,180,0,.25)} .bc-style-gradient .bc-section-head{color:#8a6d00} .bc-style-outline{background:#fff;border:2px dashed #e74c3c} .bc-style-outline .bc-section-head{color:#e74c3c} .bc-style-dark{background:#1e1e2e;color:#f5f5f5;border:1px solid #444} .bc-style-dark .bc-section-head{color:#ffd166} .bc-style-dark .bc-camp{border-top-color:rgba(255,255,255,.12)} .bc-style-minimal{background:transparent;border:1px solid rgba(0,0,0,.12);border-radius:8px} /* WooCommerce'in kendi sepet/ödeme TOPLAMLAR tablosunda kampanya indirimleri "fee" satırı olarak (düz yazı, ikonsuz) zaten otomatik listeleniyor. Hemen altındaki ikonlu "Uygulanan Kampanyalar" kutumuz AYNI bilgiyi bir daha gösterdiği için müşteri indirimi sayfada iki kez görüyordu. Bu sitede ücret (fee) satırlarının tek kaynağı book-campaigns olduğundan, native satırı gizleyip tek (ikonlu) gösterimi bırakıyoruz — tutar hesaplamasını ETKİLEMEZ, sadece görünürlüğü kapatır. */ .cart_totals tr.fee, .woocommerce-checkout-review-order-table tr.fee { display: none; } /* Motta teması, ödeme sayfasında "Ara Toplam" satırını kendi woocommerce.css dosyasında (form.checkout table.shop_table tfoot .cart-subtotal{display:none}) bilerek gizliyor. Bu sitede müşteri ara toplamı görmek istediği için, tema dosyasına dokunmadan (tema güncellemesinde kaybolmasın diye) burada aynı özgüllükte + !important ile geri açıyoruz. */ form.checkout table.shop_table tfoot .cart-subtotal { display: table-row !important; } /* Ödeme sayfasında kutu, toplamlar tablosunun içinde "Toplam" satırının tam üstünde bir satır (tr/td) olarak basılır — tablo hücresinin varsayılan sağa yaslama/boşluk stilleri kutuyu bozmasın diye sıfırlanır. */ .bc-cart-box-row td{text-align:left !important;padding:6px 0 !important;border:0 !important} .bc-cart-box-row .bc-cart-box{margin:2px 0} .bc-conflict-row td{text-align:left !important;padding:6px 0 !important;border:0 !important} /* ---------- Çakışan kampanya tercihi (müşteri seçim kutusu) ---------- */ .bc-conflict-box{margin:14px 0;display:flex;flex-direction:column;gap:10px} .bc-conflict-group{padding:12px 14px;background:#fff7e6;border:1px solid #f0c36d;border-radius:8px} .bc-conflict-title{font-weight:700;margin-bottom:8px;font-size:13px} .bc-conflict-options{display:flex;flex-direction:column;gap:6px} .bc-conflict-option{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer} /* Sadece flex "gap"e güvenmek yetmiyor: İŞARETLİ (checked) native radyo düğmesinin dolu iç noktası, işaretSİZ haldekinden daha geniş bir alana render oluyor ve bu da gap'in ayırdığı boşluğa taşıp metne yapışmasına yol açıyordu (ekran görüntüsü + piksel yakınlaştırmayla doğrulandı: işaretsiz seçenekte boşluk düzgün görünürken işaretlide sıfıra iniyordu). input'a ayrıca sabit bir margin-right vererek, checked durumunun olası taşmasından bağımsız garanti bir boşluk bırakılıyor. */ .bc-conflict-option input{margin:0 6px 0 0} .bc-conflict-amt{font-weight:700;opacity:.8} /* ---------- Sepet kutusu ----------