/*
Theme Name: G6 Motion
Theme URI: https://gaz6.com/
Author: Independent Editorial Systems
Version: 1.0.0
Text Domain: gaz6
*/
/* G6 Motion — bağımsız Awwwards/editorial art direction */
:root{--ink:#141516;--paper:#f1efe9;--surface:#fffdf8;--accent:#ef4e25;--line:#d7d0c3;--font:"Barlow",system-ui,sans-serif;--serif:"Barlow Condensed",Georgia,serif;--mono:"IBM Plex Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.55}.site-shell{min-height:100vh;overflow:hidden}.site-header{position:relative;z-index:5;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(16px)}.header-inner{max-width:1440px;margin:auto;padding:18px 4vw;display:flex;align-items:center;gap:34px}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--paper);font-weight:800;font-size:12px}.brand-name{font-weight:850;letter-spacing:-.04em;font-size:20px}.primary-nav{display:flex;gap:18px;flex:1;align-items:center}.primary-nav a,.header-tools a{color:inherit;text-decoration:none;font-size:13px;font-weight:700;opacity:.7}.primary-nav a:hover,.header-tools a:hover{opacity:1;color:var(--accent)}.header-tools{display:flex;gap:14px;align-items:center}.menu-toggle,.search-toggle{background:none;border:0;color:inherit;cursor:pointer;font:inherit}.hero{max-width:1440px;margin:auto;padding:clamp(70px,11vw,170px) 4vw 76px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:8vw;align-items:end}.eyebrow,.kicker,.meta{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700}.hero h1{font-family:var(--serif);font-size:clamp(58px,9vw,138px);line-height:.84;letter-spacing:-.075em;max-width:900px;margin:22px 0}.hero-copy{max-width:370px;font-size:18px;opacity:.76}.hero-art{min-height:330px;border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 85%,transparent),transparent 62%),url('assets/images/editorial.svg') center/cover;border-radius:2px;position:relative;isolation:isolate}.hero-art:after{content:'G6';position:absolute;bottom:20px;right:24px;font-family:var(--mono);font-size:12px;color:var(--paper);opacity:.8}.section{max-width:1440px;margin:auto;padding:72px 4vw}.section-head{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding-top:16px;margin-bottom:28px}.section-head h2{font-family:var(--serif);font-size:clamp(34px,5vw,72px);line-height:.9;letter-spacing:-.06em;margin:0}.section-head a{color:inherit;text-decoration:none;font-family:var(--mono);font-size:11px}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.story-card{min-width:0}.story-card.featured{grid-column:span 2}.story-card a{color:inherit;text-decoration:none}.story-image{aspect-ratio:1.5;background:var(--surface) center/cover;border:1px solid var(--line);margin-bottom:15px;overflow:hidden}.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.story-card:hover img{transform:scale(1.045)}.story-card h3{font-family:var(--serif);font-size:clamp(23px,2.7vw,40px);line-height:.98;letter-spacing:-.045em;margin:8px 0}.story-card p{opacity:.68;margin:0;max-width:42ch}.topic-row{display:flex;flex-wrap:wrap;gap:10px}.topic-row a{border:1px solid var(--line);padding:10px 14px;color:inherit;text-decoration:none;border-radius:99px;font-size:13px}.topic-row a:hover{border-color:var(--accent);color:var(--accent)}.split-panel{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.split-panel>*{padding:34px}.split-panel>:first-child{border-right:1px solid var(--line)}.split-panel h3{font-family:var(--serif);font-size:42px;line-height:.95;margin:0 0 14px}.data-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.data-strip>div{padding:18px;border-right:1px solid var(--line)}.data-strip>div:last-child{border:0}.data-value{font-size:28px;font-weight:850;letter-spacing:-.05em}.site-footer{border-top:1px solid var(--line);padding:50px 4vw;display:flex;justify-content:space-between;gap:25px}.site-footer a{color:inherit}.footer-note{font-family:var(--mono);font-size:11px;text-transform:uppercase;opacity:.6}.dialog{position:fixed;inset:0;background:color-mix(in srgb,var(--ink) 70%,transparent);z-index:20;display:none;padding:8vh 4vw}.dialog.is-open{display:block}.dialog-inner{max-width:900px;margin:auto;background:var(--paper);color:var(--ink);padding:30px;max-height:84vh;overflow:auto}.dialog-close{float:right;border:0;background:none;font-size:24px;cursor:pointer}.search-input{width:100%;border:0;border-bottom:2px solid var(--accent);background:none;padding:18px 0;font:32px var(--serif);outline:0}.ajax-results{display:grid;gap:14px;margin-top:25px}.ajax-result{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:14px 0}.ajax-result a{color:inherit;text-decoration:none;font-family:var(--serif);font-size:24px}.reading-progress{position:fixed;z-index:30;top:0;left:0;height:3px;width:0;background:var(--accent)}.article-wrap{max-width:820px;margin:auto;padding:90px 4vw}.article-wrap h1{font-family:var(--serif);font-size:clamp(50px,8vw,104px);line-height:.88;letter-spacing:-.075em;margin:20px 0 30px}.article-content{font-family:var(--serif);font-size:21px;line-height:1.65}.article-content img{max-width:100%;height:auto}.article-content a{color:var(--accent)}.toc{font-family:var(--mono);font-size:12px;border-left:2px solid var(--accent);padding-left:16px}.hero--motion{}.site-shell.mode-motion{background:var(--paper)}
body.admin-bar .site-header{top:32px}@media(max-width:800px){.header-inner{padding:15px 5vw}.primary-nav{display:none}.hero{display:block;padding:74px 5vw 54px}.hero h1{font-size:clamp(54px,17vw,100px);max-width:100%}.hero-art{margin-top:48px;min-height:250px}.section{padding:50px 5vw}.story-grid{grid-template-columns:1fr}.story-card.featured{grid-column:auto}.split-panel{display:block}.split-panel>:first-child{border-right:0;border-bottom:1px solid var(--line)}.split-panel>*{padding:24px}.data-strip{grid-template-columns:repeat(2,1fr)}.data-strip>div:nth-child(2){border-right:0}.data-strip>div{border-bottom:1px solid var(--line)}.site-footer{display:block;padding:40px 5vw}.site-footer>*+*{margin-top:25px}}

/* G6 Motion art direction */
.mode-motion .hero-art{border-radius:0;box-shadow:none}.mode-motion .story-card h3{font-weight:800}.mode-motion .brand-mark{border-radius:50%}


/* ==========================================================================
   UNIVERSAL DIGITAL JOURNALISM & MODERN NEWSROOM STYLES
   ========================================================================== */
.news-takeaways {
    background: #f8fafc;
    border-left: 4px solid #0f172a;
    border-radius: 0 12px 12px 0;
    padding: 22px 26px;
    margin: 28px 0 32px;
    box-shadow: 0 2px 8px -1px rgba(15, 23, 42, 0.05);
}
.news-takeaways-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, sans-serif;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #0f172a;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.news-takeaways-title::before { content: '📌'; font-size: 15px; }
.news-takeaways ul { margin: 0 !important; padding-left: 20px !important; list-style: disc !important; }
.news-takeaways li {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, sans-serif !important;
    font-size: 15.5px !important;
    line-height: 1.65 !important;
    color: #334155 !important;
    margin-bottom: 9px !important;
}
.news-takeaways li:last-child { margin-bottom: 0 !important; }
.news-takeaways li strong { color: #0f172a !important; font-weight: 700 !important; }

.news-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
    margin: 30px 0;
}
.news-stat-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px 22px;
    text-align: center;
    box-shadow: 0 2px 10px -2px rgba(15, 23, 42, 0.04);
}
.news-stat-value {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, sans-serif;
    font-size: 32px;
    font-weight: 850;
    letter-spacing: -0.04em;
    color: #0f172a;
    line-height: 1.1;
    margin-bottom: 6px;
}
.news-stat-label {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, sans-serif;
    font-size: 12px;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
}

