/* ========= BUN Modern Başlık (Front-end) ========= */ .bun-modern-title, :where( .entry-title, .page-title, .post-title, .wp-block-post-title, h1.wp-block-post-title, .single .entry-header h1, .page .entry-header h1, .archive .page-title, .page-header h1, .entry-header h1 ){ display: block !important; width: 100% !important; box-sizing: border-box !important; margin: 0 0 14px !important; padding: var(--bunTitlePadY) var(--bunTitlePadX) !important; border-radius: var(--bunTitleRadius) !important; color: var(--bunTitleText) !important; background: linear-gradient(135deg, var(--bunTitleBg), rgba(255,255,255,.10)) !important; position: relative !important; overflow: hidden !important; font-weight: 900 !important; font-size: var(--bunTitleFontSize) !important; letter-spacing: .2px !important; line-height: 1.12 !important; text-wrap: balance; box-shadow: 0 10px 26px rgba(0,0,0,.12), 0 0 0 1px rgba(0,0,0,.10) inset !important; /* Büyüyüp-küçülme / hareket YOK */ transform: none !important; transition: background .18s ease, box-shadow .18s ease, filter .18s ease !important; } /* Dalga şeklinde kayan ışık (hover'da çalışır) */ .bun-modern-title::after, :where( .entry-title, .page-title, .post-title, .wp-block-post-title, h1.wp-block-post-title, .single .entry-header h1, .page .entry-header h1, .archive .page-title, .page-header h1, .entry-header h1 )::after{ content:""; position:absolute; inset:-40% -60%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22420%22%20height%3D%22180%22%20viewBox%3D%220%200%20420%20180%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%220%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22rgba%28255%2C255%2C255%2C0%29%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.45%22%20stop-color%3D%22rgba%28255%2C255%2C255%2C0.55%29%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.55%22%20stop-color%3D%22rgba%28255%2C255%2C255%2C0.55%29%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22rgba%28255%2C255%2C255%2C0%29%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%3Cfilter%20id%3D%22b%22%20x%3D%22-20%25%22%20y%3D%22-20%25%22%20width%3D%22140%25%22%20height%3D%22140%25%22%3E%0A%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D%223%22%2F%3E%0A%20%20%20%20%3C%2Ffilter%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20d%3D%22M-40%2C120%20C40%2C70%20120%2C170%20200%2C120%20C280%2C70%20360%2C170%20440%2C120%20L440%2C180%20L-40%2C180%20Z%22%0A%20%20%20%20%20%20%20%20fill%3D%22url%28%23g%29%22%20filter%3D%22url%28%23b%29%22%20opacity%3D%220.95%22%2F%3E%0A%3C%2Fsvg%3E"); background-repeat: repeat; background-size: 420px 180px; background-position: -420px 0; opacity: 0; pointer-events:none; /* düz değil, hafif eğimli durması için */ transform: skewX(-12deg); /* hover olmadan çalışmasın */ animation: bunWaveMove 0.9s linear infinite; animation-play-state: paused; } @keyframes bunWaveMove { from { background-position: -420px 0; } to { background-position: 420px 0; } } .bun-modern-title:hover, :where( .entry-title, .page-title, .post-title, .wp-block-post-title, h1.wp-block-post-title, .single .entry-header h1, .page .entry-header h1, .archive .page-title, .page-header h1, .entry-header h1 ):hover{ background: linear-gradient(135deg, var(--bunTitleBgHover), rgba(255,255,255,.12)) !important; box-shadow: 0 18px 42px rgba(0,0,0,.14), 0 0 0 1px rgba(0,0,0,.10) inset, 0 0 22px var(--bunTitleGlow) !important; filter: saturate(1.05); } .bun-modern-title:hover::after, :where( .entry-title, .page-title, .post-title, .wp-block-post-title, h1.wp-block-post-title, .single .entry-header h1, .page .entry-header h1, .archive .page-title, .page-header h1, .entry-header h1 ):hover::after{ opacity: .95; animation-play-state: running; } /* İçerik başlıkları (H2-H4) — sade, hafif modern; büyütme yok */ :where(.entry-content, .wp-block-post-content, .post-content, .content, main){ --bunHeadingPadY: 8px; --bunHeadingPadX: 12px; } :where(.entry-content h2, .wp-block-post-content h2, .wp-block-heading h2, main h2), :where(.entry-content h3, .wp-block-post-content h3, .wp-block-heading h3, main h3), :where(.entry-content h4, .wp-block-post-content h4, .wp-block-heading h4, main h4){ display: inline-block; max-width: 100%; padding: var(--bunHeadingPadY) var(--bunHeadingPadX); margin: 18px 0 10px; border-radius: calc(var(--bunTitleRadius) - 4px); background: linear-gradient(135deg, var(--bunTitleSoft2), var(--bunTitleSoft)); color: #111 !important; font-weight: 800; line-height: 1.2; position: relative; box-shadow: 0 8px 18px rgba(0,0,0,.08); transition: box-shadow .16s ease, filter .16s ease; } :where(.entry-content h2, .wp-block-post-content h2, .wp-block-heading h2, main h2):hover, :where(.entry-content h3, .wp-block-post-content h3, .wp-block-heading h3, main h3):hover, :where(.entry-content h4, .wp-block-post-content h4, .wp-block-heading h4, main h4):hover{ box-shadow: 0 12px 26px rgba(0,0,0,.10), 0 0 18px var(--bunTitleGlow2); filter: saturate(1.03); } /* Site başlığı/logosu gibi alanlara dokunma */ .site-title, .site-title a{ background: none !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; } /* Hareket azaltma */ @media (prefers-reduced-motion: reduce){ .bun-modern-title, :where(.entry-title,.page-title,.post-title,.wp-block-post-title,h1.wp-block-post-title,.single .entry-header h1,.page .entry-header h1,.archive .page-title,.page-header h1,.entry-header h1), :where(.entry-content h2,.entry-content h3,.entry-content h4,.wp-block-post-content h2,.wp-block-post-content h3,.wp-block-post-content h4, main h2, main h3, main h4){ transition: none !important; } .bun-modern-title::after, :where(.entry-title,.page-title,.post-title,.wp-block-post-title,h1.wp-block-post-title,.single .entry-header h1,.page .entry-header h1,.archive .page-title,.page-header h1,.entry-header h1)::after{ display:none !important; } }