/* Baykuş Baskı Ortak Tasarım Sistemi 4.14.0
   Admin, editör ve mağaza için ortak görsel standartlar.
   Veri, mockup, kalibrasyon ve fiyat kayıtlarına dokunmaz. */
:root{
  --bt-brand:#f2761d;
  --bt-brand-hover:#d95f09;
  --bt-brand-strong:#b94d05;
  --bt-brand-soft:#fff3e9;
  --bt-brand-softer:#fff9f4;
  --bt-ink:#172033;
  --bt-ink-2:#344054;
  --bt-muted:#667085;
  --bt-muted-2:#98a2b3;
  --bt-bg:#f5f7fa;
  --bt-surface:#ffffff;
  --bt-surface-soft:#f8fafc;
  --bt-line:#e4e7ec;
  --bt-line-strong:#d0d5dd;
  --bt-success:#16824b;
  --bt-success-soft:#edf9f2;
  --bt-warning:#b54708;
  --bt-warning-soft:#fff7ed;
  --bt-danger:#c73535;
  --bt-danger-soft:#fff1f1;
  --bt-info:#2563a8;
  --bt-info-soft:#eff7ff;
  --bt-radius-xs:8px;
  --bt-radius-sm:10px;
  --bt-radius-md:14px;
  --bt-radius-lg:20px;
  --bt-radius-xl:26px;
  --bt-shadow-xs:0 1px 2px rgba(16,24,40,.04);
  --bt-shadow-sm:0 5px 16px rgba(16,24,40,.06);
  --bt-shadow-md:0 14px 38px rgba(16,24,40,.09);
  --bt-shadow-lg:0 26px 70px rgba(16,24,40,.14);
  --bt-control-h:44px;
  --bt-ease:cubic-bezier(.2,.75,.25,1);
  --bt-font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
html{accent-color:var(--bt-brand)}
body{font-family:var(--bt-font)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:#ffd7b7;color:#6d2b00}
:focus-visible{outline:3px solid rgba(242,118,29,.24)!important;outline-offset:2px}
*{scrollbar-width:thin;scrollbar-color:#c9ced7 transparent}
*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#c9ced7;border:3px solid transparent;background-clip:padding-box;border-radius:999px}

/* Typography */
h1,h2,h3,h4,h5,h6{color:var(--bt-ink);text-wrap:balance}
p{color:inherit}.bt-kicker,.kicker,.eyebrow,.admin-eyebrow{color:var(--bt-brand)!important;font-weight:850!important;letter-spacing:.12em}

/* Shared surfaces */
.bt-card,.card,.dashboard-card,.catalog-card,.product-card,.studio,.design-preview-modal{
  border-color:var(--bt-line)!important;
}
.bt-card{background:var(--bt-surface);border:1px solid var(--bt-line);border-radius:var(--bt-radius-md);box-shadow:var(--bt-shadow-xs)}
.bt-card:hover{border-color:var(--bt-line-strong);box-shadow:var(--bt-shadow-sm)}

/* Buttons */
.bt-btn,button,input[type="button"],input[type="submit"],a.primary,a.nav-cta,.catalog-footer a,.final-cta>a{
  transition:transform .16s var(--bt-ease),box-shadow .16s var(--bt-ease),background-color .16s ease,border-color .16s ease,color .16s ease;
}
.bt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--bt-control-h);padding:0 16px;border:1px solid transparent;border-radius:var(--bt-radius-sm);font:750 13px/1 var(--bt-font);text-decoration:none;cursor:pointer}
.bt-btn-primary,a.primary,a.nav-cta,.catalog-footer a,.final-cta>a{background:linear-gradient(180deg,#f68a36,var(--bt-brand))!important;color:#fff!important;border-color:var(--bt-brand)!important;box-shadow:0 7px 18px rgba(242,118,29,.19)!important}
.bt-btn-primary:hover,a.primary:hover,a.nav-cta:hover,.catalog-footer a:hover,.final-cta>a:hover{background:var(--bt-brand-hover)!important;transform:translateY(-1px);box-shadow:0 10px 25px rgba(242,118,29,.24)!important}
.bt-btn-secondary{background:#fff;color:var(--bt-ink);border-color:var(--bt-line-strong)}
.bt-btn-secondary:hover{background:var(--bt-brand-soft);border-color:#f3b887;color:var(--bt-brand-strong)}
.bt-btn-danger{background:var(--bt-danger-soft);border-color:#ffc7c7;color:var(--bt-danger)}
button:disabled,.bt-btn:disabled{opacity:.52!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}

/* Form controls */
input:not([type="checkbox"]):not([type="radio"]),select,textarea{
  border:1px solid var(--bt-line-strong)!important;
  border-radius:var(--bt-radius-sm)!important;
  background:#fff;color:var(--bt-ink);font-family:var(--bt-font);
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
input:not([type="checkbox"]):not([type="radio"]),select{min-height:var(--bt-control-h)}
input:hover,select:hover,textarea:hover{border-color:#b8c0cc!important}
input:focus,select:focus,textarea:focus{outline:0!important;border-color:#ef9b59!important;box-shadow:0 0 0 4px rgba(242,118,29,.12)!important}
input::placeholder,textarea::placeholder{color:var(--bt-muted-2)}
label,.field-label{color:var(--bt-ink-2);font-weight:700}

/* Status language */
.bt-badge,.status-badge,.product-status-badge,.bt-status{display:inline-flex;align-items:center;gap:6px;border-radius:999px!important;font-weight:800!important}
.bt-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.bt-badge-success{background:var(--bt-success-soft);color:var(--bt-success)}
.bt-badge-warning{background:var(--bt-warning-soft);color:var(--bt-warning)}
.bt-badge-danger{background:var(--bt-danger-soft);color:var(--bt-danger)}
.bt-badge-info{background:var(--bt-info-soft);color:var(--bt-info)}

/* Icon standard */
.bt-icon,.nav-icon,.step-icon,.tool-tabs button>span:first-child,.admin-nav a>span:first-child{
  display:inline-grid;place-items:center;flex:0 0 auto;line-height:1;font-style:normal;
}
.bt-icon{width:36px;height:36px;border-radius:10px;background:var(--bt-brand-soft);color:var(--bt-brand);font-size:17px}
.bt-icon-sm{width:28px;height:28px;border-radius:8px;font-size:14px}
.bt-icon-dark{background:var(--bt-ink);color:#fff}

/* Admin refinements */
.admin-main{color:var(--bt-ink)}
.admin-main .card,.admin-main .dashboard-card{border:1px solid var(--bt-line)!important;box-shadow:var(--bt-shadow-xs)!important}
.admin-main .card:hover,.admin-main .dashboard-card:hover{box-shadow:var(--bt-shadow-sm)!important}
.admin-topbar{border-bottom-color:var(--bt-line)!important}
.admin-nav a{font-weight:650}.admin-nav a.active{font-weight:800}

/* Editor refinements */
.studio-header{border-bottom-color:var(--bt-line)!important;box-shadow:0 4px 18px rgba(16,24,40,.035)}
.studio-sidebar{border-color:var(--bt-line)!important}
.tool-tabs button{border-radius:10px!important;transition:.16s ease}.tool-tabs button:hover{background:var(--bt-brand-softer)!important;color:var(--bt-brand-strong)!important}.tool-tabs button.active{color:var(--bt-brand)!important}
.tool-tabs button.active>span:first-child{background:var(--bt-brand)!important;color:#fff!important;box-shadow:0 5px 14px rgba(242,118,29,.2)}
.tool-panel,.order-card,.design-audit-card,.right-card{border-color:var(--bt-line)!important}
.canvas-viewport{background-color:var(--bt-bg)!important}
.outline-btn,.mini-btn,.preview-order-btn{border-color:var(--bt-line-strong)!important;border-radius:var(--bt-radius-sm)!important}.outline-btn:hover,.mini-btn:hover,.preview-order-btn:hover{border-color:#efa66c!important;background:var(--bt-brand-soft)!important;color:var(--bt-brand-strong)!important}
.mobile-checkout{background:var(--bt-brand)!important;color:#fff!important}

/* Store refinements */
body .announcement{background:var(--bt-ink)!important}
body .site-header{background:rgba(255,255,255,.95);backdrop-filter:blur(12px);position:sticky;top:0}
body .nav{border-bottom-color:var(--bt-line)!important}
body .nav-links a{font-weight:650}.nav-links a:hover{color:var(--bt-brand)!important}
body .owl{background:var(--bt-brand)!important}.owl:before,.owl:after{border-color:transparent transparent var(--bt-brand)!important}
body .studio{border-radius:var(--bt-radius-lg)!important;box-shadow:var(--bt-shadow-md)!important}
body .product-card,body .catalog-card{border-radius:var(--bt-radius-lg)!important;box-shadow:var(--bt-shadow-xs)}
body .product-card:hover,body .catalog-card:hover{box-shadow:var(--bt-shadow-md)!important}
body .catalog-media,body .product-visual{background-color:var(--bt-surface-soft)}
body .search-box{border-color:var(--bt-line)!important;box-shadow:var(--bt-shadow-xs)}
body .filter-pills button{border-color:var(--bt-line)!important;font-weight:700}.filter-pills button:hover{border-color:#efad78;background:var(--bt-brand-soft)}.filter-pills button.active{background:var(--bt-ink)!important;color:#fff}
body .final-cta{background:linear-gradient(135deg,#111827,#1f2937)!important;box-shadow:var(--bt-shadow-md)}

/* Motion policy */
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:620px){:root{--bt-control-h:46px;--bt-radius-md:12px;--bt-radius-lg:16px}.bt-btn{min-height:46px}}

/* 4.14.1 Store premium refinement
   Büyük düz renk bloklarını ve düşük kontrastı kaldırır. */
body .ideas{padding-top:92px;padding-bottom:96px}
body .ideas .section-head{margin-bottom:28px;padding-bottom:22px;border-bottom:1px solid var(--bt-line)}
body .ideas .section-head h2{max-width:690px}
body .idea-grid{
  grid-template-columns:1.08fr .92fr;
  grid-template-rows:repeat(2,minmax(190px,1fr));
  gap:16px;
}
body .idea{
  position:relative;
  min-height:0;
  padding:34px 36px;
  border:1px solid var(--bt-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  color:var(--bt-ink)!important;
  box-shadow:0 1px 2px rgba(16,24,40,.03)!important;
  transition:transform .22s var(--bt-ease),border-color .22s ease,box-shadow .22s var(--bt-ease)!important;
}
body .idea:hover{
  transform:translateY(-3px);
  border-color:#d6dbe3!important;
  box-shadow:0 18px 42px rgba(16,24,40,.08)!important;
}
body .idea:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  border-radius:20px 0 0 20px;
  background:var(--bt-brand);
}
body .idea1:before{background:#667085}
body .idea2:before{background:#3d7a62}
body .idea>span{
  width:58px;
  height:58px;
  flex:0 0 58px;
  display:grid;
  place-items:center;
  margin-right:30px;
  border:1px solid var(--bt-line);
  border-radius:16px;
  background:var(--bt-surface-soft);
  color:var(--bt-ink-2);
  font-size:27px!important;
  opacity:1!important;
}
body .idea0>span{background:var(--bt-brand-soft);border-color:#f6d8c0;color:var(--bt-brand)}
body .idea2>span{background:#eef7f2;border-color:#d9eadf;color:#397157}
body .idea div{max-width:360px;margin-left:auto}
body .idea h3{font-size:22px;line-height:1.15;letter-spacing:-.025em;margin:0 0 10px}
body .idea p{max-width:320px;color:var(--bt-muted);font-size:12.5px;line-height:1.7;margin:0}
body .idea a{
  margin-top:22px;
  color:var(--bt-ink)!important;
  text-decoration:none;
  border-bottom:1px solid var(--bt-line-strong);
  padding-bottom:3px;
  font-size:11px;
  letter-spacing:.01em;
}
body .idea a:hover{color:var(--bt-brand)!important;border-color:var(--bt-brand)}
body .idea0{grid-row:span 2;background:linear-gradient(145deg,#fff,#fffaf6)!important}
body .idea1{background:linear-gradient(145deg,#fff,#f8fafc)!important}
body .idea2{background:linear-gradient(145deg,#fff,#f7fbf8)!important}

body .final-cta{
  min-height:260px;
  padding:58px 66px;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#101828 0%,#1d2939 58%,#243247 100%)!important;
  box-shadow:0 24px 60px rgba(16,24,40,.16)!important;
}
body .final-cta:before{
  content:"";
  position:absolute;
  width:280px;height:280px;
  right:-100px;top:-120px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.08);
}
body .final-cta:after{
  right:34%;top:28px;
  color:rgba(255,255,255,.055)!important;
  font-size:112px!important;
}
body .final-cta>div{position:relative;z-index:1}
body .final-cta>div>span{color:#ff9a53!important}
body .final-cta h2{color:#fff!important;font-size:42px;letter-spacing:-.045em;line-height:1.03;margin:15px 0 18px}
body .final-cta p{color:#cbd5e1!important;font-size:13px;line-height:1.7;margin:0}
body .final-cta>a{
  min-width:238px;
  min-height:56px;
  padding:0 22px!important;
  border-radius:11px!important;
  background:#fff!important;
  border-color:#fff!important;
  color:var(--bt-ink)!important;
  box-shadow:none!important;
}
body .final-cta>a:hover{
  background:var(--bt-brand)!important;
  border-color:var(--bt-brand)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(242,118,29,.24)!important;
}
body .final-cta a b{margin-left:28px;color:inherit}

@media(max-width:900px){
  body .idea-grid{grid-template-columns:1fr;grid-template-rows:auto}
  body .idea0{grid-row:auto}
  body .idea{min-height:190px}
  body .final-cta{padding:44px 34px}
}
@media(max-width:560px){
  body .ideas{padding-top:72px;padding-bottom:76px}
  body .idea{padding:28px 24px;align-items:flex-start}
  body .idea>span{width:48px;height:48px;flex-basis:48px;margin-right:18px;font-size:22px!important}
  body .idea h3{font-size:20px}
  body .final-cta{min-height:0;padding:38px 26px;margin-left:14px;margin-right:14px}
  body .final-cta h2{font-size:32px}
  body .final-cta>a{width:100%;min-width:0}
}

/* 4.14.2 — Mağaza ilham alanı: canlı renkleri koruyan profesyonel kompozisyon */
body .ideas .section-head{margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid #e8edf3}
body .idea-grid{grid-template-columns:1.08fr .92fr;grid-template-rows:repeat(2,190px);gap:16px}
body .idea{
  position:relative;
  padding:32px 34px;
  border-radius:24px;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 14px 38px rgba(15,23,42,.07);
  justify-content:flex-start;
  gap:30px;
  transition:transform .22s ease,box-shadow .22s ease;
}
body .idea:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(15,23,42,.11)}
body .idea:after{content:"";position:absolute;inset:auto -70px -90px auto;width:210px;height:210px;border-radius:50%;background:rgba(255,255,255,.14);pointer-events:none}
body .idea>span{
  flex:0 0 58px;
  width:58px;height:58px;
  display:grid;place-items:center;
  border-radius:17px;
  font-size:25px;
  opacity:1;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.5);
  box-shadow:0 8px 22px rgba(15,23,42,.08);
  position:relative;z-index:1;
}
body .idea div{max-width:330px;position:relative;z-index:1}
body .idea h3{font-size:25px;letter-spacing:-.035em;line-height:1.1;margin:0 0 11px}
body .idea p{font-size:13px;line-height:1.65;margin:0;opacity:.84}
body .idea a{margin-top:22px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px;font-size:11px;letter-spacing:.01em}
body .idea0{grid-row:span 2;background:linear-gradient(145deg,#ff7448 0%,#ff6336 100%);color:#fff;padding-left:42px}
body .idea0>span{color:#f06435;background:#fff4ef}
body .idea1{background:linear-gradient(145deg,#e7efff 0%,#dce7ff 100%);color:#10203d}
body .idea1>span{color:#233d68;background:rgba(255,255,255,.72)}
body .idea2{background:linear-gradient(145deg,#e5f6eb 0%,#d9f0e2 100%);color:#173d2d}
body .idea2>span{color:#257254;background:rgba(255,255,255,.72)}

body .final-cta{
  min-height:250px;
  padding:54px 64px;
  background:linear-gradient(135deg,#111c31 0%,#1e2d44 100%)!important;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 56px rgba(15,23,42,.16)!important;
}
body .final-cta:before{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-105px;top:-115px}
body .final-cta:after{right:34%;top:34px;font-size:110px;color:rgba(255,255,255,.055)}
body .final-cta h2{font-size:43px;max-width:620px;line-height:1.02;letter-spacing:-.045em}
body .final-cta p{color:#c9d3df!important;line-height:1.65}
body .final-cta>a{
  min-width:250px;
  justify-content:space-between;
  background:linear-gradient(180deg,#ff8b3d,#ff6b20)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 12px 26px rgba(255,100,20,.26)!important;
}
body .final-cta>a:hover{background:#ed5a12!important;transform:translateY(-2px)}

@media(max-width:900px){
  body .idea-grid{grid-template-columns:1fr;grid-template-rows:auto}
  body .idea,body .idea0{grid-row:auto;min-height:210px;padding:30px}
  body .final-cta{padding:44px 34px}
}
@media(max-width:560px){
  body .idea{align-items:flex-start;gap:20px;min-height:190px;padding:26px 22px}
  body .idea>span{width:50px;height:50px;flex-basis:50px;border-radius:15px}
  body .idea h3{font-size:22px}
  body .final-cta{margin-left:14px;margin-right:14px;padding:38px 24px}
  body .final-cta h2{font-size:31px}
  body .final-cta>a{width:100%;min-width:0}
}

/* 4.14.3 — İlham kartları: profesyonel düzen korunarak canlı dolgu renkleri geri getirildi */
body .idea0{
  background:linear-gradient(145deg,#ff7448 0%,#ff6336 100%)!important;
  color:#10203d!important;
}
body .idea1{
  background:linear-gradient(145deg,#e7efff 0%,#dce7ff 100%)!important;
  color:#10203d!important;
}
body .idea2{
  background:linear-gradient(145deg,#e5f6eb 0%,#d9f0e2 100%)!important;
  color:#173d2d!important;
}
body .idea0 h3,body .idea0 p,body .idea0 a{color:#10203d!important}
body .idea1 h3,body .idea1 p,body .idea1 a{color:#10203d!important}
body .idea2 h3,body .idea2 p,body .idea2 a{color:#173d2d!important}
body .idea0 a{border-color:rgba(16,32,61,.42)!important}
body .idea1 a{border-color:rgba(16,32,61,.34)!important}
body .idea2 a{border-color:rgba(23,61,45,.34)!important}
body .idea0>span{background:rgba(255,255,255,.78)!important;color:#ef5a2a!important;border-color:rgba(255,255,255,.62)!important}
body .idea1>span{background:rgba(255,255,255,.72)!important;color:#233d68!important;border-color:rgba(255,255,255,.56)!important}
body .idea2>span{background:rgba(255,255,255,.72)!important;color:#257254!important;border-color:rgba(255,255,255,.56)!important}
