/* === GLOBAL RESET === */
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: Arial, sans-serif;
  background: #f4f4f4;
  color: #111;
}

/* === ORTA ALAN === */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

/* === HEADER / FOOTER BLOK === */
#header,
#footer {
  display: block;
}

/* === ANA BÖLÜMLER === */
section {
  display: block;
  width: 100%;
}

/* === LİNKLER === */
a {
  color: inherit;
  text-decoration: none;
}
/* === HEADER === */

.site-header {
  background: #ffffff;
  border-bottom: 1px solid #ddd;
}

.site-header .container {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 0;
}

/* SOL */
.header-left {
  min-width: 120px;
}

/* ORTA (ARAMA) */
.header-center {
  flex: 1;
}

.header-center input {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
}

/* SAĞ (BUTONLAR) */
.header-right {
  display: flex;
  gap: 8px;
}

.header-right .btn {
  padding: 8px 12px;
  font-size: 13px;
}
/* === ANA SAYFA – İLANLAR === */

.ads-section {
  padding: 24px 0;
}

.ads-section h2 {
  margin-bottom: 16px;
  font-size: 18px;
}

/* GRID */
.ads-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
}

/* KART */
.ad-card {
  background: #ffffff;
  border: 1px solid #ddd;
  display: block;
}

.ad-image {
  height: 120px;
  background: #e0e0e0;
}

.ad-info {
  padding: 8px;
}

.ad-info h3 {
  font-size: 13px;
  margin: 0 0 4px;
  line-height: 1.3;
}

.price {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 2px;
}

.meta {
  font-size: 12px;
  color: #666;
}
/* === RESPONSIVE === */

