/*
Theme Name: Haber Ortası Homepage Builder
Theme URI: https://haberortasi.com/
Author: OpenAI
Version: 2.0.0
Description: Ana sayfa bloklarını panelden sıralayabileceğiniz haber teması.
Text Domain: haberortasi-homepage-builder
*/

*{box-sizing:border-box}
body{
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    background:#f3f3f3;
    color:#1b1b1b;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block;height:auto}

.site-top{
    background:linear-gradient(135deg,#12a8ab,#046d70);
    color:#fff;
    text-align:center;
    padding:24px 16px;
}
.site-title{margin:0;font-size:40px;font-weight:800}
.site-tagline{margin:8px 0 0;font-size:14px;opacity:.95}

.main-nav{
    background:#046d70;
    border-bottom:3px solid #025457;
    position:sticky;
    top:0;
    z-index:999;
}
.main-nav .menu,
.main-nav ul{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}
.main-nav li{margin:0}
.main-nav a{
    display:block;
    color:#fff;
    font-weight:700;
    padding:14px 16px;
    font-size:14px;
}
.main-nav a:hover{background:#12a8ab}

.container{
    max-width:1280px;
    margin:24px auto;
    padding:0 16px;
}

.block-space{margin-bottom:24px}

.hero-block{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:20px;
}
.hero-main-slider{
    position:relative;
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 3px 12px rgba(0,0,0,.08);
}
.hero-slide{display:none}
.hero-slide.active{display:block}
.hero-main-thumb img{width:100%;height:380px;object-fit:cover}
.hero-main-content{padding:18px}
.hero-main-content h2{margin:0 0 10px;font-size:28px;line-height:1.25}
.hero-main-content p{margin:0;color:#555;line-height:1.5}
.hero-arrow{
    position:absolute;top:50%;transform:translateY(-50%);
    width:42px;height:42px;border:none;border-radius:50%;
    background:rgba(0,0,0,.6);color:#fff;font-size:28px;cursor:pointer;z-index:5;
}
.hero-prev{left:12px}.hero-next{right:12px}
.hero-side{display:grid;grid-template-rows:1fr 1fr;gap:20px}
.hero-side-item{
    background:#fff;border-radius:14px;overflow:hidden;
    box-shadow:0 3px 12px rgba(0,0,0,.08);
}
.hero-side-item img{width:100%;height:180px;object-fit:cover}
.hero-side-item .inner{padding:14px}
.hero-side-item h3{margin:0;font-size:18px;line-height:1.35}

.card-grid-3,
.card-grid-4{
    display:grid;
    gap:16px;
}
.card-grid-3{grid-template-columns:repeat(3,1fr)}
.card-grid-4{grid-template-columns:repeat(4,1fr)}

.card{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 2px 10px rgba(0,0,0,.07);
}
.card img{width:100%;height:210px;object-fit:cover}
.card-content{padding:14px}
.card-title{margin:0;font-size:20px;line-height:1.35}

.section-box{
    background:#fff;
    border-radius:12px;
    padding:18px;
    box-shadow:0 2px 10px rgba(0,0,0,.07);
}
.section-title{
    margin:0 0 16px;
    font-size:24px;
    font-weight:800;
    border-left:5px solid #12a8ab;
    padding-left:10px;
}
.story-list .story-row{
    display:grid;
    grid-template-columns:220px 1fr;
    gap:15px;
    padding:14px 0;
    border-bottom:1px solid #ececec;
}
.story-list .story-row:last-child{border-bottom:none;padding-bottom:0}
.story-row img{
    width:100%;height:130px;object-fit:cover;border-radius:10px;
}
.story-row h3{margin:0 0 8px;font-size:21px;line-height:1.3}
.story-row p{margin:0;color:#565656;font-size:14px;line-height:1.5}

.latest-list .latest-item,
.category-links .latest-item{
    padding:10px 0;border-bottom:1px solid #ececec;font-size:15px;line-height:1.45;
}
.latest-list .latest-item:last-child,
.category-links .latest-item:last-child{border-bottom:none}

.two-column{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:20px;
}
.sidebar-box{
    background:#fff;border-radius:12px;padding:18px;box-shadow:0 2px 10px rgba(0,0,0,.07);
}
.sidebar-box h3{margin:0 0 14px;font-size:22px;border-left:5px solid #12a8ab;padding-left:10px}

.no-thumb{
    background:#d9d9d9;min-height:160px;display:flex;align-items:center;justify-content:center;
    color:#666;font-weight:700;padding:20px;text-align:center;
}

.notice-box{
    background:#fff7d6;
    border:1px solid #f0d98a;
    color:#7a5d00;
    padding:12px 14px;
    border-radius:10px;
}

.site-footer{
    margin-top:30px;background:#111;color:#fff;text-align:center;padding:26px 16px;font-size:14px;
}

@media (max-width: 991px){
    .hero-block,.two-column{grid-template-columns:1fr}
    .card-grid-4{grid-template-columns:repeat(2,1fr)}
    .card-grid-3{grid-template-columns:1fr 1fr}
}
@media (max-width: 768px){
    .site-title{font-size:30px}
    .card-grid-4,.card-grid-3{grid-template-columns:1fr}
    .hero-main-thumb img{height:240px}
    .story-list .story-row{grid-template-columns:1fr}
    .story-row img{height:220px}
    .main-nav .menu,.main-nav ul{justify-content:flex-start}
    .hero-side{grid-template-rows:auto}
    .hero-side-item img{height:200px}
}


/* Profesyonel görünüm geliştirmeleri */
.section-title{
    font-size:22px;
    font-weight:800;
    border-left:6px solid #e60023;
    padding-left:10px;
    margin-bottom:15px;
}

.hero-main-content h2{
    font-size:32px;
    font-weight:800;
}

.card,
.hero-side-item,
.sidebar-box{
    box-shadow:0 6px 18px rgba(0,0,0,.12);
}

.card:hover{
    transform:translateY(-5px);
    box-shadow:0 6px 20px rgba(0,0,0,.15);
}

.card-grid-4{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}

.card img{
    height:140px;
    object-fit:cover;
}

.card h3,
.card-title{
    font-size:14px;
}

.story-row{
    border-bottom:1px solid #eee;
    padding:12px 0;
}

.story-row h3{
    font-size:16px;
}

.two-big{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.big-post{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 2px 10px rgba(0,0,0,.07);
}

.big-post img{
    width:100%;
    height:220px;
    object-fit:cover;
    border-radius:10px 10px 0 0;
}

.big-post h3{
    font-size:18px;
}

@media (max-width: 991px){
    .card-grid-4{
        grid-template-columns:repeat(2,1fr);
    }
}

@media (max-width: 768px){
    .two-big{
        grid-template-columns:1fr;
    }
    .card-grid-4{
        grid-template-columns:1fr;
    }
}


/* İki sütun kategori liste bloğu */
.two-list-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.two-list-grid .story-row{
    display:grid;
    grid-template-columns:120px 1fr;
    gap:10px;
    border-bottom:1px solid #eee;
    padding-bottom:10px;
}

.two-list-grid img{
    width:100%;
    height:80px;
    object-fit:cover;
    border-radius:6px;
}

.two-list-grid h3{
    font-size:14px;
    margin:0;
}

.two-list-grid p{
    font-size:12px;
    margin:4px 0 0;
}

@media(max-width:768px){
    .two-list-grid{
        grid-template-columns:1fr;
    }
}


/* Sidebar düzeni */
.main-grid{
    display:grid;
    grid-template-columns:3fr 1fr;
    gap:20px;
}
.right-sidebar{
    position:sticky;
    top:20px;
    height:fit-content;
}
.sidebar-item a:hover{
    color:#e60023;
}
.sidebar-ad{
    background:#f1f1f1;
    text-align:center;
    padding:40px 10px;
    border-radius:10px;
    color:#666;
    font-weight:700;
}

/* Köşe yazarları bloğu */
.writers-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}
.writer-card{
    display:grid;
    grid-template-columns:90px 1fr;
    gap:14px;
    align-items:start;
    background:#fff;
    border:1px solid #eee;
    border-radius:12px;
    padding:14px;
}
.writer-avatar img{
    width:90px;
    height:90px;
    object-fit:cover;
    border-radius:50%;
    border:3px solid #f2f2f2;
}
.writer-name{
    font-size:13px;
    font-weight:700;
    color:#e60023;
    margin-bottom:6px;
    text-transform:uppercase;
}
.writer-card h3{
    margin:0 0 8px;
    font-size:18px;
    line-height:1.3;
}
.writer-card p{
    margin:0;
    font-size:13px;
    color:#666;
    line-height:1.5;
}

/* Tekil yazı */
.single-post-box .single-thumb img{
    width:100%;
    height:auto;
    border-radius:10px;
    margin-bottom:16px;
}
.single-meta{
    color:#666;
    font-size:14px;
    margin-bottom:16px;
}
.single-content{
    font-size:16px;
    line-height:1.8;
}

@media(max-width:992px){
    .main-grid{
        grid-template-columns:1fr;
    }
    .right-sidebar{
        position:static;
    }
}
@media(max-width:768px){
    .writers-grid{
        grid-template-columns:1fr;
    }
    .writer-card{
        grid-template-columns:70px 1fr;
    }
    .writer-avatar img{
        width:70px;
        height:70px;
    }
}


/* Sidebar sağ 2'li manşetin altından başlar ve sabit kalır */


/* === ULTIMATE SÜRÜM === */
body{
    background:#eef1f4;
}

.site-top{
    padding:18px 16px 22px;
    box-shadow:0 3px 14px rgba(0,0,0,.08);
}

.topbar{
    background:#111;
    color:#fff;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding:7px 18px;
    font-size:13px;
}
.topbar-right{
    opacity:.9;
}

.site-title{
    font-size:46px;
    letter-spacing:.4px;
}

.main-nav{
    box-shadow:0 3px 10px rgba(0,0,0,.08);
}

.main-nav a{
    text-transform:uppercase;
    font-size:13px;
    letter-spacing:.2px;
}

.container{
    max-width:1360px;
}

.block-space{
    margin-bottom:28px;
}

.section-box,
.sidebar-box,
.hero-main-slider,
.hero-side-item,
.card,
.big-post{
    box-shadow:0 8px 24px rgba(0,0,0,.08);
}

.section-title{
    position:relative;
    font-size:24px;
    font-weight:900;
    letter-spacing:.2px;
}

.section-title:after{
    content:'';
    display:block;
    width:54px;
    height:3px;
    background:#e60023;
    margin-top:6px;
}

.hero-main-slider{
    border-radius:16px;
}

.hero-main-thumb{
    overflow:hidden;
}

.hero-main-thumb img{
    transition:transform .35s ease;
}
.hero-main-slider:hover .hero-main-thumb img{
    transform:scale(1.04);
}

.hero-main-content h2{
    font-size:34px;
    font-weight:900;
}

.hero-side-item{
    border-radius:16px;
    transition:.25s ease;
}
.hero-side-item:hover{
    transform:translateY(-4px);
}

.card{
    transition:.25s ease;
}
.card:hover{
    transform:translateY(-5px);
    box-shadow:0 14px 28px rgba(0,0,0,.14);
}

.card-grid-4 .card,
.card-grid-3 .card{
    border:1px solid #ececec;
}

.story-row{
    transition:background .2s ease;
    border-radius:8px;
    padding:12px;
}
.story-row:hover{
    background:#fafafa;
}

.writer-card{
    transition:.28s ease;
}
.writer-card:hover{
    transform:translateY(-5px);
    box-shadow:0 12px 28px rgba(0,0,0,.14);
}

.right-sidebar{
    margin-top:460px;
}
.right-sidebar-inner{
    top:24px;
}

.sidebar-box h3{
    position:relative;
    font-size:21px;
    font-weight:900;
}
.sidebar-box h3:after{
    content:'';
    display:block;
    width:42px;
    height:3px;
    background:#e60023;
    margin-top:6px;
}

.sidebar-item{
    font-size:14px;
}
.sidebar-item a:hover{
    color:#e60023;
}

.breaking-box{
    background:#fff;
    border-radius:12px;
    padding:14px 16px;
    border-left:5px solid #e60023;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
}
.breaking-title{
    color:#e60023;
    font-weight:900;
    text-transform:uppercase;
    font-size:13px;
    margin-bottom:8px;
}
.breaking-list .sidebar-item{
    padding:8px 0;
}

.social-box{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
.social-btn{
    display:block;
    text-align:center;
    padding:12px 10px;
    border-radius:10px;
    background:#f3f3f3;
    font-weight:700;
    border:1px solid #e7e7e7;
}
.social-btn:hover{
    background:#eaeaea;
}

.sidebar-ad{
    min-height:250px;
    display:flex;
    align-items:center;
    justify-content:center;
}

@media(max-width:992px){
    .right-sidebar{
        margin-top:0;
    }
}

@media(max-width:768px){
    .topbar{
        flex-direction:column;
        align-items:flex-start;
    }
    .site-title{
        font-size:34px;
    }
    .hero-main-content h2{
        font-size:26px;
    }
}


/* === FINAL ULTIMATE FIX === */
/* Sağ üst boşluğu kaldır ve sidebarı doğal hizala */
.hero-block{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:20px;
    align-items:start;
}

.hero-side{
    display:flex;
    flex-direction:column;
    gap:15px;
}

.right-sidebar{
    margin-top:0 !important;
}

.right-sidebar-inner{
    position:sticky;
    top:20px;
    height:fit-content;
    display:flex;
    flex-direction:column;
    gap:20px;
}

@media(max-width:992px){
    .hero-block{
        grid-template-columns:1fr;
    }

    .right-sidebar{
        margin-top:0 !important;
    }

    .right-sidebar-inner{
        position:static;
    }
}


/* === PRO FINAL + SEO + HIZ === */
html{
    scroll-behavior:smooth;
}

body{
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

.site-top,
.main-nav,
.section-box,
.sidebar-box,
.card,
.hero-main-slider,
.hero-side-item,
.big-post,
.writer-card{
    will-change:transform;
}

.hero-main-content h2{
    font-size:36px;
    font-weight:900;
    line-height:1.2;
}

.sidebar-ad{
    background:#fff;
    border:2px dashed #ddd;
    border-radius:12px;
    font-size:13px;
    color:#999;
}

.sidebar-featured-mini{
    margin-bottom:20px;
}

.sidebar-box,
.breaking-box{
    overflow:hidden;
}

.sidebar-item{
    transition:background .18s ease;
}
.sidebar-item:hover{
    background:#fafafa;
}

img{
    loading:auto;
}

@media(max-width:768px){
    .hero-main-content h2{
        font-size:28px;
    }
}