/* ═══════════════════════════════════════════
   KOĞUŞ GAZETESİ — Türk Cezaevi Haber Ajansı
   Editorial Newspaper Design
═══════════════════════════════════════════ */

:root {
  --ink: #1a1a1a;
  --paper: #faf8f4;
  --paper-dark: #f0ede6;
  --accent: #c8102e;
  --accent-dark: #9a0d24;
  --gold: #d4a574;
  --border: #d0ccc4;
  --gray: #6a6a6a;
  --gray-light: #9a9a9a;
}

* { margin:0; padding:0; box-sizing:border-box; }

html { scroll-behavior:smooth; }

body {
  font-family:'Crimson Pro',Georgia,serif;
  background:var(--paper);
  color:var(--ink);
  line-height:1.7;
  overflow-x:hidden;
}

/* Paper texture */
body::before {
  content:'';
  position:fixed;
  inset:0;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 0.9 0 0 0 0 0.9 0 0 0 0 0.85 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.15'/%3E%3C/svg%3E");
  pointer-events:none;
  z-index:999;
}

/* ═══════════════════════════════════════════
   TOP BAR (Breaking News Ticker)
═══════════════════════════════════════════ */
.breaking-bar {
  background:var(--accent);
  color:#fff;
  padding:0.5rem 0;
  overflow:hidden;
  position:relative;
  border-bottom:3px solid var(--accent-dark);
}
.breaking-label {
  position:absolute;
  left:1.5rem;
  top:50%;
  transform:translateY(-50%);
  background:var(--ink);
  color:#fff;
  padding:0.25rem 0.7rem;
  font-size:0.7rem;
  font-weight:700;
  letter-spacing:1px;
  font-family:'IBM Plex Sans',sans-serif;
  z-index:10;
}
.breaking-ticker {
  display:flex;
  animation:scroll 30s linear infinite;
  padding-left:100%;
}
.breaking-ticker span {
  white-space:nowrap;
  padding:0 3rem;
  font-size:0.85rem;
  font-weight:500;
  font-family:'IBM Plex Sans',sans-serif;
}
@keyframes scroll {
  0% { transform:translateX(0); }
  100% { transform:translateX(-50%); }
}

/* ═══════════════════════════════════════════
   MASTHEAD (Newspaper Header)
═══════════════════════════════════════════ */
.masthead {
  background:var(--paper-dark);
  border-bottom:5px double var(--ink);
  padding:1.8rem 2rem 1.2rem;
  text-align:center;
  position:relative;
}
.masthead::before,
.masthead::after {
  content:'';
  position:absolute;
  left:0;
  right:0;
  height:2px;
  background:var(--ink);
}
.masthead::before { top:0; }
.masthead::after { bottom:-2px; }

.masthead-ornament {
  width:80px;
  height:3px;
  background:var(--gold);
  margin:0 auto 1rem;
  position:relative;
}
.masthead-ornament::before,
.masthead-ornament::after {
  content:'';
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:12px;
  height:12px;
  background:var(--gold);
  border-radius:50%;
}
.masthead-ornament::before { left:-20px; }
.masthead-ornament::after { right:-20px; }

.masthead h1 {
  font-family:'Libre Baskerville',serif;
  font-size:3.5rem;
  font-weight:700;
  letter-spacing:3px;
  color:var(--ink);
  margin-bottom:0.3rem;
  text-transform:uppercase;
}
.masthead-tagline {
  font-size:0.9rem;
  color:var(--gray);
  font-style:italic;
  margin-bottom:0.8rem;
  letter-spacing:0.5px;
}
.masthead-meta {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:2rem;
  font-size:0.75rem;
  color:var(--gray);
  font-family:'IBM Plex Sans',sans-serif;
  border-top:1px solid var(--border);
  padding-top:0.8rem;
  margin-top:1rem;
}
.masthead-meta .sep {
  width:1px;
  height:12px;
  background:var(--border);
}