/* TABLET */
@media (max-width: 1024px) {
  .ads-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* KÜÇÜK TABLET / BÜYÜK TELEFON */
@media (max-width: 768px) {
  .site-header .container {
    flex-direction: column;
    gap: 10px;
  }

  .header-center {
    width: 100%;
  }

  .header-right {
    justify-content: center;
    flex-wrap: wrap;
  }

  .ads-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* TELEFON */
@media (max-width: 480px) {
  .ads-grid {
    grid-template-columns: 1fr;
  }

  .hero h1 {
    font-size: 22px;
  }

  .hero p {
    font-size: 13px;
  }
}
/* === AUTH SAYFALARI === */

.auth-page {
  min-height: calc(100vh - 120px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 0;
}

.auth-box {
  width: 100%;
  max-width: 380px;
  background: #ffffff;
  border: 1px solid #ddd;
  padding: 24px;
}

.auth-box h1 {
  font-size: 20px;
  margin-bottom: 6px;
}

.auth-desc {
  font-size: 13px;
  color: #666;
  margin-bottom: 16px;
}

/* FORM */
.auth-form label {
  display: block;
  font-size: 13px;
  margin-bottom: 12px;
}

.auth-form input {
  width: 100%;
  padding: 9px 10px;
  border: 1px solid #ccc;
  margin-top: 4px;
}

/* ALT LINKLER */
.auth-links {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
}

.auth-links.center {
  justify-content: center;
}
/* === İLAN DETAY === */

.ilan-detay {
  padding: 24px 0;
}

/* ÜST ALAN */
.ilan-ust {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 20px;
  margin-bottom: 24px;
}

.ilan-galeri {
  background: #fff;
  border: 1px solid #ddd;
  padding: 12px;
}

.ilan-resim {
  height: 260px;
  background: #e0e0e0;
}

/* ÖZET */
.ilan-ozet {
  background: #fff;
  border: 1px solid #ddd;
  padding: 16px;
}

.ilan-baslik {
  font-size: 18px;
  margin: 0 0 8px;
}

.ilan-fiyat {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 12px;
}

.ilan-meta {
  list-style: none;
  padding: 0;
  margin: 0 0 16px;
}

.ilan-meta li {
  font-size: 13px;
  margin-bottom: 6px;
}

/* ALT BLOKLAR */
.ilan-aciklama,
.ilan-detaylar {
  background: #fff;
  border: 1px solid #ddd;
  padding: 16px;
  margin-bottom: 16px;
}

/* MOBİL */
@media (max-width: 768px) {
  .ilan-ust {
    grid-template-columns: 1fr;
  }
}
/* === İLAN VER === */

.ilan-ver-page {
  padding: 32px 0;
}

/* FORM KUTUSU */
.ilan-ver-form {
  max-width: 760px;
  margin: 0 auto;
}

/* BÖLÜM */
.form-section {
  background: #ffffff;
  border: 1px solid #ddd;
  padding: 20px;
  margin-bottom: 20px;
}

.form-section h2 {
  font-size: 16px;
  margin-bottom: 12px;
}

/* FORM ALANLARI */
.form-section label {
  display: block;
  font-size: 13px;
  margin-bottom: 12px;
}

.form-section input,
.form-section select,
.form-section textarea {
  width: 100%;
  padding: 9px 10px;
  border: 1px solid #ccc;
  margin-top: 4px;
}

/* TEXTAREA */
.form-section textarea {
  min-height: 100px;
  resize: vertical;
}

/* GÖNDER BUTONU */
.ilan-ver-form .btn.primary {
  width: 100%;
  padding: 12px;
  font-size: 14px;
}
/* === ARAMA / KATEGORİ === */

.arama-page,
.kategori-page {
  padding: 24px 0;
}

/* GENEL LAYOUT */
.arama-layout,
.kategori-layout {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 16px;
}

/* SOL FİLTRE */
.arama-filtreler,
.kategori-menu {
  background: #ffffff;
  border: 1px solid #ddd;
  padding: 16px;
}

.arama-filtreler h3,
.kategori-menu h3 {
  font-size: 15px;
  margin-bottom: 12px;
}

.arama-filtreler label {
  display: block;
  font-size: 13px;
  margin-bottom: 12px;
}

.arama-filtreler input,
.arama-filtreler select {
  width: 100%;
  padding: 8px 9px;
  border: 1px solid #ccc;
  margin-top: 4px;
}

/* SAĞ SONUÇ */
.arama-sonuclar,
.kategori-ilanlar {
  background: transparent;
}

/* MOBİL */
@media (max-width: 768px) {
  .arama-layout,
  .kategori-layout {
    grid-template-columns: 1fr;
  }

  .arama-filtreler,
  .kategori-menu {
    margin-bottom: 16px;
  }
}
/* === MESAJLAR === */

.mesajlar-page {
  padding: 24px 0;
}

/* LAYOUT */
.mesajlar-layout {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 16px;
}

/* SOL: SOHBET LİSTESİ */
.sohbet-listesi {
  background: #ffffff;
  border: 1px solid #ddd;
}

.sohbet-item {
  padding: 10px 12px;
  border-bottom: 1px solid #eee;
  font-size: 13px;
  cursor: pointer;
}

.sohbet-item:hover {
  background: #f5f5f5;
}

.sohbet-item.aktif {
  background: #eaeaea;
  font-weight: bold;
}

/* SAĞ: MESAJ ALANI */
.mesaj-alani {
  background: #ffffff;
  border: 1px solid #ddd;
  display: flex;
  flex-direction: column;
}

/* MESAJLAR */
.mesaj-icerik {
  padding: 12px;
  flex: 1;
  overflow-y: auto;
}

.mesaj {
  font-size: 13px;
  margin-bottom: 8px;
}

.mesaj.giden {
  text-align: right;
}

/* MOBİL */
@media (max-width: 768px) {
  .mesajlar-layout {
    grid-template-columns: 1fr;
  }

  .sohbet-listesi {
    margin-bottom: 12px;
  }
}
/* === PROFİL / AYARLAR === */

.profil-page,
.ayarlar-page {
  padding: 24px 0;
}

/* PROFİL KUTUSU */
.profil-box {
  max-width: 640px;
  margin: 0 auto;
  background: #ffffff;
  border: 1px solid #ddd;
  padding: 20px;
}

/* ÜST */
.profil-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}

.profil-avatar {
  width: 72px;
  height: 72px;
  background: #e0e0e0;
  border-radius: 50%;
}

.profil-header h1 {
  font-size: 18px;
  margin: 0;
}

/* BİLGİ */
.profil-info p {
  font-size: 13px;
  margin-bottom: 6px;
}

/* AYAR BLOKLARI */
.ayarlar-section {
  background: #ffffff;
  border: 1px solid #ddd;
  padding: 16px;
  margin-bottom: 16px;
}

.ayarlar-section h2 {
  font-size: 15px;
  margin-bottom: 10px;
}

.ayarlar-section label {
  display: block;
  font-size: 13px;
  margin-bottom: 12px;
}
/* === GENEL POLISH === */

/* YAZI */
h1, h2, h3 {
  line-height: 1.3;
}

p {
  line-height: 1.5;
}

/* KART ORTAK */
.card,
.ad-card,
.form-section,
.auth-box,
.profil-box,
.ilan-ozet,
.ilan-galeri,
.ilan-aciklama,
.ilan-detaylar,
.arama-filtreler,
.kategori-menu,
.sohbet-listesi,
.mesaj-alani,
.ayarlar-section {
  border-radius: 6px;
}

/* BUTON & INPUT UYUMLULUK */
.btn,
input,
select,
textarea {
  border-radius: 4px;
}

/* INPUT ODAK */
input:focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: #999;
}

/* KÜÇÜK GÖLGELER (ABARTI YOK) */
.ad-card,
.form-section,
.auth-box,
.profil-box {
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}
/* =========================
   AYDINLIK / İÇ AÇICI TEMA
   ========================= */

/* GENEL ARKA PLAN */
body {
  background: #f6f7f8;
  color: #222;
}

/* HEADER */
.site-header {
  background: #34495e;
  border-bottom: none;
}

.site-header a,
.site-header button,
.site-header input {
  color: #fff;
}

/* HEADER ARAMA */
.site-header input {
  background: #2c3e50;
  border: none;
  color: #fff;
}

.site-header input::placeholder {
  color: #cfd6dc;
}

/* HERO */
.hero {
  background: linear-gradient(
    135deg,
    #ffffff,
    #f2f4f6
  );
}

/* SAYFA */
.page {
  background: transparent;
}

/* KARTLAR */
.ad-card,
.auth-box,
.form-section,
.profil-box,
.ilan-ozet,
.ilan-galeri,
.ilan-aciklama,
.ilan-detaylar,
.arama-filtreler,
.kategori-menu,
.sohbet-listesi,
.mesaj-alani,
.ayar-box {
  background: #ffffff;
  border: 1px solid #e0e0e0;
}

/* KART HOVER */
.ad-card:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  transform: translateY(-2px);
}

