/* system/css/main.css - Sekajans VIP - ana stil */
/* RESET (basit) */
* { box-sizing: border-box; -webkit-font-smoothing:antialiased; }
html,body { margin:0; padding:0; font-family: "Helvetica Neue", Arial, sans-serif; background:#f4f4f4; color:#222; }

/* TOPBAR */
.topbar { background:#c62828; color:#fff; }
.topbar-inner { max-width:1100px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; padding:10px 16px; }
.topbar .logo { display:flex; align-items:center; gap:12px; }
.topbar .logo img { height:36px; display:block; }
.topbar .site-title { font-weight:700; color:#fff; text-decoration:none; font-size:18px; }
.topbar .top-actions .icon { color:#fff; margin-left:12px; text-decoration:none; font-size:18px; }

/* HERO */
.hero .container { max-width:1100px; margin:18px auto; padding:0 16px; }
.hero-title { font-size:26px; color:#d32f2f; margin:6px 0 12px; font-weight:800; }
.pill-buttons { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:18px; }
.pill-buttons button { border:0; padding:12px 18px; border-radius:4px; cursor:pointer; font-weight:700; }
.pill-buttons .gold { background:linear-gradient(#f1c27a,#cfa04a); color:#111; }
.pill-buttons .red { background:linear-gradient(#e04a5a,#c72b3b); color:#fff; }

/* BANNERS */
.banner-stack { margin-top:18px; display:flex; flex-direction:column; gap:12px; }
.banner { width:100%; display:block; border-radius:3px; object-fit:cover; }

/* FILTER BAR */
.container { max-width:1100px; margin:0 auto; padding:0 16px; }
.filter-bar { background:#fff; margin:18px auto; padding:12px; border-radius:4px; box-shadow:0 1px 3px rgba(0,0,0,0.06); display:flex; justify-content:space-between; align-items:center; }
.filter-bar .filter-left { font-weight:600; }
.filter-bar .filter-right { color:#888; }

/* İLAN GRID */
.ilan-grid { display:grid; grid-template-columns: repeat(2,1fr); gap:18px; margin:18px 0 110px; } /* mobilde 2 sütun */
@media(min-width:780px) { .ilan-grid { grid-template-columns: repeat(3,1fr); } }
@media(min-width:1100px) { .ilan-grid { grid-template-columns: repeat(4,1fr); } }

.ilan-kutu { background:#fff; border-radius:6px; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,0.06); border:1px solid #e6e6e6; position:relative; }
.ilan-link { color:inherit; text-decoration:none; display:block; }
.img-wrap { position:relative; width:100%; height:320px; overflow:hidden; background:#eee; }
.ilan-resim { width:100%; height:100%; object-fit:cover; display:block; }

/* ribbon top-right */
.ribbon { position:absolute; right:8px; top:8px; background:gold; color:#222; font-weight:700; padding:6px 8px; border-radius:3px; font-size:12px; transform: rotate(0deg); box-shadow:0 1px 3px rgba(0,0,0,0.2); }

/* small oval badge */
.badge-oval { position:absolute; left:8px; bottom:60px; background:#1e88e5; color:#fff; padding:8px 10px; border-radius:20px; font-size:12px; box-shadow:0 2px 6px rgba(0,0,0,0.15); }

/* meta */
.ilan-meta { padding:10px 12px 16px; text-align:center; }
.ilan-title { font-size:18px; margin:6px 0 6px; font-weight:700; color:#222; }
.ilan-sub { color:#666; font-size:14px; }

/* ALT SABİT ÇUBUK */
.call-bar { position:fixed; left:0; right:0; bottom:0; display:flex; justify-content:center; align-items:center; background:#d32f2f; color:#fff; padding:14px 10px; z-index:9999; }
.call-bar .call-btn { color:#fff; text-decoration:none; font-weight:700; padding:8px 16px; border-radius:6px; background:transparent; border:0; font-size:18px; }
.call-bar .domain { position:absolute; bottom:-34px; left:50%; transform:translateX(-50%); color:#333; background:#fff; padding:6px 18px; border-radius:4px; box-shadow:0 1px 3px rgba(0,0,0,0.06); font-weight:600; }

/* WHATSAPP FLOAT */
.whatsapp-fab { position:fixed; right:18px; bottom:90px; z-index:99999; display:block; width:68px; height:68px; border-radius:50%; box-shadow:0 6px 14px rgba(0,0,0,0.2); background:#25D366; display:flex; align-items:center; justify-content:center; }
.whatsapp-fab img { width:48px; height:48px; }

/* küçük ekran ayarları */
@media(max-width:480px){
  .img-wrap { height:260px; }
  .hero-title { font-size:20px; }
  .call-bar .domain { font-size:14px; bottom:-32px; }
}

/* küçük düzeltiler */
.container { padding-bottom:30px; }