/* ═══════════════════════════════════════════
   NAVBAR
═══════════════════════════════════════════ */
nav {
  background:var(--ink);
  position:sticky;
  top:0;
  z-index:100;
  box-shadow:0 2px 8px rgba(0,0,0,0.1);
}
.nav-inner {
  max-width:1200px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 2rem;
}
.nav-link {
  color:#fff;
  text-decoration:none;
  padding:0.85rem 1.2rem;
  font-size:0.8rem;
  font-weight:500;
  letter-spacing:1px;
  text-transform:uppercase;
  font-family:'IBM Plex Sans',sans-serif;
  border-bottom:3px solid transparent;
  transition:border-color .3s,background .3s;
}
.nav-link:hover,
.nav-link.active {
  border-bottom-color:var(--accent);
  background:rgba(255,255,255,0.05);
}

/* ═══════════════════════════════════════════
   HERO / MAIN STORY
═══════════════════════════════════════════ */
.hero {
  max-width:1200px;
  margin:2.5rem auto;
  padding:0 2rem;
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:2rem;
  border-bottom:2px solid var(--border);
  padding-bottom:2.5rem;
}
.hero-main {
  position:relative;
}
.hero-kicker {
  font-size:0.7rem;
  color:var(--accent);
  font-weight:600;
  letter-spacing:2px;
  text-transform:uppercase;
  margin-bottom:0.6rem;
  font-family:'IBM Plex Sans',sans-serif;
}
.hero-main h2 {
  font-family:'Libre Baskerville',serif;
  font-size:2.8rem;
  font-weight:700;
  line-height:1.2;
  color:var(--ink);
  margin-bottom:1rem;
}
.hero-image {
  width:100%;
  aspect-ratio:16/10;
  background:linear-gradient(135deg,#2c2c2c,#1a1a1a);
  margin-bottom:1.2rem;
  position:relative;
  overflow:hidden;
  border:1px solid var(--border);
  background-size:cover;
  background-position:center;
}
.hero-image::after {
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(0,0,0,0.3) 0%,transparent 40%);
}
.hero-image-placeholder {
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:3rem;
  color:rgba(255,255,255,0.15);
}
.hero-caption {
  font-size:0.78rem;
  color:var(--gray);
  font-style:italic;
  margin-bottom:1rem;
}
.hero-lede {
  font-size:1.15rem;
  line-height:1.7;
  color:var(--ink);
  margin-bottom:1rem;
  font-weight:400;
}
.hero-byline {
  font-size:0.8rem;
  color:var(--gray);
  font-family:'IBM Plex Sans',sans-serif;
  margin-top:1.2rem;
  padding-top:0.8rem;
  border-top:1px solid var(--border);
}
.hero-byline strong { color:var(--ink); font-weight:600; }

.hero-sidebar {
  display:flex;
  flex-direction:column;
  gap:1.5rem;
}
.sidebar-section h3 {
  font-family:'Libre Baskerville',serif;
  font-size:1.1rem;
  font-weight:700;
  margin-bottom:1rem;
  padding-bottom:0.5rem;
  border-bottom:2px solid var(--accent);
  color:var(--ink);
}
.sidebar-item {
  padding-bottom:1rem;
  border-bottom:1px solid var(--border);
}
.sidebar-item:last-child { border-bottom:none; padding-bottom:0; }
.sidebar-item h4 {
  font-size:0.95rem;
  font-weight:600;
  line-height:1.4;
  margin-bottom:0.4rem;
  color:var(--ink);
}
.sidebar-item h4 a {
  color:var(--ink);
  text-decoration:none;
  transition:color .3s;
}
.sidebar-item h4 a:hover { color:var(--accent); cursor:pointer; }
.sidebar-item .meta {
  font-size:0.7rem;
  color:var(--gray-light);
  font-family:'IBM Plex Sans',sans-serif;
}