.news-context-box {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 24px 26px;
    margin: 32px 0;
}
.news-context-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, sans-serif;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #475569;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.news-context-title::before { content: '🔍'; font-size: 14px; }
.news-context-box p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #334155 !important;
    margin: 0 !important;
}

.news-quote {
    border-left: 4px solid #c6202e;
    padding: 16px 24px;
    margin: 30px 0;
    background: #fbfbfc;
    border-radius: 0 10px 10px 0;
}
.news-quote p {
    font-family: inherit;
    font-size: 18px !important;
    line-height: 1.65 !important;
    color: #1e293b !important;
    font-style: italic;
    margin: 0 0 8px !important;
}
.news-quote cite {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, sans-serif;
    font-size: 12.5px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    display: block;
}

/* Modern Tables Desktop */
@media (min-width: 769px) {
    figure.wp-block-table, .scraper-table-wrap {
        margin: 2.4rem 0 !important;
        border-radius: 12px !important;
        box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05) !important;
        border: 1px solid #e2e8f0 !important;
        background: #ffffff !important;
        overflow: hidden !important;
    }
    table.has-fixed-layout, table.scraper-table, .article-content table, .sb-content table, .ed-reading-content table {
        width: 100% !important;
        border-collapse: collapse !important;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, sans-serif !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
        color: #334155 !important;
        border: none !important;
        table-layout: fixed !important;
    }
    table thead tr { background: #0f172a !important; }
    table thead th {
        color: #f8fafc !important;
        font-size: 11.5px !important;
        font-weight: 700 !important;
        letter-spacing: 0.06em !important;
        text-transform: uppercase !important;
        padding: 14px 18px !important;
        border: none !important;
        text-align: left !important;
    }
    table tbody td {
        padding: 14px 18px !important;
        border-top: 1px solid #f1f5f9 !important;
        vertical-align: top !important;
        font-size: 14px !important;
    }
    table tbody tr:nth-child(even) { background: #f8fafc !important; }
    table tbody tr:hover { background: #f1f5f9 !important; }
    table tbody td:first-child {
        font-weight: 650 !important;
        color: #0f172a !important;
        background: rgba(15, 23, 42, 0.012) !important;
    }
}

/* Modern Tables Mobile Cards */
@media (max-width: 768px) {
    figure.wp-block-table, .scraper-table-wrap {
        margin: 1.6rem 0 !important;
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
        padding: 0 !important;
    }
    table.has-fixed-layout, table.scraper-table, .article-content table, .sb-content table, .ed-reading-content table {
        display: block !important;
        width: 100% !important;
        border: none !important;
        background: transparent !important;
    }
    table thead { display: none !important; }
    table tbody {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        width: 100% !important;
    }
    table tbody tr {
        display: block !important;
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 12px !important;
        padding: 16px !important;
        box-shadow: 0 2px 8px -1px rgba(15, 23, 42, 0.06) !important;
    }
    table tbody td {
        display: block !important;
        padding: 10px 0 !important;
        border: none !important;
        border-bottom: 1px dashed #e2e8f0 !important;
        font-size: 13.5px !important;
        line-height: 1.55 !important;
        color: #334155 !important;
    }
    table tbody td:last-child { border-bottom: none !important; padding-bottom: 0 !important; }
    table tbody td:first-child {
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #0f172a !important;
        padding-top: 0 !important;
        padding-bottom: 10px !important;
        margin-bottom: 6px !important;
        border-bottom: 2px solid #0f172a !important;
        background: transparent !important;
    }
    table tbody td:not(:first-child)::before {
        content: attr(data-label);
        display: block;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #64748b;
        margin-bottom: 4px;
    }
}