/* BAŞLIKLAR */
h1, h2, h3, h4 {
  color: #1f2d3d;
}

/* META / AÇIKLAMA */
.meta,
.auth-desc,
.kategori-desc,
.arama-info,
.form-hint {
  color: #6f7a85;
}

/* LINKLER */
a {
  color: #2d7ff9;
}

a:hover {
  color: #1b5fd1;
}

/* INPUT / SELECT / TEXTAREA */
input,
select,
textarea {
  background: #ffffff;
  border: 1px solid #d0d4d8;
  color: #222;
}

input::placeholder,
textarea::placeholder {
  color: #9aa4ad;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #2d7ff9;
}

/* PRIMARY BUTON – CANLI */
.btn.primary {
  background: linear-gradient(
    135deg,
    #ffd84d,
    #ffbf00
  );
  color: #1f2d3d;
  border: none;
  font-weight: 600;
}

.btn.primary:hover {
  background: linear-gradient(
    135deg,
    #ffe27a,
    #ffcc33
  );
}

/* GHOST BUTON */
.btn.ghost {
  background: #ffffff;
  border: 1px solid #cfd6dc;
  color: #34495e;
}

.btn.ghost:hover {
  background: #f0f3f6;
}

/* DANGER */
.btn.danger {
  background: #e74c3c;
  color: #fff;
}