/* ═══════════════════════════════════════════
   SECTIONS (Grid Layout)
═══════════════════════════════════════════ */
.section {
  max-width:1200px;
  margin:3rem auto;
  padding:0 2rem;
}
.section-header {
  display:flex;
  align-items:center;
  gap:1rem;
  margin-bottom:2rem;
  padding-bottom:0.8rem;
  border-bottom:3px solid var(--ink);
}
.section-header h2 {
  font-family:'Libre Baskerville',serif;
  font-size:1.8rem;
  font-weight:700;
  color:var(--ink);
  text-transform:uppercase;
  letter-spacing:1px;
}
.section-header .line {
  flex:1;
  height:2px;
  background:var(--border);
}

.articles-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:2rem;
}
.article-card {
  border:1px solid var(--border);
  background:var(--paper);
  transition:box-shadow .3s,transform .3s;
  cursor:pointer;
}
.article-card:hover {
  box-shadow:0 4px 16px rgba(0,0,0,0.1);
  transform:translateY(-3px);
}
.article-thumb {
  width:100%;
  aspect-ratio:16/10;
  background:linear-gradient(135deg,#3a3a3a,#2c2c2c);
  position:relative;
  overflow:hidden;
  border-bottom:1px solid var(--border);
  background-size:cover;
  background-position:center;
}
.article-thumb-placeholder {
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:2.5rem;
  color:rgba(255,255,255,0.12);
}
.article-body {
  padding:1.2rem;
}
.article-category {
  display:inline-block;
  font-size:0.65rem;
  font-weight:600;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--accent);
  margin-bottom:0.5rem;
  font-family:'IBM Plex Sans',sans-serif;
}
.article-body h3 {
  font-family:'Libre Baskerville',serif;
  font-size:1.1rem;
  font-weight:700;
  line-height:1.4;
  color:var(--ink);
  margin-bottom:0.6rem;
}
.article-body p {
  font-size:0.88rem;
  line-height:1.6;
  color:var(--gray);
  margin-bottom:0.8rem;
}
.article-meta {
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:0.7rem;
  color:var(--gray-light);
  font-family:'IBM Plex Sans',sans-serif;
  padding-top:0.8rem;
  border-top:1px solid var(--border);
}

/* ═══════════════════════════════════════════
   OPINION / EDITORIAL SECTION
═══════════════════════════════════════════ */
.opinion-section {
  background:var(--paper-dark);
  border-top:5px solid var(--accent);
  border-bottom:5px solid var(--accent);
  padding:3rem 2rem;
  margin:3rem 0;
}
.opinion-inner {
  max-width:1200px;
  margin:0 auto;
}
.opinion-header {
  text-align:center;
  margin-bottom:2.5rem;
}
.opinion-header h2 {
  font-family:'Libre Baskerville',serif;
  font-size:2rem;
  font-weight:700;
  color:var(--accent);
  text-transform:uppercase;
  letter-spacing:2px;
  margin-bottom:0.5rem;
}
.opinion-header p {
  font-size:0.9rem;
  color:var(--gray);
  font-style:italic;
}
.opinion-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:2rem;
}
.opinion-card {
  background:#fff;
  border:2px solid var(--border);
  padding:1.8rem;
  position:relative;
  cursor:pointer;
  transition:box-shadow .3s;
}
.opinion-card:hover {
  box-shadow:0 4px 16px rgba(0,0,0,0.1);
}
.opinion-card::before {
  content:'"';
  position:absolute;
  top:-10px;
  left:20px;
  font-size:6rem;
  color:var(--accent);
  opacity:0.15;
  font-family:Georgia,serif;
  line-height:1;
}
.opinion-card h4 {
  font-family:'Libre Baskerville',serif;
  font-size:1.3rem;
  font-weight:700;
  margin-bottom:0.8rem;
  color:var(--ink);
}
.opinion-card p {
  font-size:0.95rem;
  line-height:1.7;
  color:var(--gray);
  margin-bottom:1rem;
}
.opinion-author {
  display:flex;
  align-items:center;
  gap:0.8rem;
  padding-top:1rem;
  border-top:1px solid var(--border);
}
.opinion-author-avatar {
  width:40px;
  height:40px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--accent),var(--accent-dark));
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-weight:700;
  font-size:0.9rem;
}
.opinion-author-info {
  font-family:'IBM Plex Sans',sans-serif;
}
.opinion-author-info strong {
  display:block;
  font-size:0.85rem;
  color:var(--ink);
  font-weight:600;
}
.opinion-author-info span {
  font-size:0.72rem;
  color:var(--gray-light);
}

