/* =========================================================
   ÖDEMEİX HABERLER - RENKLİ / DÜZELTİLMİŞ SÜRÜM
   ========================================================= */
.news-page,
.news-detail-page{
  background:#fff;
}

.news-hero{
  position:relative;
  overflow:hidden;
  padding:88px 0 66px;
  background:
    radial-gradient(circle at 88% 12%,rgba(142,86,210,.24),transparent 28%),
    radial-gradient(circle at 12% 86%,rgba(79,151,255,.13),transparent 25%),
    linear-gradient(135deg,#f8f3ff 0%,#ffffff 50%,#f6f9ff 100%);
}
.news-hero:before,
.news-hero:after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.news-hero:before{
  width:300px;height:300px;right:-100px;top:-135px;
  background:linear-gradient(135deg,rgba(101,50,183,.17),rgba(101,50,183,0));
}
.news-hero:after{
  width:220px;height:220px;left:-90px;bottom:-125px;
  background:linear-gradient(135deg,rgba(78,139,255,.12),rgba(78,139,255,0));
}
.news-hero-inner{position:relative;z-index:2;max-width:860px;margin:auto;text-align:center}
.news-hero h1{margin:8px 0 16px;font-size:56px;line-height:1.08;letter-spacing:-1.9px;color:#241b31}
.news-hero h1 strong{color:var(--purple)}
.news-hero p{max-width:690px;margin:0 auto;color:var(--muted);font-size:17px;line-height:1.7}

.news-list-section{padding:54px 0 84px;background:#fff}
.news-filterbar{
  display:flex;align-items:center;gap:8px;overflow-x:auto;
  padding:7px;border:1px solid #e9dfef;border-radius:16px;background:#fbf9fd;
  box-shadow:0 10px 28px rgba(63,30,97,.05);scrollbar-width:none;
}
.news-filterbar::-webkit-scrollbar{display:none}
.news-filterbar button{
  flex:none;min-height:40px;padding:0 15px;border:0;border-radius:11px;background:transparent;
  color:#756b7e;font:inherit;font-size:11px;font-weight:800;cursor:pointer;transition:.22s ease;
}
.news-filterbar button:hover{background:#f0e8f8;color:var(--purple)}
.news-filterbar button.active{
  background:linear-gradient(135deg,#7040bd,#54208f);color:#fff;
  box-shadow:0 8px 18px rgba(84,32,143,.20);
}

.news-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}
.news-list-card{
  min-width:0;display:grid;grid-template-columns:215px minmax(0,1fr);overflow:hidden;
  border:1px solid #e8dfee;border-radius:20px;background:#fff;
  box-shadow:0 12px 32px rgba(62,29,96,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.news-list-card:hover{transform:translateY(-5px);border-color:#d4bee6;box-shadow:0 22px 46px rgba(62,29,96,.13)}
.news-list-image{position:relative;display:block;min-height:235px;overflow:hidden;background:#f4eef9}
.news-list-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(37,19,55,.16));pointer-events:none}
.news-list-image img{display:block;width:100%;height:100%;min-height:235px;object-fit:cover;transition:transform .45s ease}
.news-list-card:hover .news-list-image img{transform:scale(1.045)}
.news-list-content{min-width:0;padding:23px 24px 22px;display:flex;flex-direction:column}
.news-list-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:#92879a;font-size:9px;font-weight:800}
.news-list-meta span{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border-radius:999px;color:#6932af;background:#f0e7fa;white-space:nowrap}
.news-list-card[data-cat="SEKTÖR HABERİ"] .news-list-meta span{color:#197368;background:#e7f7f3}
.news-list-card[data-cat="ÜRÜN GÜNCELLEMESİ"] .news-list-meta span{color:#a45a08;background:#fff1dc}
.news-list-card[data-cat="FİNANS GÜNDEMİ"] .news-list-meta span{color:#245fa7;background:#eaf3ff}
.news-list-content h2{margin:0 0 10px;font-size:20px;line-height:1.33;letter-spacing:-.35px}
.news-list-content h2 a{color:#2d2435;text-decoration:none}
.news-list-content h2 a:hover{color:var(--purple)}
.news-list-content p{margin:0 0 18px;color:var(--muted);font-size:12px;line-height:1.68}
.news-read-more{margin-top:auto;display:inline-flex;align-items:center;gap:7px;width:max-content;color:var(--purple);font-size:11px;font-weight:900;text-decoration:none}
.news-read-more span{transition:transform .2s ease}.news-read-more:hover span{transform:translateX(4px)}

/* İlk haber daha güçlü görünür */
.news-featured-card{grid-column:1/-1;grid-template-columns:minmax(330px,46%) minmax(0,1fr);min-height:340px;border-color:#d8c3ea;background:linear-gradient(135deg,#fff 0%,#fcf9ff 100%)}
.news-featured-card .news-list-image,.news-featured-card .news-list-image img{min-height:340px}
.news-featured-card .news-list-content{padding:38px 40px;justify-content:center}
.news-featured-card .news-list-content h2{font-size:31px;line-height:1.2}
.news-featured-card .news-list-content p{font-size:14px;max-width:640px}
.news-featured-card .news-read-more{padding:10px 14px;border-radius:10px;background:#efe7f9}

/* Haber detay */
.news-detail-hero{position:relative;overflow:hidden;padding:76px 0 48px;background:radial-gradient(circle at 82% 10%,rgba(101,50,183,.16),transparent 26%),linear-gradient(180deg,#faf6fe,#fff)}
.news-detail-hero-inner{max-width:900px;margin:auto;text-align:center}
.news-detail-meta{display:flex;justify-content:center;align-items:center;gap:12px;color:#8c8293;font-size:10px;font-weight:800}
.news-detail-meta span{padding:6px 10px;border-radius:999px;background:#eee5f8;color:var(--purple)}
.news-detail-hero h1{margin:15px 0;font-size:52px;line-height:1.08;letter-spacing:-1.6px;color:#2d2435}
.news-detail-hero p{max-width:760px;margin:auto;color:var(--muted);font-size:17px;line-height:1.7}
.news-detail-content{padding:48px 0 78px}
.news-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:42px;align-items:start}
.news-detail-cover{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:22px;margin-bottom:32px;box-shadow:0 18px 45px rgba(61,29,95,.10)}
.news-article-body{font-size:15px;line-height:1.85;color:#514759}
.news-article-body h2{position:relative;margin:34px 0 12px;padding-left:16px;color:#2f2539;font-size:27px;line-height:1.3}
.news-article-body h2:before{content:"";position:absolute;left:0;top:.16em;width:5px;height:1.05em;border-radius:5px;background:linear-gradient(#7f49c7,#4f84e8)}
.news-article-body p{margin:0 0 18px}
.news-detail-aside{position:sticky;top:110px}
.aside-cta{padding:25px;border:1px solid #e4d8ec;border-radius:18px;background:linear-gradient(145deg,#fbf7ff,#f4eff9);box-shadow:0 14px 32px rgba(62,29,96,.06)}
.aside-cta h3{margin:8px 0 9px;font-size:20px;line-height:1.35}.aside-cta p{color:var(--muted);font-size:11px;line-height:1.65}
.related-news{padding:68px 0;background:linear-gradient(180deg,#faf8fd,#f6f3fa)}
.related-head{text-align:center}.related-head h2{margin:8px 0 0;font-size:34px}
.related-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:30px}
.related-news-card{overflow:hidden;padding-bottom:18px;border:1px solid #e5dbea;border-radius:17px;background:#fff;box-shadow:0 10px 26px rgba(62,29,96,.05);transition:.22s}
.related-news-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(62,29,96,.10)}
.related-news-card img{display:block;width:100%;height:165px;object-fit:cover}
.related-news-card span{display:block;padding:15px 17px 0;color:var(--purple);font-size:9px;font-weight:900}
.related-news-card h3{margin:7px 0 0;padding:0 17px;color:#302737;font-size:15px;line-height:1.42}

@media(max-width:1080px){
  .news-list-grid{grid-template-columns:1fr}
  .news-featured-card{grid-column:auto}
}
@media(max-width:900px){
  .news-detail-layout{grid-template-columns:1fr}.news-detail-aside{position:static}
  .related-news-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .news-hero{padding:58px 0 45px}.news-hero h1{font-size:40px}.news-hero p{font-size:15px}
  .news-list-card,.news-featured-card{grid-template-columns:1fr;min-height:0}
  .news-list-image,.news-list-image img,.news-featured-card .news-list-image,.news-featured-card .news-list-image img{min-height:220px;height:220px}
  .news-featured-card .news-list-content{padding:25px 23px}.news-featured-card .news-list-content h2{font-size:23px}.news-featured-card .news-list-content p{font-size:12px}
  .news-detail-hero h1{font-size:38px}.news-detail-hero p{font-size:15px}
}
@media(max-width:520px){
  .news-hero h1,.news-detail-hero h1{font-size:32px}
  .news-filterbar{border-radius:13px}.news-filterbar button{padding:0 12px}
  .news-list-content{padding:20px}.news-list-meta{align-items:flex-start;flex-direction:column;gap:7px}
  .related-news-grid{grid-template-columns:1fr}
}


/* HABERLER SAYFASI - "HABERİ İNCELE" KONUM DÜZELTMESİ
   style.css içindeki ana sayfa .news-read-more position:absolute kuralını ezer. */
.news-page .news-list-card .news-read-more,
.news-list-section .news-list-card .news-read-more{
  position:static!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  margin-top:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:max-content!important;
  max-width:100%!important;
  align-self:flex-start!important;
  z-index:auto!important;
}

/* Kart metin alanı butonu kendi içinde tutar */
.news-page .news-list-content,
.news-list-section .news-list-content{
  position:relative;
  display:flex!important;
  flex-direction:column!important;
  min-height:100%;
}

/* Normal kartlarda butona küçük renkli buton görünümü */
.news-list-card:not(.news-featured-card) .news-read-more{
  padding:9px 12px;
  border-radius:9px;
  background:#f4edfb;
  color:var(--purple);
  transition:background .2s ease,transform .2s ease;
}

.news-list-card:not(.news-featured-card) .news-read-more:hover{
  background:#e9dcf6;
  transform:translateY(-1px);
}

/* Öne çıkan kart */
.news-featured-card .news-read-more{
  position:static!important;
  align-self:flex-start!important;
  margin-top:auto!important;
}

/* Mobilde de kayma olmasın */
@media(max-width:640px){
  .news-page .news-list-card .news-read-more,
  .news-list-section .news-list-card .news-read-more{
    position:static!important;
    margin-top:4px!important;
  }
}


/* BLOG SAYFALAMA */
.pagination-block {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 45px 0 20px;
}

/* Sayfa numaraları */
.pagination-block a,
.pagination-block .page-numbers {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;

    color: #5c267e;
    background-color: #ffffff;
    border: 1px solid #e4d7ed;
    border-radius: 12px;

    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;

    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

/* Üzerine gelince */
.pagination-block a:hover {
    color: #ffffff;
    background: linear-gradient(135deg, #7a2ca0, #4c176a);
    border-color: #6c258e;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(92, 38, 126, 0.22);
}

/* Aktif sayfa */
.pagination-block .current {
    color: #ffffff;
    background: linear-gradient(135deg, #7a2ca0, #4c176a);
    border-color: #642084;
    box-shadow: 0 8px 18px rgba(92, 38, 126, 0.25);
    cursor: default;
}

/* Önceki ve sonraki butonları */
.pagination-block .prev,
.pagination-block .next {
    width: 48px;
    font-size: 18px;
}

/* Üç nokta bağlantısı */
.pagination-block a[href="#"] {
    color: #9b83aa;
    background: transparent;
    border-color: transparent;
    pointer-events: none;
    box-shadow: none;
}

/* Sayfalamanın bulunduğu Bootstrap alanı */
.pagination-block,
.pagination-block * {
    box-sizing: border-box;
}

.pagination-block .ti {
    font-size: 18px;
    line-height: 1;
}

/* Mobil görünüm */
@media (max-width: 600px) {
    .pagination-block {
        gap: 6px;
        margin-top: 30px;
    }

    .pagination-block a,
    .pagination-block .page-numbers {
        width: 38px;
        height: 38px;
        border-radius: 10px;
        font-size: 13px;
    }

    .pagination-block .prev,
    .pagination-block .next {
        width: 40px;
        font-size: 16px;
    }
}

/* Önceki ve sonraki ok ikonları */
.pagination-block .prev i,
.pagination-block .next i {
    display: none;
}

.pagination-block .prev::before {
    content: "←";
    display: block;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
}

.pagination-block .next::before {
    content: "→";
    display: block;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
}
/* BLOG DETAY SAYFASI */
.blog-detail-hero {
    position: relative;
    padding: 145px 0 75px;
    overflow: hidden;
    background:
        radial-gradient(circle at 85% 20%, rgba(140, 70, 190, 0.16), transparent 28%),
        linear-gradient(135deg, #faf7fc 0%, #ffffff 55%, #f7effb 100%);
}

.blog-detail-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 30px;
    color: #8f8198;
    font-size: 14px;
}

.blog-detail-breadcrumb a {
    color: #6a397e;
    text-decoration: none;
    transition: color 0.25s ease;
}

.blog-detail-breadcrumb a:hover {
    color: #9a3ec2;
}

.blog-detail-breadcrumb strong {
    max-width: 420px;
    overflow: hidden;
    color: #74687b;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blog-detail-heading {
    max-width: 900px;
}

.blog-detail-category,
.sidebar-kicker {
    display: inline-block;
    margin-bottom: 15px;
    color: #a33bc4;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.blog-detail-heading h1 {
    max-width: 900px;
    margin: 0 0 22px;
    color: #25152e;
    font-size: clamp(36px, 5vw, 64px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -1.5px;
}

.blog-detail-heading p {
    max-width: 770px;
    margin: 0 0 22px;
    color: #6c5e73;
    font-size: 18px;
    line-height: 1.75;
}

.blog-detail-heading time {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #7a6883;
    font-size: 14px;
    font-weight: 600;
}

.blog-detail-heading time::before {
    content: "";
    width: 7px;
    height: 7px;
    background: #a33bc4;
    border-radius: 50%;
}

.blog-detail-section {
    padding: 70px 0 90px;
    background-color: #ffffff;
}

.blog-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    align-items: start;
    gap: 35px;
}

.blog-detail-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #eadff0;
    border-radius: 28px;
    background-color: #ffffff;
    box-shadow: 0 20px 55px rgba(64, 30, 79, 0.08);
}

.blog-detail-image {
    width: 100%;
    height: 460px;
    margin: 0;
    overflow: hidden;
    background-color: #f4edf7;
}

.blog-detail-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-detail-content {
    padding: 48px 55px;
    color: #514758;
    font-size: 17px;
    line-height: 1.85;
}

.blog-detail-content h1,
.blog-detail-content h2,
.blog-detail-content h3,
.blog-detail-content h4 {
    color: #2e1838;
    line-height: 1.3;
}

.blog-detail-content h2 {
    margin: 45px 0 18px;
    font-size: 30px;
}

.blog-detail-content h3 {
    margin: 35px 0 15px;
    font-size: 23px;
}

.blog-detail-content p {
    margin: 0 0 22px;
}

.blog-detail-content a {
    color: #8a2eb1;
    font-weight: 600;
}

.blog-detail-content ul,
.blog-detail-content ol {
    margin: 20px 0 25px;
    padding-left: 24px;
}

.blog-detail-content li {
    margin-bottom: 11px;
}

.blog-detail-content img {
    max-width: 100%;
    height: auto;
    margin: 25px 0;
    border-radius: 18px;
}

.blog-detail-content blockquote {
    margin: 32px 0;
    padding: 22px 25px;
    color: #512667;
    background: #f8f1fb;
    border-left: 4px solid #9437b9;
    border-radius: 0 15px 15px 0;
}

.blog-detail-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding: 25px 55px;
    background-color: #faf7fc;
    border-top: 1px solid #eadff0;
}

.blog-back-button {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #63267c;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.blog-back-button span {
    font-size: 20px;
    transition: transform 0.25s ease;
}

.blog-back-button:hover span {
    transform: translateX(-4px);
}

.blog-share-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.blog-share-buttons > span {
    margin-right: 3px;
    color: #76697c;
    font-size: 13px;
    font-weight: 700;
}

.blog-share-buttons a,
.blog-share-buttons button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 13px;
    color: #64267d;
    background: #ffffff;
    border: 1px solid #e1d3e8;
    border-radius: 9px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
}

.blog-share-buttons a:hover,
.blog-share-buttons button:hover {
    color: #ffffff;
    background-color: #67247f;
    border-color: #67247f;
}

.blog-detail-sidebar {
    position: sticky;
    top: 110px;
    display: grid;
    gap: 22px;
}

.blog-sidebar-box {
    padding: 30px;
    border: 1px solid #eadff0;
    border-radius: 22px;
    background:
        linear-gradient(145deg, #ffffff 0%, #faf5fc 100%);
}

.blog-sidebar-box h2 {
    margin: 0 0 14px;
    color: #2c1736;
    font-size: 23px;
    line-height: 1.3;
}

.blog-sidebar-box p {
    margin: 0 0 22px;
    color: #756a7b;
    font-size: 14px;
    line-height: 1.7;
}

.sidebar-blog-button,
.sidebar-demo-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    padding: 0 18px;
    color: #ffffff;
    background: linear-gradient(135deg, #8432a5, #54206b);
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.sidebar-demo-button {
    background: linear-gradient(135deg, #f15c32, #dc351b);
}

.sidebar-blog-button:hover,
.sidebar-demo-button:hover {
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(79, 27, 99, 0.22);
}

.sidebar-blog-button span,
.sidebar-demo-button span {
    font-size: 19px;
}

@media (max-width: 1050px) {
    .blog-detail-layout {
        grid-template-columns: 1fr;
    }

    .blog-detail-sidebar {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .blog-detail-hero {
        padding: 110px 0 50px;
    }

    .blog-detail-heading h1 {
        font-size: 36px;
        letter-spacing: -0.5px;
    }

    .blog-detail-heading p {
        font-size: 16px;
    }

    .blog-detail-section {
        padding: 35px 0 60px;
    }

    .blog-detail-card {
        border-radius: 20px;
    }

    .blog-detail-image {
        height: 250px;
    }

    .blog-detail-content {
        padding: 28px 22px;
        font-size: 16px;
    }

    .blog-detail-content h2 {
        font-size: 25px;
    }

    .blog-detail-footer {
        align-items: flex-start;
        flex-direction: column;
        padding: 22px;
    }

    .blog-detail-sidebar {
        grid-template-columns: 1fr;
    }

    .blog-sidebar-box {
        padding: 25px;
    }

    .blog-detail-breadcrumb strong {
        display: none;
    }
}