/* SOHBET */
.sohbet-item {
  border-bottom: 1px solid #e6e9ec;
}

.sohbet-item:hover {
  background: #f3f6f9;
}

.sohbet-item.aktif {
  background: #e9f1ff;
}

/* MESAJ */
.mesaj.gelen p {
  background: #f0f3f6;
  color: #222;
  padding: 8px 10px;
  border-radius: 6px;
}

.mesaj.giden p {
  background: #2d7ff9;
  color: #ffffff;
  padding: 8px 10px;
  border-radius: 6px;
}

/* FOOTER */
.site-footer {
  background: #ffffff;
  border-top: 1px solid #e0e0e0;
  color: #6f7a85;
}
/* =========================
   İLAN VER – İYİLEŞTİRME
   ========================= */

/* SAYFA GENEL */
.page-ad-create {
  background: #f6f7f8;
}

/* ÜST BAŞLIK */
.page-ad-create .page-header h1 {
  font-size: 22px;
  margin-bottom: 16px;
  color: #1f2d3d;
}

/* FORM GENEL */
.ilan-ver-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* FORM BÖLÜMLERİ */
.ilan-ver-form .form-section {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  padding: 20px 22px;
  border-radius: 8px;
}

/* BÖLÜM BAŞLIĞI */
.form-section h2 {
  font-size: 16px;
  margin-bottom: 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid #f0f0f0;
  color: #2c3e50;
}

/* FORM GRID – OTOMATİK DÜZEN */
.form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

/* TEK SATIRLIK ALANLAR */
.form-grid label {
  font-size: 13px;
}

/* AÇIKLAMA TAM GENİŞLİK */
.form-section textarea {
  grid-column: 1 / -1;
}

/* INPUT */
.form-section input,
.form-section select,
.form-section textarea {
  padding: 10px 12px;
  border-radius: 6px;
  border: 1px solid #d0d4d8;
  font-size: 14px;
}

/* FOCUS */
.form-section input:focus,
.form-section select:focus,
.form-section textarea:focus {
  border-color: #2d7ff9;
}

/* GÖRSEL YÜKLEME */
.form-file {
  border: 2px dashed #d6dbe0;
  padding: 16px;
  border-radius: 8px;
  background: #fafbfc;
}

.form-file input {
  border: none;
}

/* İPUCU */
.form-hint {
  font-size: 12px;
  margin-top: 6px;
  color: #6f7a85;
}

/* GÖNDER BUTONU */
.page-ad-create .btn.primary {
  margin-top: 8px;
  padding: 14px;
  font-size: 15px;
  border-radius: 8px;
}

/* MOBİL */
@media (max-width: 768px) {
  .form-grid {
    grid-template-columns: 1fr;
  }
}
/* =========================
   AUTH – MODERN / PREMIUM
   ========================= */

/* SAYFA ARKA PLAN */
.page-auth {
  background: linear-gradient(
    180deg,
    #f6f7f8,
    #eef1f4
  );
}

/* ORTALAMA VE NEFES */
.auth-page {
  padding: 80px 0;
}

/* ANA KART */
.auth-box {
  background: #ffffff;
  border: none;
  border-radius: 14px;
  padding: 32px 34px;
  box-shadow:
    0 20px 40px rgba(0,0,0,0.08),
    0 4px 12px rgba(0,0,0,0.04);
}

/* BAŞLIK */
.auth-box h1 {
  font-size: 24px;
  margin-bottom: 6px;
  color: #1f2d3d;
}

/* AÇIKLAMA */
.auth-desc {
  font-size: 14px;
  margin-bottom: 22px;
  color: #6f7a85;
}

/* FORM */
.auth-form label {
  font-size: 13px;
  margin-bottom: 16px;
}