/* ═══════════════════════════════════════════
   BUTTONS
═══════════════════════════════════════════ */
.read-more-btn {
  display:inline-block;
  background:var(--accent);
  color:#fff;
  padding:0.8rem 2rem;
  text-decoration:none;
  font-family:'IBM Plex Sans',sans-serif;
  font-weight:600;
  font-size:0.85rem;
  letter-spacing:1px;
  text-transform:uppercase;
  border:none;
  cursor:pointer;
  transition:background .3s,transform .2s;
  margin-top:1rem;
}
.read-more-btn:hover {
  background:var(--accent-dark);
  transform:translateY(-2px);
}

/* ═══════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════ */
footer {
  background:var(--ink);
  color:#fff;
  padding:3rem 2rem 1.5rem;
  border-top:5px solid var(--accent);
}
.footer-inner {
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:2rem;
  margin-bottom:2rem;
}
.footer-brand h3 {
  font-family:'Libre Baskerville',serif;
  font-size:1.5rem;
  font-weight:700;
  margin-bottom:0.8rem;
  letter-spacing:1px;
}
.footer-brand p {
  font-size:0.85rem;
  line-height:1.6;
  color:#ccc;
  margin-bottom:1rem;
  max-width:320px;
}
.footer-social {
  display:flex;
  gap:0.8rem;
  margin-top:1rem;
}
.footer-social a {
  width:36px;
  height:36px;
  background:rgba(255,255,255,0.1);
  border:1px solid rgba(255,255,255,0.2);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-decoration:none;
  transition:background .3s,border-color .3s;
  font-size:0.85rem;
}
.footer-social a:hover {
  background:var(--accent);
  border-color:var(--accent);
}
.footer-col h4 {
  font-size:0.75rem;
  font-weight:600;
  letter-spacing:2px;
  text-transform:uppercase;
  margin-bottom:1rem;
  font-family:'IBM Plex Sans',sans-serif;
  color:var(--gold);
}
.footer-col a {
  display:block;
  color:#ccc;
  text-decoration:none;
  font-size:0.82rem;
  margin-bottom:0.6rem;
  transition:color .3s;
  font-family:'IBM Plex Sans',sans-serif;
}
.footer-col a:hover { color:#fff; }

.footer-bottom {
  max-width:1200px;
  margin:0 auto;
  padding-top:1.5rem;
  border-top:1px solid rgba(255,255,255,0.1);
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:0.75rem;
  color:#999;
  font-family:'IBM Plex Sans',sans-serif;
}

/* ═══════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════ */
@media(max-width:900px){
  .hero{grid-template-columns:1fr}
  .hero-main h2{font-size:2rem}
  .articles-grid{grid-template-columns:1fr 1fr}
  .opinion-grid{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .masthead h1{font-size:2.2rem}
  .nav-inner{flex-wrap:wrap;justify-content:flex-start}
  .nav-link{padding:0.6rem 0.8rem;font-size:0.7rem}
  .articles-grid{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:0.8rem;text-align:center}
}

/* ═══════════════════════════════════════════
   ANIMATIONS
═══════════════════════════════════════════ */
@keyframes fadeIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
.fade-in{animation:fadeIn .6s ease forwards}

/* ═══════════════════════════════════════════
   ARTICLE PAGE
═══════════════════════════════════════════ */
.article-header {
  max-width:800px;
  margin:2rem auto;
  padding:0 2rem;
}
.article-header h1 {
  font-family:'Libre Baskerville',serif;
  font-size:2.5rem;
  font-weight:700;
  line-height:1.3;
  margin-bottom:1rem;
  color:var(--ink);
}
.article-header-meta {
  display:flex;
  gap:1.5rem;
  font-size:0.85rem;
  color:var(--gray);
  font-family:'IBM Plex Sans',sans-serif;
  padding-bottom:1rem;
  border-bottom:2px solid var(--border);
  flex-wrap:wrap;
}
.article-featured-image {
  max-width:1000px;
  margin:2rem auto;
  padding:0 2rem;
}
.article-featured-image img {
  width:100%;
  height:auto;
  border:1px solid var(--border);
}
.article-content {
  max-width:800px;
  margin:2rem auto;
  padding:0 2rem;
  font-size:1.1rem;
  line-height:1.8;
}
.article-content p {
  margin-bottom:1.5rem;
}
.article-content h2,
.article-content h3 {
  font-family:'Libre Baskerville',serif;
  margin:2rem 0 1rem;
  color:var(--ink);
}
.article-content h2 {
  font-size:1.8rem;
}
.article-content h3 {
  font-size:1.4rem;
}
.article-content img {
  max-width:100%;
  height:auto;
  margin:2rem 0;
  border:1px solid var(--border);
}
.article-content blockquote {
  border-left:4px solid var(--accent);
  padding-left:1.5rem;
  margin:2rem 0;
  font-style:italic;
  color:var(--gray);
}

/* ═══════════════════════════════════════════
   ADMIN PANEL STYLES
═══════════════════════════════════════════ */
.admin-container {
  max-width:1400px;
  margin:2rem auto;
  padding:0 2rem;
}
.admin-header {
  background:var(--ink);
  color:#fff;
  padding:1.5rem 2rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.admin-nav {
  background:var(--paper-dark);
  padding:1rem 2rem;
  margin-bottom:2rem;
  border-bottom:2px solid var(--border);
}
.admin-nav a {
  color:var(--ink);
  text-decoration:none;
  padding:0.5rem 1rem;
  margin-right:1rem;
  font-family:'IBM Plex Sans',sans-serif;
  font-weight:500;
  transition:color .3s;
}
.admin-nav a:hover,
.admin-nav a.active {
  color:var(--accent);
}
.admin-table {
  width:100%;
  border-collapse:collapse;
  background:#fff;
  border:1px solid var(--border);
  margin-top:1rem;
}
.admin-table th {
  background:var(--paper-dark);
  padding:1rem;
  text-align:left;
  font-family:'IBM Plex Sans',sans-serif;
  font-weight:600;
  border-bottom:2px solid var(--border);
}
.admin-table td {
  padding:1rem;
  border-bottom:1px solid var(--border);
}
.admin-table tr:hover {
  background:var(--paper);
}
.btn {
  padding:0.6rem 1.2rem;
  border:none;
  cursor:pointer;
  font-family:'IBM Plex Sans',sans-serif;
  font-weight:500;
  font-size:0.85rem;
  text-decoration:none;
  display:inline-block;
  margin:0 0.3rem;
  transition:background .3s;
}
.btn-primary {
  background:var(--accent);
  color:#fff;
}
.btn-primary:hover {
  background:var(--accent-dark);
}
.btn-secondary {
  background:var(--gray);
  color:#fff;
}
.btn-secondary:hover {
  background:var(--ink);
}
.btn-danger {
  background:#dc3545;
  color:#fff;
}
.btn-danger:hover {
  background:#c82333;
}
.form-group {
  margin-bottom:1.5rem;
}
.form-group label {
  display:block;
  margin-bottom:0.5rem;
  font-family:'IBM Plex Sans',sans-serif;
  font-weight:500;
  color:var(--ink);
}
.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="password"],
.form-group input[type="file"],
.form-group select,
.form-group textarea {
  width:100%;
  padding:0.8rem;
  border:1px solid var(--border);
  font-family:'Crimson Pro',Georgia,serif;
  font-size:1rem;
  background:#fff;
}
.form-group textarea {
  min-height:200px;
  resize:vertical;
}