/** * A/B test varyant stilleri. * * etiketine Seviye_AB_Test tarafından `seviye-variant-a` veya * `seviye-variant-b` sınıfı eklenir. Buradaki kurallar yalnızca görsel * farklılıkları taşır; metin farkları PHP tarafında yönetilir. * * Ölçüm: her iki varyantta da dönüşüm olayı `seviye_conversion` adıyla * dataLayer'a `ab_variant` alanıyla birlikte gönderilir. * * @package Seviye_Onkayit */ /* --------------------------------------------------------------------- * * Varyant A — Kurumsal / güven odaklı (kontrol grubu) * --------------------------------------------------------------------- */ body.seviye-variant-a { --seviye-cta: #1d4ed8; --seviye-cta-hover: #1e40af; } body.seviye-variant-a .seviye-form-card { border-top: 4px solid var(--seviye-primary); } /* --------------------------------------------------------------------- * * Varyant B — Aciliyet / aksiyon odaklı * --------------------------------------------------------------------- */ body.seviye-variant-b { --seviye-cta: #f97316; --seviye-cta-hover: #ea580c; } body.seviye-variant-b .seviye-form-card { border-top: 4px solid var(--seviye-cta); box-shadow: var(--seviye-shadow-lg); } /* B varyantında gönder butonu dikkat çeken bir nabız animasyonu alır. */ body.seviye-variant-b .fluentform .ff-btn-submit { animation: seviye-cta-pulse 2.8s ease-in-out infinite; } @keyframes seviye-cta-pulse { 0%, 100% { box-shadow: 0 6px 16px rgba(249, 115, 22, .28); } 50% { box-shadow: 0 8px 26px rgba(249, 115, 22, .55); } } /* B varyantında güven rozetleri forma daha yakın konumlanır. */ body.seviye-variant-b .seviye-trust { order: -1; margin-bottom: 1.25rem; padding-top: 0; border-top: 0; border-bottom: 1px solid var(--seviye-border); padding-bottom: 1rem; } body.seviye-variant-b .seviye-hero__content { display: flex; flex-direction: column; } /* Not: Ayar panelinden özel renk seçildiğinde Seviye_AB_Test::print_variant_styles() :root üzerine yazar ve buradaki değerleri ezer (özgüllük sırası korunur). */