/* =====================================================================
   SİTE GENELİ BOŞLUK DÜZELTMELERİ
   Umbraco > Settings > Stylesheets > site-duzeltme.css
   ===================================================================== */

/* "ÜNLÜ Menkul yatırım hesabınızı hemen açın" (piapiri-connect) kutusu,
   koyu zeminli tam genişlik bir bölümün hemen altına geldiğinde yapışıyordu.
   Kutunun alt boşluğu kadar üst boşluk verilir. (content-wrapper/container
   zaten kendi alt dolgusunu taşıdığı için onlardan sonra eklenmez.) */
main :not(.content-wrapper):not(.container):not(.start-content) + .piapiri-connect {
  margin-top: 6rem;
}
@media only screen and (max-width: 1024px) {
  main :not(.content-wrapper):not(.container):not(.start-content) + .piapiri-connect {
    margin-top: 3rem;
  }
}

/* Ana sayfa "ÜNLÜ Kılavuz / Blog" kaydırıcısı: "Daha Fazla Bilgi" bağlantısı
   tarayıcı varsayılanı (10px, koyu mavi) kalıyordu; /blog/ sayfasındaki
   kartlarla aynı stile getirilir ve kart altına hizalanır. */
.blog-slider.blog-guide-cards .item > a {
  margin-top: auto;
  padding-top: 3rem;
  font-family: "FK Grotesk", Arial, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  color: #80d4ff;
  text-decoration: underline;
  transition: color .3s;
}
.blog-slider.blog-guide-cards .item > a:hover {
  color: #fff;
}

