/*
Theme Name: BBR Media
Theme URI: https://www.bbrmedia.com.tr/
Author: BBR Media
Description: BBR Media dijital ajans teması. Koyu mor sinematik tasarım, açılış animasyonu, sayaçlar, WhatsApp randevu asistanı ve iletişim formu içerir.
Version: 1.0.0
Requires at least: 5.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: bbrmedia
*/

body{margin:0;background:#12021C;font-family:'DM Sans',system-ui,sans-serif;color:#F3E8FA}
a{color:inherit;text-decoration:none;transition:opacity .2s ease}
a:hover{opacity:.85}
input,textarea{font-family:'DM Sans',system-ui,sans-serif}
html{scroll-behavior:smooth}
@keyframes phscroll{0%,12%{transform:translateY(0)}88%,100%{transform:translateY(-250px)}}
.phscroll{animation:phscroll 20s ease-in-out infinite alternate}
@keyframes blink{0%,80%,100%{opacity:.25}40%{opacity:1}}
.dot{display:inline-block;width:7px;height:7px;border-radius:99px;background:#D9B8EA;animation:blink 1.2s infinite}
.dot2{animation-delay:.2s}
.dot3{animation-delay:.4s}
.msgin{animation:fadeUp .35s ease backwards}
.chip{transition:background .2s ease,transform .2s ease}
.chip:hover{background:rgba(227,166,255,.22);transform:translateY(-2px)}
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes floaty2{0%,100%{transform:translateY(0)}50%{transform:translateY(12px)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(217,166,242,.65)}70%{box-shadow:0 0 0 10px rgba(217,166,242,0)}100%{box-shadow:0 0 0 0 rgba(217,166,242,0)}}
@keyframes marq{to{transform:translateX(-50%)}}
@keyframes rvIn{from{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,-30px) scale(1.12)}}
@keyframes drift2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-50px,30px) scale(1.08)}}
@keyframes shine{0%{left:-60%}60%,100%{left:140%}}
@keyframes draw{from{stroke-dashoffset:400}to{stroke-dashoffset:0}}
@keyframes tilt{0%,100%{transform:perspective(1400px) rotateY(-14deg) rotateX(6deg) rotateZ(1deg) translateY(0)}50%{transform:perspective(1400px) rotateY(-10deg) rotateX(4deg) rotateZ(1deg) translateY(-12px)}}
.fu{animation:fadeUp 1s cubic-bezier(.2,.7,.2,1) backwards}
.d1{animation-delay:.12s}
.d2{animation-delay:.26s}
.d3{animation-delay:.4s}
.d4{animation-delay:.55s}
.bars>div{transform-origin:bottom;animation:grow 1.1s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:.9s}
.bars>div:nth-child(2){animation-delay:1s}
.bars>div:nth-child(3){animation-delay:1.1s}
.bars>div:nth-child(4){animation-delay:1.2s}
.bars>div:nth-child(5){animation-delay:1.3s}
.bars>div:nth-child(6){animation-delay:1.4s}
.floaty{animation:floaty 6s ease-in-out infinite}
.floaty2{animation:floaty2 7s ease-in-out infinite}
.phone3d{animation:tilt 9s ease-in-out infinite}
.pulse{animation:pulse 2s ease-out infinite}
.marq{animation:marq 36s linear infinite}
.blob1{animation:drift 16s ease-in-out infinite}
.blob2{animation:drift2 20s ease-in-out infinite}
.line{stroke-dasharray:400;animation:draw 2.4s ease-out .8s backwards}
.glass{background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.gtext{background:linear-gradient(95deg,#FFFFFF 0%,#F0D4FF 45%,#C47DF0 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.pbtn{position:relative;overflow:hidden}
.pbtn::after{content:'';position:absolute;top:0;left:-60%;width:36%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-20deg);animation:shine 3.6s ease-in-out infinite}
.lift{transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease,border-color .4s ease}
.lift:hover{transform:translateY(-10px);box-shadow:0 30px 70px rgba(130,30,190,.28)}
@supports (animation-timeline:view()){.rv{animation:rvIn linear backwards;animation-timeline:view();animation-range:entry 0% entry 45%}}

@keyframes ldOut{0%,86%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes ldTop{0%,80%{transform:translateY(0)}100%{transform:translateY(-101%)}}
@keyframes ldBot{0%,80%{transform:translateY(0)}100%{transform:translateY(101%)}}
@keyframes ldLet{0%{opacity:0;transform:translateY(60%) scale(.9);filter:blur(14px)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes ldGlow{0%{opacity:0;transform:scale(.4)}40%{opacity:1}100%{opacity:.9;transform:scale(1)}}
@keyframes ldSweep{0%{left:-40%}100%{left:130%}}
@keyframes ldSub{0%{opacity:0;transform:translateY(14px)}100%{opacity:1;transform:none}}
@keyframes ldLine{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@keyframes ldWrapOut{0%,76%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.12)}}
.ld{position:fixed;left:0;top:0;width:100%;height:100%;z-index:200;pointer-events:none;animation:ldOut 3.9s linear forwards}
.ld .p{position:absolute;left:0;width:100%;height:50.2%;background:#050008}
.ld .p1{top:0;animation:ldTop 3.9s cubic-bezier(.76,0,.2,1) forwards}
.ld .p2{bottom:0;animation:ldBot 3.9s cubic-bezier(.76,0,.2,1) forwards}
.ldwrap{animation:ldWrapOut 3.9s ease forwards}
.ldglow{animation:ldGlow 2.4s ease-out .1s both}
.ldl{display:inline-block;opacity:0;animation:ldLet .9s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes ldPulse{0%,100%{text-shadow:0 0 0 rgba(226,150,255,0)}50%{text-shadow:0 0 46px rgba(226,150,255,.85)}}
.ldlet{animation:ldPulse 1.4s ease-in-out 1.4s both}
.ldsub{opacity:0;animation:ldSub .9s ease 1.7s forwards}
.ldline{transform-origin:center;transform:scaleX(0);animation:ldLine 1.1s cubic-bezier(.6,0,.2,1) 1.2s forwards}
html{scroll-behavior:smooth}
.totop{position:fixed;left:24px;bottom:100px;z-index:50;width:48px;height:48px;border-radius:99px;display:flex;align-items:center;justify-content:center;background:rgba(30,6,46,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(227,166,255,.35);box-shadow:0 12px 34px rgba(0,0,0,.35);transition:transform .3s,background .3s}
.totop:hover{transform:translateY(-4px);background:#6A0D8C}
@keyframes ttShow{from{opacity:0;transform:translateY(16px);visibility:hidden}to{opacity:1;transform:none;visibility:visible}}
@supports (animation-timeline:scroll()){.totop{animation:ttShow linear both;animation-timeline:scroll(root);animation-range:300px 700px}}
[id]{scroll-margin-top:90px}
@media (max-width:900px){#topbar nav{display:none!important}#topbar>div{padding:10px 16px!important;flex-wrap:nowrap!important}#topbar .pbtn{min-height:40px!important;padding:0 18px!important;font-size:14px!important}.tbsp{height:64px!important}}
.tl{transition:color .25s,transform .25s}.tl:hover{color:#E3A6FF;transform:translateX(3px)}
@media (prefers-reduced-motion:reduce){.ld{display:none!important}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.admin-bar #topbar{top:32px!important}
@media (max-width:782px){.admin-bar #topbar{top:46px!important}}
html{scroll-behavior:smooth}
body{margin:0}

@keyframes sprog{to{transform:scaleX(1)}}
.sprog{position:fixed;left:0;top:0;height:3px;width:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#A23AD8,#E3A6FF);z-index:210;pointer-events:none}
@supports (animation-timeline:scroll()){.sprog{animation:sprog linear both;animation-timeline:scroll(root)}}
@supports not (animation-timeline:view()){.js .rv{opacity:0;transform:translateY(44px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.js .rv.in{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1!important;transform:none!important}.sprog{display:none}}

@media (max-width:640px){
h1{font-size:clamp(38px,11.2vw,56px)!important;letter-spacing:-1px!important;overflow-wrap:anywhere}
h2{font-size:clamp(30px,8.6vw,44px)!important;letter-spacing:-.8px!important;overflow-wrap:anywhere}
[style*="font-size:29px"]{font-size:20px!important;line-height:1.5!important}
[style*="padding:48px"]{padding:26px!important}
.gtext{overflow-wrap:anywhere}
}
@media (max-width:640px){[style*="right:96px"]{right:16px!important;bottom:96px!important;max-width:calc(100vw - 32px)!important}}
h1,h2,h3,p,li,a,span{overflow-wrap:anywhere}
[style*="font-size:68px"]{font-size:clamp(40px,11vw,68px)!important}
@media (max-width:640px){[style*="font-size:42px"]{font-size:clamp(26px,7.6vw,36px)!important}[style*="padding:32px"]{padding:22px!important}}
@media (max-width:400px){[style*="font-size:29px"]{font-size:18px!important}h2{font-size:clamp(26px,8vw,34px)!important}}