*{
    margin: 0;
    padding: 0;
}

/*body{
  background: linear-gradient(to right, #141E30, #243B55);
}*/

body{
    background-color: #141E30;
}

#container{
    max-width: 100%;
}


/*NAVBAR START*/

.navbar{
    margin-top: 20px;
    background-color: #ffffff;
    max-width: 80%;
    height:50px;
    margin-left: 10%;
    margin-right: 10%;
    border-radius:  10px;
    text-align: center;
   
       
}

navbar, a{
    color: black;
    text-decoration: none;
    font-family: "Rajdhani", sans-serif;
  font-weight: 500;
  font-style: normal;
    font-size: 1.3rem;
   
    
}


/*NAVBAR END*/

main {
   
    height: auto; /* sayfa yüksekliğini otomatik olarak ayarlar */
    
}

 section{
            max-width: 90%;
            height: auto;
           
            margin: auto;
        }
        

.hero {
   
  
    background-size: cover;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #000;
}




/*basın*/
:root{
  --bg: #c39a81;
  --card: #10131a;
  --text: white;
  --muted: #a8afbf;
  --accent: #26b6ff;
  --border: #1b2030;
  --radius: 14px;
  --gap: 16px;
  --container: 1100px;

  /* Tipografi: başlıklar dengeli büyüsün */
  --fs-title: clamp(18px, 2.2vw, 24px);
  --fs-h1: clamp(22px, 3.2vw, 36px);
  --fs-sub: clamp(14px, 1.6vw, 18px);
  --fs-body: clamp(14px, 1.4vw, 16px);
}

* { box-sizing: border-box; }

html, body {
  height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  line-height: 1.5;
}

img { max-width: 100%; display: block; }

.container {
  max-width: var(--container);
  margin: 0 auto;
  padding: calc(env(safe-area-inset-top) + 20px)
           calc(env(safe-area-inset-right) + 20px)
           calc(env(safe-area-inset-bottom) + 20px)
           calc(env(safe-area-inset-left) + 20px);
}

/* Header */
.site-header {
  border-bottom: 1px solid var(--border);
  background: linear-gradient(180deg, #0b0d12 0%, #0e1118 100%);
}
.brand { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.brand-logo { width: 28px; height: 28px; }
.brand-name { font-weight: 600; color: var(--muted); }
.page-title { font-size: var(--fs-h1); margin: 6px 0; }
.page-subtitle { font-size: var(--fs-sub); color: var(--muted); margin: 0 0 18px; }

/* Press list */
.press-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 22px;
}

/* Card */
.press-card {
  display: grid;
  grid-template-columns: minmax(280px, 360px) 1fr;
  gap: 20px;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.28);
}

.press-media img{
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: calc(var(--radius) - 6px);
  border: 1px solid var(--border);
}

/* Content area */
.press-content { display: grid; gap: 8px; align-content: start; }

.press-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 13px;
  color: var(--muted);
}

.press-tag {
  padding: 2px 8px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: #0d1118;
}

.press-title {
  font-size: var(--fs-title);
  margin: 0;
  /* Uzun başlık taşmaları için koruma */
  overflow-wrap: anywhere;
  word-break: break-word;
}

.press-excerpt {
  font-size: var(--fs-body);
  color: #cfd5e6;
  margin: 4px 0 6px;
  overflow-wrap: anywhere;
}

.press-actions { margin-top: 4px; }
.press-link {
  color: var(--accent);
  text-decoration: none;
  border-bottom: 1px dashed rgba(38,182,255,.3);
}
.press-link:hover { border-bottom-style: solid; }

/* Pagination */
.pagination {
  display: flex;
  gap: 10px;
  margin-top: 24px;
}
.page-btn {
  color: var(--text);
  text-decoration: none;
  background: #121622;
  border: 1px solid var(--border);
  padding: 10px 14px;
  border-radius: 999px;
}
.page-btn:hover { background: #161a28; }

/* Footer */
.site-footer {
  border-top: 1px solid var(--border);
  color: var(--muted);
}

/* Responsiveness */
@media (max-width: 1024px){
  .press-card {
    grid-template-columns: minmax(240px, 300px) 1fr;
  }
}

@media (max-width: 768px){
  .press-card {
    grid-template-columns: 1fr;
  }
  .press-media img{
    aspect-ratio: 16/9;
  }
}

/* Kenarları asla öpmesin: ekstra tampon */
@media (max-width: 480px){
  .container { padding-left: 18px; padding-right: 18px; }
  .press-card { padding: 14px; }
}

h5{
    color: bisque;
    font-size: 1rem;
}
.page-title{
    color: bisque;
}

 .container{
    color: aliceblue;
}