/* === Revizyon 8.10 === */
/* Degrade azaltma */
.account-content .item .image:after { background:linear-gradient(180deg, rgba(4,20,45,0) 62%, #04142d 100%) !important; }
.account-content .item.daha .image:after { background:linear-gradient(180deg, rgba(144,117,74,0) 62%, #90754a 100%) !important; }
/* 01/02/03 kartlarinda metin yukari */
.content-special-card-items.numbers .item p { margin-top:2rem; }
/* Tek baslikli liste: kucuk gorsel solda, metin sagda */
@media (min-width:769px){
 .content-list-text .items > .item:only-child { display:grid; grid-template-columns:26rem 1fr; column-gap:3rem; row-gap:1rem; align-items:start; border:0; padding:0; }
 .content-list-text .items > .item:only-child .image { grid-column:1; grid-row:1 / span 3; width:100%; aspect-ratio:4/3; margin:0; }
 .content-list-text .items > .item:only-child > :not(.image) { grid-column:2; }
 .content-list-text .items:has(> .item:only-child) { grid-template-columns:1fr; }
}
/* Model portfoy: tek sekme gizle */
.stocks-items-content .tabs.type-3:has(> li:only-child) { display:none; }
/* bos baslik alanlari */
.content-headline-text.is-empty { display:none; }
/* Sekmeler ustteki bolume yapismasin */
.tab-menu-content.container:has(> ul.tabs.type-2) { margin-top:6rem; }
@media (max-width:768px){ .tab-menu-content.container:has(> ul.tabs.type-2) { margin-top:4rem; } }
/* Zengin metin + tablo sayfalari (Para Yatirma vb.): okunur metin olcusu */
.text-content:has(table) > p { font-size:1.6rem; line-height:1.5; color:#363d60; margin-bottom:1.2rem; }
.text-content:has(table) > p strong { font-weight:500; color:#001727; }
.text-content:has(table) > h3 { font-size:2.2rem; margin-top:3.2rem; }
.text-content:has(table) > h3:first-child { margin-top:0 !important; padding-top:0 !important; }
.logo-ek{margin-bottom:2rem;} .logo-ek img{width:200px;height:auto;max-height:90px;object-fit:contain;object-position:left;} @media (max-width:768px){.logo-ek img{width:150px;}}
.content-list-text .item h5:empty { display:none; }
.hero-uyari-ek { max-width:62rem; margin:1.6rem 0 0; font-size:1.5rem; line-height:1.5; color:rgba(255,255,255,.9); }
.text-content details.yil-blok { border-bottom:1px solid #d8dde3; padding:0; }
.text-content details.yil-blok > summary { cursor:pointer; list-style:none; position:relative; padding:2rem 4rem 2rem 0; font-size:2rem; font-weight:600; line-height:1.35; color:#001727; }
.text-content details.yil-blok > summary::-webkit-details-marker { display:none; }
.text-content details.yil-blok > summary::after { content:"+"; position:absolute; right:.4rem; top:50%; transform:translateY(-50%); font-size:2.6rem; font-weight:400; }
.text-content details.yil-blok[open] > summary::after { content:"–"; }
.text-content details.yil-blok > :not(summary) { margin-bottom:1.6rem; }
.text-content details.yil-blok hr { border:0; border-top:1px solid #e3e7ec; margin:2.4rem 0; }
.text-content details.yil-blok p { margin-bottom:1.4rem; }
.text-content img.pdf-ikon { width:2.2rem; height:auto; vertical-align:middle; margin-right:.6rem; display:inline-block; }
.text-content a[target="_blank"] { word-break:break-word; }
.text-content details.yil-blok p:has(> strong > a[href^="/media/"]) { position:relative; padding-left:2rem; margin-bottom:.8rem; }
.text-content details.yil-blok p:has(> strong > a[href^="/media/"])::before { content:""; position:absolute; left:.2rem; top:.95em; width:.6rem; height:.6rem; border-top:1.5px solid #0b5fff; border-right:1.5px solid #0b5fff; transform:translateY(-50%) rotate(45deg); }
.text-content details.yil-blok p:has(> strong > a[href^="/media/"]) a:empty { display:none; }
.text-content p.pdf-satir { position:relative; padding-left:2rem; margin-bottom:.8rem; }
.text-content p.pdf-satir::before { content:""; position:absolute; left:.2rem; top:.95em; width:.6rem; height:.6rem; border-top:1.5px solid #0b5fff; border-right:1.5px solid #0b5fff; transform:translateY(-50%) rotate(45deg); }
.text-content p.pdf-satir { margin-top:.8rem; margin-bottom:.8rem; }
.text-content p:not(.pdf-satir) + p.pdf-satir { margin-top:1.8rem; }
.text-content p.pdf-satir + p:not(.pdf-satir) { margin-top:1.8rem; }
.text-content p.pdf-satir + hr { margin-top:2rem; }
.text-content ul, .text-content ol { font-size:1.6rem; line-height:1.6; margin:0 0 1.6rem; padding-left:2.4rem; }
.text-content ul { list-style:disc; } .text-content ol { list-style:decimal; }
.text-content ul li, .text-content ol li { font-size:1.6rem; line-height:1.6; margin-bottom:.8rem; list-style:inherit; }

/* === Blog yazıları: numaralı liste, alt başlıklar ve küçük kalan metinler === */
.blog-detail .left .blog-text-content ol { display:flex; flex-direction:column; gap:.8rem; margin:2rem 0; padding:0; }
.blog-detail .left .blog-text-content ol li { font-size:1.6rem; line-height:1.6; color:#363d60; font-weight:normal; display:list-item; list-style:decimal; margin-left:4rem; }
.blog-detail .left .blog-text-content ul li, .blog-detail .left .blog-text-content ol li { color:#363d60; }
.blog-detail .left .blog-text-content li strong, .blog-detail .left .blog-text-content li b { display:inline; margin:0; font-weight:600; color:#04142d; }
.blog-detail .left .blog-text-content li p { font-size:1.6rem; line-height:1.6; margin:0; }
.blog-detail .left .blog-text-content h4 { font-size:1.7rem; line-height:1.4; font-weight:600; color:#004bf9; margin:2rem 0 1rem; }
.blog-detail .left .blog-text-content h5, .blog-detail .left .blog-text-content h6 { font-size:1.6rem; line-height:1.4; font-weight:600; color:#004bf9; margin:1.6rem 0 .8rem; }
.blog-detail .left .blog-text-content td, .blog-detail .left .blog-text-content th { font-size:1.5rem; line-height:1.5; }
.blog-detail .left .blog-text-content span[style*="font-size"], .blog-detail .left .blog-text-content p[style*="font-size"] { font-size:inherit !important; }
.blog-detail .left .blog-text-content blockquote { font-size:1.6rem; line-height:1.6; }

/* Blog içeriğinde CTA şeridi (CMS'ten HTML olarak eklenir) */
.blog-detail .left .blog-text-content .piapiri-connect { max-width: none; margin: 3rem 0; }
.blog-detail .left .blog-text-content .piapiri-connect a.button { color: #fff; text-decoration: none; align-self: flex-start; }
.blog-detail .left .blog-text-content .piapiri-connect figure { margin: 0; }
.blog-detail .left .blog-text-content .piapiri-connect figure img { width: 100%; height: auto; display: block; }
.blog-detail .left .blog-text-content .piapiri-connect .caption span { display: block; font-size: 1.8rem; line-height: 1.4; }
@media (max-width: 1024px){ .blog-detail .left .blog-text-content .piapiri-connect a.button { align-self: center; } }
/* Düz liste bloklarında alt başlık + madde listesi */
.content-list-text .item > h4 { font-size:2rem; line-height:1.3; font-weight:700; color:#0a1530; margin:3rem 0 1rem; }
.content-list-text .item > ul { display:flex; flex-direction:column; gap:.8rem; margin:1.2rem 0 2rem; padding:0; list-style:none; }
.content-list-text .item > ul li { position:relative; font-size:1.7rem; line-height:1.6; color:#363d60; font-weight:normal; padding-left:2.2rem; display:block; }
.content-list-text .item > ul li::before { content:""; position:absolute; left:0; top:.85em; width:.6rem; height:.6rem; border-radius:50%; background:#0001FF; }
.content-list-text .item > ul li strong { color:#0a1530; font-weight:600; }
.content-list-text .item > .info-note { background:#f2f5ff; border-left:.4rem solid #0001FF; padding:1.6rem 2rem; margin:2.4rem 0 0; font-size:1.7rem; line-height:1.6; color:#363d60; }
.content-list-text .item > .info-note p { margin:0; }
/* Tablo arama + sayfalama */
.tbl-ek-bar { display:flex; align-items:center; justify-content:space-between; gap:1.6rem; margin:0 0 1.6rem; flex-wrap:wrap; }
.tbl-ek-bar input { flex:1 1 28rem; max-width:40rem; height:4.6rem; padding:0 1.6rem; font-size:1.6rem; border:1px solid #d5dbe8; border-radius:.4rem; background:#fff; color:#0a1530; font-family:inherit; }
.tbl-ek-bar input:focus { outline:none; border-color:#0001FF; box-shadow:0 0 0 3px rgba(0,1,255,.12); }
.tbl-ek-cnt { font-size:1.4rem; color:#6b7390; }
.tbl-ek-pg { display:flex; gap:.6rem; justify-content:center; align-items:center; margin:2.4rem 0 .4rem; flex-wrap:wrap; }
.tbl-ek-pg button { min-width:4rem; height:4rem; padding:0 1rem; border:1px solid #d5dbe8; background:#fff; color:#0a1530; font-size:1.5rem; border-radius:.4rem; cursor:pointer; font-family:inherit; }
.tbl-ek-pg button:hover:not(:disabled) { border-color:#0001FF; color:#0001FF; }
.tbl-ek-pg button.on { background:#0001FF; border-color:#0001FF; color:#fff; }
.tbl-ek-pg button:disabled { opacity:.4; cursor:default; }
.tbl-ek-pg span { color:#6b7390; padding:0 .4rem; }
.tbl-ek-empty { padding:2.4rem 0; text-align:center; color:#6b7390; font-size:1.6rem; }
.tbl-ek .more-table { display:none !important; }
.tab-menu-content .tbl-ek { margin-top:3rem; }
.tab-menu-content .tbl-ek .tbl-ek-bar { margin-top:0; }

.ha-detay-link{color:#0001FF;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(0,1,255,.3)}
.ha-detay-link:hover{border-bottom-color:#0001FF}

/* Halka arz detay sayfalari */
body.ha-detay .blog-detail .left > figure{display:none}
.ha-cta{display:flex;align-items:center;justify-content:space-between;gap:3rem;background:#0001FF;border-radius:.6rem;padding:2.6rem 3.2rem;margin:3rem 0}
.ha-cta p{margin:0!important;color:#fff!important;font-size:1.7rem;line-height:1.6;max-width:62rem}
.ha-cta .ha-cta-btn{flex:none;background:#fff;color:#0001FF!important;font-weight:600;font-size:1.6rem;padding:1.3rem 2.6rem;border-radius:.4rem;text-decoration:none!important;border:0!important;white-space:nowrap}
.ha-cta .ha-cta-btn:hover{background:#e8ecff}
@media(max-width:767px){.ha-cta{flex-direction:column;align-items:flex-start;padding:2.2rem}.ha-cta .ha-cta-btn{width:100%;text-align:center}}

body.ha-detay .blog-detail strong,body.ha-detay .blog-detail p a,body.ha-detay .blog-detail li a,body.ha-detay .blog-detail em{display:inline!important}

/* 13.10 revizyon */
.secondary-form > p.rev-sub{margin:6px 0 14px;font-size:14px;line-height:1.5;opacity:.85}

.vy-sayfa .secondary-form{display:none!important}




/* 14.10: anasayfa banner üstündeki siyah karartma azaltıldı */
.ana-sayfa .hero-content figure::before{background:rgba(0,0,0,.08)!important}

/* 14.10: blog yazı metni sol hizası görselle aynı */
.blog-detail .blog-text-content{padding-left:0!important}

/* 14.10: blog sağdaki içindekiler alanı daha dar, metinle arası açık */
@media(min-width:992px){
 .blog-detail>.right-sticky{width:460px!important;margin-left:30px!important}
}

/* 14.10: Ürünler banner — mevcut siyah katmanın (%30) üstüne footer laciverti (#04142d) %20 */
.urun-sayfa .start-content figure::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(4,20,45,.2);z-index:4;pointer-events:none}

/* 15.10: kurumsal banner butonu */


/* 20.10: "Piapiri'yi Hemen İndir" alanı — yeni banner tasarımına yaklaştırıldı (geçici; developer şablona alınca kaldırılacak) */
body.hz-form .mobile-apps-content{background:radial-gradient(ellipse at 22% 55%,#fff 0,rgba(255,255,255,0) 52%),linear-gradient(120deg,#e8f0ff 0%,#f5f9ff 50%,#e6efff 100%);padding-top:2.4rem}
body.hz-form .mobile-apps-content .app-container{align-items:center;gap:4.8rem}
body.hz-form .mobile-apps-content .app-screen{align-self:flex-end;flex:0 0 auto}
body.hz-form .mobile-apps-content .app-screen figure{max-width:44.8rem;margin:0;line-height:0}
body.hz-form .mobile-apps-content .app-screen figure img{display:block;width:100%;height:auto}
body.hz-form .mobile-apps-content .app-content{padding:3.2rem 0}
body.hz-form .mobile-apps-content .app-content::before{display:none}
body.hz-form .mobile-apps-content .app-content .app-caption{gap:1.12rem;margin-bottom:2.56rem}
body.hz-form .mobile-apps-content .app-content .app-caption small{font-size:1.92rem;color:#2b3550;font-weight:400}
body.hz-form .mobile-apps-content .app-content .app-caption span{font-size:4rem;line-height:1.08;font-weight:700;letter-spacing:-.03em;color:#04142d}
body.hz-form .mobile-apps-content .app-content .app-caption span em{font-style:normal;color:#0b3ff5}
body.hz-form .mobile-apps-content .app-content .buttons{gap:1.6rem}
body.hz-form .mobile-apps-content .app-content .buttons a{width:auto;min-width:17.6rem;height:4.8rem;padding:0 1.6rem;gap:0.96rem;border-radius:1.12rem;background:linear-gradient(180deg,#0f1c3d,#08122b);box-shadow:0 0.8rem 1.92rem rgba(11,30,80,.22)}
body.hz-form .mobile-apps-content .app-content .buttons a:hover{background:#0b3ff5}
body.hz-form .mobile-apps-content .app-content .buttons a i svg{width:1.92rem}
body.hz-form .mobile-apps-content .app-content .buttons a .button-caption{display:block;white-space:nowrap;font-size:0}
body.hz-form .mobile-apps-content .app-content .buttons a .button-caption span,body.hz-form .mobile-apps-content .app-content .buttons a .button-caption small{display:inline;font-size:1.52rem;font-weight:500;line-height:1}
body.hz-form .mobile-apps-content .app-content .buttons a::after{content:"›";margin-left:auto;padding-left:0.8rem;font-size:2.24rem;line-height:1;color:#fff}
body.hz-form .mobile-apps-content .app-content .buttons a:nth-child(2) i{width:1.92rem;height:1.92rem;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2322C55E' d='M3 2.2v19.6l10.3-9.8z'/%3E%3Cpath fill='%2338BDF8' d='M3 2.2 15.9 9.5l-2.6 2.5z'/%3E%3Cpath fill='%23FB923C' d='m3 21.8 12.9-7.3-2.6-2.5z'/%3E%3Cpath fill='%23E84358' d='m15.9 9.5 4.4 2.5c.8.45.8 1.55 0 2l-4.4 2.5L13.3 12z'/%3E%3C/svg%3E") center/contain no-repeat}
body.hz-form .mobile-apps-content .app-content .buttons a:nth-child(2) i svg{display:none}
@media(max-width:768px){
 body.hz-form .mobile-apps-content{padding-top:2.4rem}
 body.hz-form .mobile-apps-content .app-container{gap:1.6rem}
 body.hz-form .mobile-apps-content .app-screen figure{max-width:27.2rem;margin:0 auto}
 body.hz-form .mobile-apps-content .app-content .app-caption span{font-size:2.88rem}
 body.hz-form .mobile-apps-content .app-content .app-caption small{font-size:1.44rem}
 body.hz-form .mobile-apps-content .app-content .buttons a{width:100%;max-width:25.6rem;min-width:0}
}
body.hz-form .mobile-apps-content .app-content .buttons a .button-caption small{margin-left:-.28em}
@media(max-width:768px){body.hz-form .mobile-apps-content .app-screen{align-self:center;width:100%}body.hz-form .mobile-apps-content .app-screen figure{margin:0 auto}}

/* 20.10: Zafer Onat kartında boş LinkedIn butonu gizlendi (şablon boş link için de buton basıyor — developer koşullu render edince kaldırılacak) */
.ofdirectors-item .social li:has(> a[href=""]),.ofdirectors-item .social li:has(> a:not([href])){display:none!important}
div.social > a[href=""],div.social > a:not([href]){display:none!important}

/* Zengin metin icindeki custom-table: blog/icerik liste stillerini ez (gelistirici degerleri) */
.blog-detail .left .blog-text-content .custom-table .content-custom-table-list ul li,
.blogContent .custom-table .content-custom-table-list ul li,
.text-content .custom-table .content-custom-table-list ul li,
.content-list-text .item .custom-table .content-custom-table-list ul li{display:flex;list-style:none;line-height:normal;height:auto;min-height:6rem;align-items:center;border-bottom:.1rem solid rgba(4,20,45,.2)}
:is(.text-content,.blogContent,.content-list-text .item) .custom-table .content-custom-table-list ul li > span{min-width:0;overflow-wrap:break-word;word-break:normal;hyphens:manual}
.tbl-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
/* custom-table: satir metni 2+ satira inince ust uste binmesin (sabit 6rem yerine en az 6rem) */
.custom-table .content-custom-table-list ul li{height:auto;min-height:6rem;padding-top:1rem;padding-bottom:1rem;box-sizing:border-box}
/* genel sayfa metinleri: paragraf / baslik / liste / tablo gecislerinde nefes payi */
.content-wrapper > .text-content p{margin-bottom:1.2rem}
.content-wrapper > .text-content > p:last-child{margin-bottom:0}
.content-wrapper > .text-content h2,.content-wrapper > .text-content h3{margin-top:2.4rem}
.content-wrapper > .text-content > :first-child{margin-top:0}
.content-wrapper > .text-content ul,.content-wrapper > .text-content ol{margin-bottom:1.6rem}
.content-wrapper > .text-content .ha-cta p{margin-bottom:0}
/* mobil custom-table: ul varsayilan sol girintisi kalksin (icerik alani kadar genislik), baslik fontu bir tik kucuk */
@media (max-width:767px){
.custom-table .content-custom-table-list ul{padding-left:0;margin-left:0}
.custom-table .content-custom-table-list li.nb span,.custom-table .content-custom-table-list li.nb span strong{font-size:14px;line-height:1.3}
.custom-table .content-custom-table-list li span{overflow-wrap:break-word;word-break:normal;hyphens:manual}
}
@media (max-width:767px){
.custom-table.is-responsive .content-custom-table-list ul li>span.col-wide{flex:2.4 1 0}
.custom-table.is-responsive .content-custom-table-list ul li>span:first-child:not(.col-wide){flex:1 1 0}
}

/* Geçici: header EN dil butonu gizli (EN yayına alınınca kaldırılacak) */
.lang,.mobile-menu-language,a[href="/en/"][title="English"]{display:none !important}