/* ======================================================================
   ELÇİ V5.9 — PRESTİJLİ VE KEYİFLİ BLOG OKUMA SAYFASI
   Yalnızca blog yazısı detay sayfasına uygulanır. Site header/footer kimliği korunur.
   ====================================================================== */

.blog-article-page{
  --blog-brand:var(--brand,#5a1fa8);
  --blog-brand-deep:var(--brand2,#36106b);
  --blog-accent:var(--accent,#27d4e8);
  --blog-ink:#171326;
  --blog-copy:#38444f;
  --blog-muted:#71808c;
  --blog-line:#e8e5ef;
  background:
    radial-gradient(900px 440px at 8% 12%,rgba(90,31,168,.06),transparent 68%),
    radial-gradient(760px 420px at 92% 18%,rgba(39,212,232,.08),transparent 68%),
    #f6f7fb!important;
}
.blog-article-page .blog-article-shell{padding:38px 0 92px}
.blog-article-page .blog-article{
  width:min(1120px,calc(100% - 36px))!important;
  margin:0 auto;
  overflow:hidden;
  border:1px solid rgba(65,38,100,.10);
  border-radius:30px;
  background:#fff;
  box-shadow:0 28px 72px rgba(31,18,53,.10);
}
.blog-article-page .blog-breadcrumb{
  display:flex;align-items:center;gap:9px;min-width:0;
  padding:24px 56px 0;color:#80909c;font:650 12px/1.5 "Manrope",sans-serif;
}
.blog-article-page .blog-breadcrumb a{color:#6d7585;text-decoration:none}
.blog-article-page .blog-breadcrumb a:hover{color:var(--blog-brand)}
.blog-article-page .blog-breadcrumb i{font-size:8px;color:#b7c0c8}
.blog-article-page .blog-breadcrumb span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.blog-article-page .blog-article-header{position:relative!important;inset:auto!important;z-index:auto!important;width:auto!important;height:auto!important;min-height:0!important;padding:40px 56px 36px;background:transparent!important;box-shadow:none!important}
.blog-article-page .blog-article-topline{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}
.blog-article-page .blog-article-meta{display:flex;flex-wrap:wrap;gap:10px}
.blog-article-page .blog-article-meta span,
.blog-article-page .blog-reading-time{
  display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:8px 13px;
  border:1px solid rgba(72,37,119,.12);border-radius:999px;background:#fff;
  color:#4f3f67;font:750 12px/1.2 "Manrope",sans-serif;
  box-shadow:0 7px 18px rgba(49,30,75,.045);
}
.blog-article-page .blog-article-meta i,.blog-article-page .blog-reading-time i{color:var(--blog-brand)}
.blog-article-page .blog-reading-time{flex:none;background:linear-gradient(135deg,rgba(90,31,168,.07),rgba(39,212,232,.06))}
.blog-article-page .blog-article-header h1{
  max-width:950px;margin:0!important;color:var(--blog-ink)!important;-webkit-text-fill-color:var(--blog-ink)!important;
  font-family:var(--blog-title-font,"Manrope",sans-serif)!important;font-size:clamp(40px,5.2vw,66px)!important;font-weight:850!important;line-height:1.08!important;
  letter-spacing:-.052em!important;text-wrap:balance;overflow-wrap:anywhere;word-break:break-word;
}
.blog-article-page .blog-title-divider{display:flex;align-items:center;gap:13px;width:235px;margin:24px 0 22px;color:var(--blog-brand)}
.blog-article-page .blog-title-divider span{height:2px;flex:1;border-radius:999px;background:linear-gradient(90deg,var(--blog-brand),rgba(39,212,232,.35))}
.blog-article-page .blog-title-divider span:last-child{background:linear-gradient(90deg,rgba(39,212,232,.35),var(--blog-brand))}
.blog-article-page .blog-title-divider i{font-size:14px}
.blog-article-page .blog-article-summary{
  max-width:850px;margin:0;color:#53616c;font:500 clamp(17px,1.6vw,19px)/1.8 "Manrope",sans-serif;
  text-wrap:pretty;overflow-wrap:anywhere;
}
.blog-article-page .blog-article-cover{
  max-width:920px;margin:6px auto 42px;overflow:hidden;border:1px solid rgba(61,38,90,.12);border-radius:24px;
  background:#eef5f7;box-shadow:0 18px 42px rgba(38,20,72,.08);
}
.blog-article-page .blog-article-cover img{display:block;width:100%;max-height:520px;object-fit:cover}
.blog-article-page .blog-article-cover figcaption,
.blog-article-page .blog-article-content figcaption{
  padding:10px 14px 12px;background:#fff;color:#78838d;font:italic 12.5px/1.55 "Manrope",sans-serif;
}
.blog-article-page .blog-article-content{
  max-width:none!important;margin:0!important;padding:4px 56px 50px!important;
  color:var(--blog-copy);font-family:var(--blog-body-font,"Manrope",sans-serif);font-size:18px;font-weight:400;line-height:1.9;
  overflow-wrap:anywhere;word-break:break-word;hyphens:auto;
}
.blog-article-page .blog-article-content>p,
.blog-article-page .blog-article-content>ul,
.blog-article-page .blog-article-content>ol,
.blog-article-page .blog-article-content>blockquote,
.blog-article-page .blog-article-content>h2,
.blog-article-page .blog-article-content>h3{max-width:840px;margin-left:auto;margin-right:auto}
.blog-article-page .blog-article-content p{margin-top:0;margin-bottom:21px}
.blog-article-page .blog-article-content h2,
.blog-article-page .blog-article-content h3,
.blog-article-page .blog-article-content .editorial-section-title{
  color:#321552;font-family:var(--blog-title-font,"Manrope",sans-serif)!important;letter-spacing:-.03em;overflow-wrap:anywhere;
}
.blog-article-page .blog-article-content h2,
.blog-article-page .blog-article-content .editorial-section-title{margin-top:42px;margin-bottom:14px;font-size:clamp(25px,3vw,34px);line-height:1.25}
.blog-article-page .blog-article-content h3{margin-top:30px;margin-bottom:10px;font-size:22px;line-height:1.3}
.blog-article-page .blog-article-content ul,.blog-article-page .blog-article-content ol{padding-left:28px}
.blog-article-page .blog-article-content li{margin:9px 0}
.blog-article-page .blog-article-content blockquote{
  padding:20px 23px;border:1px solid rgba(39,212,232,.25);border-left:5px solid var(--blog-accent);border-radius:0 18px 18px 0;
  background:linear-gradient(135deg,#f2fbfd,#faf7ff);color:#40535e;
}
.blog-article-page .blog-article-content .editorial-sections{display:grid;gap:44px;margin:0}
.blog-article-page .blog-article-content .editorial-section{margin:0}
.blog-article-page .blog-article-content .editorial-text{max-width:840px;margin:0 auto;padding:0}
.blog-article-page .blog-article-content .editorial-text>:first-child{margin-top:0}
.blog-article-page .blog-article-content .editorial-text>:last-child{margin-bottom:0}

/* Görselin yanından başlayıp altında tam genişlikte devam eden gerçek dergi akışı */
.blog-article-page .blog-article-content .editorial-flow{display:block;max-width:920px;margin:0 auto}
.blog-article-page .blog-article-content .editorial-flow::after{content:"";display:block;clear:both}
.blog-article-page .blog-article-content .editorial-flow-copy{display:block}
.blog-article-page .blog-article-content .editorial-flow-copy>:first-child{margin-top:0!important}
.blog-article-page .blog-article-content .editorial-flow-copy>:last-child{margin-bottom:0!important}
.blog-article-page .blog-article-content .editorial-flow-figure{
  float:right;width:clamp(300px,48%,445px);margin:3px 0 20px 32px;overflow:hidden;
  border:1px solid rgba(65,38,100,.13);border-radius:23px;background:#eef5f7;box-shadow:0 18px 42px rgba(38,20,72,.085);
}
.blog-article-page .blog-article-content .editorial-flow.image-left .editorial-flow-figure{float:left;margin:3px 32px 20px 0}
.blog-article-page .blog-article-content .editorial-flow-figure img{display:block;width:100%;max-width:100%}
.blog-article-page .blog-article-content .editorial-flow.fit-cover .editorial-flow-figure img{aspect-ratio:4/3;object-fit:cover}
.blog-article-page .blog-article-content .editorial-flow.fit-contain .editorial-flow-figure img{max-height:560px;object-fit:contain;background:linear-gradient(135deg,#f4f1f8,#edf9fb)}
.blog-article-page .blog-article-content .editorial-flow.media-missing .editorial-flow-figure{display:none}

/* Tek görsel ve galeri */
.blog-article-page .blog-article-content .editorial-figure{max-width:920px;margin:0 auto;overflow:hidden;border:1px solid rgba(65,38,100,.12);border-radius:24px;background:#eef5f7;box-shadow:0 18px 42px rgba(38,20,72,.075)}
.blog-article-page .blog-article-content .editorial-figure.is-compact{max-width:720px}
.blog-article-page .blog-article-content .editorial-figure img{display:block;width:100%;max-height:620px;object-fit:contain}
.blog-article-page .blog-article-content .editorial-figure.fit-cover img{aspect-ratio:16/9;object-fit:cover}
.blog-article-page .blog-article-content .editorial-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:920px;margin:0 auto}
.blog-article-page .blog-article-content .editorial-gallery figure{margin:0;overflow:hidden;border:1px solid rgba(65,38,100,.12);border-radius:20px;background:#eef5f7;box-shadow:0 14px 32px rgba(38,20,72,.07)}
.blog-article-page .blog-article-content .editorial-gallery img{display:block;width:100%;height:100%;min-height:220px;object-fit:cover}
.blog-article-page .blog-article-content .editorial-gallery.fit-contain img{object-fit:contain}
.blog-article-page .blog-article-content .editorial-gallery.count-3.layout-auto figure:first-child,
.blog-article-page .blog-article-content .editorial-gallery.layout-feature figure:first-child{grid-row:span 2}

/* Yönetim panelinden isteğe bağlı eklenen 1–3 prestij kutusu */
.blog-article-page .blog-article-content .editorial-card-list{
  display:flex;flex-wrap:wrap;align-items:stretch;gap:18px;max-width:920px;margin:0 auto;
}
.blog-article-page .blog-article-content .editorial-info-card{
  position:relative;display:flex;flex-direction:column;min-width:0;max-width:100%;height:auto;overflow:hidden;
  flex:1 1 calc(50% - 9px);border:1px solid rgba(90,31,168,.13);border-radius:22px;background:linear-gradient(145deg,#fff,#fbf9ff);
  box-shadow:0 16px 38px rgba(38,20,72,.075);transition:transform .22s ease,box-shadow .22s ease;
  overflow-wrap:anywhere;word-break:break-word;hyphens:auto;
}
.blog-article-page .blog-article-content .editorial-info-card.card-size-small{flex-basis:calc(33.333% - 12px);max-width:calc(33.333% - 12px)}
.blog-article-page .blog-article-content .editorial-info-card.card-size-medium{flex-basis:calc(50% - 9px);max-width:calc(50% - 9px)}
.blog-article-page .blog-article-content .editorial-info-card.card-size-large{flex-basis:calc(66.666% - 6px);max-width:calc(66.666% - 6px)}
.blog-article-page .blog-article-content .editorial-info-card.card-size-full,.blog-article-page .blog-article-content .editorial-info-card.card-position-full{flex-basis:100%;max-width:100%}
.blog-article-page .blog-article-content .editorial-info-card.card-position-left{margin-right:auto}
.blog-article-page .blog-article-content .editorial-info-card.card-position-center{margin-left:auto;margin-right:auto}
.blog-article-page .blog-article-content .editorial-info-card.card-position-right{margin-left:auto}
.blog-article-page .blog-article-content .editorial-info-card:hover{transform:translateY(-4px);box-shadow:0 22px 46px rgba(38,20,72,.11)}
.blog-article-page .blog-article-content .editorial-info-card-media{order:-1;margin:0;min-height:150px;background:#edf4f7}
.blog-article-page .blog-article-content .editorial-info-card-media img{display:block;width:100%;height:100%;min-height:150px;aspect-ratio:16/9;object-fit:cover}
.blog-article-page .blog-article-content .editorial-info-card-copy{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:start;padding:22px;min-width:0}
.blog-article-page .blog-article-content .editorial-info-card-text{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.blog-article-page .blog-article-content .editorial-info-card-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,rgba(90,31,168,.11),rgba(39,212,232,.10));color:var(--blog-brand);font-size:17px}
.blog-article-page .blog-article-content .editorial-info-card h3{max-width:none;margin:2px 0 7px;font-family:var(--blog-card-title-font,"Manrope",sans-serif)!important;font-size:19px;line-height:1.3;color:#321552;overflow-wrap:anywhere;word-break:break-word}
.blog-article-page .blog-article-content .editorial-info-card p{max-width:100%;margin:0;color:#4d5a64;font-family:var(--blog-card-body-font,"Manrope",sans-serif)!important;font-size:15.5px;line-height:1.72;overflow-wrap:anywhere;word-break:break-word}
.blog-article-page .blog-article-content .editorial-info-card.card-text-small p{font-size:14px}
.blog-article-page .blog-article-content .editorial-info-card.card-text-large p{font-size:17px}

.blog-article-page .blog-article-content .editorial-callout{max-width:920px;margin:0 auto;padding:23px 25px;border:1px solid rgba(39,212,232,.25);border-radius:21px;background:linear-gradient(135deg,#f3fcfd,#faf7ff);box-shadow:0 14px 34px rgba(38,20,72,.055)}
.blog-article-page .blog-article-content .editorial-callout h3{margin:0 0 8px}
.blog-article-page .blog-article-content .editorial-callout p:last-child{margin-bottom:0}
.blog-article-page .blog-article-content .editorial-callout.warning{border-color:rgba(232,161,43,.30);background:linear-gradient(135deg,#fffaf0,#fff8f4)}
.blog-article-page .blog-article-content .editorial-callout.success{border-color:rgba(24,169,120,.24);background:linear-gradient(135deg,#f1fff8,#f3fbfd)}
.blog-article-page .blog-article-content .editorial-steps{max-width:920px;margin:0 auto;padding:28px;border-radius:24px;background:linear-gradient(135deg,#2a0d4c,#421078 70%,#195d75);color:#fff;box-shadow:0 20px 48px rgba(35,12,67,.18)}
.blog-article-page .blog-article-content .editorial-steps h2{margin:0 0 18px;color:#fff!important}
.blog-article-page .blog-article-content .editorial-steps ol{display:grid;gap:12px;margin:0;padding:0;list-style:none;counter-reset:blog-step}
.blog-article-page .blog-article-content .editorial-steps li{counter-increment:blog-step;display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;margin:0;padding:13px 14px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(255,255,255,.07);font-family:"Manrope",sans-serif}
.blog-article-page .blog-article-content .editorial-steps li::before{content:counter(blog-step);width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--blog-brand),var(--blog-accent));font-weight:850}

.blog-article-page .blog-article-note{display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:start;max-width:920px;margin:48px auto 0!important;padding:20px 22px!important;border:1px solid rgba(90,31,168,.12)!important;border-radius:21px!important;background:linear-gradient(135deg,rgba(90,31,168,.055),rgba(39,212,232,.055))!important;color:#53616c!important;box-shadow:none!important}
.blog-article-page .blog-note-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--blog-brand),#3a1371);color:#fff;font-size:19px;box-shadow:0 10px 22px rgba(73,24,136,.20)}
.blog-article-page .blog-article-note strong{display:block;margin:1px 0 4px;color:#321552;font:850 14px/1.3 "Manrope",sans-serif}
.blog-article-page .blog-article-note p{margin:0!important;color:#53616c;font:500 14px/1.7 "Manrope",sans-serif}
.blog-article-page .blog-article-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 56px;border-top:1px solid var(--blog-line);background:#fcfcfe}
.blog-article-page .blog-share,.blog-article-page .blog-action-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.blog-article-page .blog-share>span{margin-right:3px;color:#4d5660;font:750 13px/1.3 "Manrope",sans-serif}
.blog-article-page .blog-share-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(72,37,119,.15);border-radius:50%;background:#fff;color:var(--blog-brand);cursor:pointer;text-decoration:none;transition:transform .2s ease,background .2s ease,color .2s ease}
.blog-article-page .blog-share-button:hover,.blog-article-page .blog-share-button.copied{transform:translateY(-2px);background:var(--blog-brand);color:#fff}
.blog-article-page .blog-action-links .btn{min-height:44px}

@media(max-width:1080px){
  .blog-article-page .blog-article-header,.blog-article-page .blog-article-content,.blog-article-page .blog-article-actions{padding-left:42px!important;padding-right:42px!important}
  .blog-article-page .blog-breadcrumb{padding-left:42px;padding-right:42px}
}
@media(max-width:900px){
  body.blog-article-page .header-main nav>ul{display:none!important}
  body.blog-article-page .header-main nav>ul.show{display:block!important}
}
@media(max-width:820px){
  .blog-article-page .blog-article{width:min(100% - 24px,760px)!important;border-radius:24px}
  .blog-article-page .blog-article-header,.blog-article-page .blog-article-content,.blog-article-page .blog-article-actions{padding-left:28px!important;padding-right:28px!important}
  .blog-article-page .blog-breadcrumb{padding-left:28px;padding-right:28px}
  .blog-article-page .blog-article-topline{align-items:flex-start;flex-direction:column}
  .blog-article-page .blog-article-content .editorial-flow-figure,
  .blog-article-page .blog-article-content .editorial-flow.image-left .editorial-flow-figure{float:none;width:100%;max-width:100%;margin:0 0 20px}
  .blog-article-page .blog-article-content .editorial-card-list,.blog-article-page .blog-article-content .editorial-card-list.count-2{grid-template-columns:1fr}
  .blog-article-page .blog-article-content .editorial-gallery{grid-template-columns:1fr 1fr}
  .blog-article-page .blog-article-content .editorial-gallery.count-3.layout-auto figure:first-child,.blog-article-page .blog-article-content .editorial-gallery.layout-feature figure:first-child{grid-row:auto;grid-column:1/-1}
  .blog-article-page .blog-article-actions{align-items:flex-start;flex-direction:column}
}
@media(max-width:560px){
  .blog-article-page .blog-article-shell{padding:18px 0 58px}
  .blog-article-page .blog-article{width:calc(100% - 16px)!important;border-radius:20px}
  .blog-article-page .blog-breadcrumb{padding:18px 19px 0;font-size:10.5px}
  .blog-article-page .blog-article-header{padding:29px 19px 27px!important}
  .blog-article-page .blog-article-header h1{font-size:clamp(31px,10vw,42px)!important;line-height:1.12!important}
  .blog-article-page .blog-article-meta{gap:7px}
  .blog-article-page .blog-article-meta span,.blog-article-page .blog-reading-time{min-height:32px;padding:7px 10px;font-size:10.5px}
  .blog-article-page .blog-title-divider{width:180px;margin:20px 0 18px}
  .blog-article-page .blog-article-summary{font-size:15.5px;line-height:1.72}
  .blog-article-page .blog-article-cover{margin:0 16px 30px;border-radius:18px}
  .blog-article-page .blog-article-content{padding:0 19px 35px!important;font-size:16.5px;line-height:1.82}
  .blog-article-page .blog-article-content .editorial-sections{gap:34px}
  .blog-article-page .blog-article-content .editorial-gallery{grid-template-columns:1fr}
  .blog-article-page .blog-article-content .editorial-info-card-copy{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:18px}
  .blog-article-page .blog-article-content .editorial-info-card-icon{width:44px;height:44px;border-radius:14px}
  .blog-article-page .blog-article-note{grid-template-columns:44px 1fr;padding:17px!important}
  .blog-article-page .blog-note-icon{width:44px;height:44px;border-radius:14px}
  .blog-article-page .blog-article-actions{padding:20px 19px!important}
  .blog-article-page .blog-action-links{width:100%}.blog-article-page .blog-action-links .btn{flex:1;justify-content:center}
}

/* V5.10 — üst menü davranışı bütün sayfalarla birebir aynı */
body.blog-article-page>header:first-of-type,body.blog-article-page .header-main,body.blog-article-page .header-main .container{animation:none!important}
body.blog-article-page .header-main nav>ul>li>a.active::after,body.blog-article-page .header-main nav>ul>li>a[aria-current="page"]::after{transition:none!important;transform:scaleX(1)!important}
body.blog-article-page .header-main nav>ul>li>a:not(.active):not([aria-current="page"])::after{transition:transform .24s cubic-bezier(.22,.78,.24,1)!important}
@media(max-width:820px){
  .blog-article-page .blog-article-content .editorial-info-card,
  .blog-article-page .blog-article-content .editorial-info-card.card-size-small,
  .blog-article-page .blog-article-content .editorial-info-card.card-size-medium,
  .blog-article-page .blog-article-content .editorial-info-card.card-size-large,
  .blog-article-page .blog-article-content .editorial-info-card.card-size-full{flex-basis:100%;max-width:100%;margin-left:0;margin-right:0}
}