/* INPUT */
.auth-form input {
  padding: 12px 14px;
  border-radius: 8px;
  border: 1px solid #d0d4d8;
  font-size: 14px;
  background: #ffffff;
}

/* FOCUS */
.auth-form input:focus {
  border-color: #2d7ff9;
}

/* AYRAÇ */
.auth-divider {
  margin: 28px 0;
}

.auth-divider span {
  font-size: 12px;
  color: #9aa4ad;
}

/* PRIMARY BUTON */
.auth-box .btn.primary {
  padding: 14px;
  font-size: 15px;
  border-radius: 10px;
  margin-top: 6px;
}

/* GOOGLE BUTON */
.auth-social .google-btn {
  background: #ffffff;
  border: 1px solid #d0d4d8;
  padding: 12px;
  border-radius: 10px;
  font-size: 14px;
  color: #1f2d3d;
}

.auth-social .google-btn:hover {
  background: #f5f7fa;
}

/* ALT LİNKLER */
.auth-links {
  margin-top: 22px;
}

.auth-links a {
  font-size: 13px;
  color: #2d7ff9;
}

.auth-links a:hover {
  text-decoration: underline;
}

/* CHECKBOX (ÜYE OL) */
.auth-checkbox {
  margin: 18px 0;
}

.auth-checkbox label {
  font-size: 12px;
  color: #6f7a85;
}

/* MOBİL */
@media (max-width: 480px) {
  .auth-box {
    padding: 26px 22px;
    border-radius: 12px;
  }

  .auth-box h1 {
    font-size: 22px;
  }
}
/* =========================
   HEADER – LOGO / HOME LINK
   ========================= */

.site-logo {
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  color: #ffffff;
  letter-spacing: -0.5px;
}

.site-logo span {
  color: #ffd200;
}

.site-logo:hover {
  opacity: 0.9;
}
/* ============================= */
/* İLAN DETAY SAYFASI */
/* ============================= */

.page-ad-detail {
  background: #f5f7f9;
  padding: 24px 0 60px;
}

.ilan-detay-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* BAŞLIK */
.ilan-baslik {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
}

/* GRID */
.ilan-grid {
  display: grid;
  grid-template-columns: 55% 30% 15%;
  gap: 24px;
  align-items: flex-start;
}

/* ================= */
/* GALERİ */
/* ================= */
.ilan-galeri {
  background: #fff;
  border-radius: 6px;
  padding: 12px;
}

.ilan-ana-foto {
  width: 100%;
  height: 360px;
  background: #eaeaea;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ilan-ana-foto img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ilan-thumb-list {
  display: flex;
  gap: 8px;
  margin-top: 10px;
  overflow-x: auto;
}

.ilan-thumb {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
}

/* ================= */
/* ORTA ALAN */
/* ================= */
.ilan-icerik {
  background: #fff;
  border-radius: 6px;
  padding: 20px;
}

.ilan-fiyat {
  font-size: 28px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 8px;
}

.ilan-konum {
  color: #555;
  margin-bottom: 16px;
}

.ilan-ozet {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
}

.ilan-ozet li {
  font-size: 14px;
  margin-bottom: 6px;
}

.ilan-aciklama h3 {
  margin-bottom: 8px;
}

.ilan-aciklama p {
  line-height: 1.6;
  font-size: 14px;
}

/* ================= */
/* SATICI */
/* ================= */
.ilan-satici {
  position: sticky;
  top: 20px;
}

.satici-kart {
  background: #fff;
  border-radius: 6px;
  padding: 16px;
  border: 1px solid #e5e5e5;
}

.satici-kart h3 {
  margin-top: 0;
  margin-bottom: 12px;
}

.satici-isim {
  font-weight: 600;
  margin-bottom: 6px;
}

.satici-telefon {
  font-size: 14px;
  color: #444;
  margin-bottom: 12px;
}

/* ================= */
/* RESPONSIVE */
/* ================= */
@media (max-width: 1024px) {
  .ilan-grid {
    grid-template-columns: 1fr;
  }

  .ilan-satici {
    position: static;
  }
}