/*
Theme Name: IEA FINAL PRO SINGLE ORDER
Theme URI: https://istanbulevarkadasi.com
Author: ChatGPT
Description: İstanbul Ev Arkadaşı için ilan, üyelik, mesajlaşma, ilan yönetimi ve WhatsApp gizleme destekli final tema.
Version: 3.2.0
Text Domain: iea-final-pro
*/

:root{
  --navy:#10233f;
  --blue:#1f6aa5;
  --red:#e23b3b;
  --green:#20b15a;
  --bg:#f4f7fb;
  --text:#26364a;
  --muted:#667085;
  --border:#e2e8f0;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}
a{color:inherit}
.container{width:min(1180px,calc(100% - 32px));margin:0 auto}
.header{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:99}
.nav{height:76px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.logo{text-decoration:none;font-weight:950;font-size:22px;color:var(--navy)}
.logo span{color:var(--red)}
.menu{display:flex;align-items:center;gap:16px}
.menu a{text-decoration:none;font-weight:850;color:#334155}
.menu a:hover{color:var(--red)}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;background:var(--red);color:#fff!important;padding:12px 17px;font-weight:950;text-decoration:none;cursor:pointer}
.btn.secondary{background:#fff;color:var(--navy)!important;border:1px solid var(--border)}
.btn.green{background:var(--green)}
.badge-count{background:var(--red);color:#fff;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:950;margin-left:6px}
.hero{min-height:540px;display:flex;align-items:center;color:#fff;background:linear-gradient(135deg,rgba(16,35,63,.94),rgba(31,106,165,.84)),url('assets/istanbul-bg.svg') center/cover no-repeat}
.hero h1{max-width:780px;font-size:56px;line-height:1.03;margin:0 0 16px;color:#fff}
.hero p{max-width:680px;font-size:19px;color:rgba(255,255,255,.88);line-height:1.6}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.search-box{margin-top:28px;background:#fff;color:var(--text);padding:16px;border-radius:22px;display:grid;grid-template-columns:1.2fr 1.2fr 1fr 1fr auto;gap:12px;box-shadow:0 22px 60px rgba(0,0,0,.18)}
.search-box input,.search-box select,.form input,.form select,.form textarea,.auth-form input,.filter input,.filter select{width:100%;border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:#f8fafc}
.section{padding:54px 0}
.section-title{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px}
.section-title h2{margin:0;font-size:34px;color:var(--navy)}
.section-title p,.muted{color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card,.filter,.panel,.auth-card,.notice,.step,.message-box,.single-card{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:0 16px 36px rgba(15,35,75,.08)}
.step{padding:24px}
.step b{display:inline-flex;width:42px;height:42px;border-radius:14px;align-items:center;justify-content:center;background:#eef6ff;color:var(--blue)}
.layout{display:grid;grid-template-columns:290px 1fr;gap:26px}
.filter{padding:22px;height:max-content;position:sticky;top:96px}
.filter label,.form label,.auth-form label{display:block;margin:14px 0 7px;font-weight:850;font-size:14px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{overflow:hidden}
.card-img{height:180px;background:#dce8f5;display:block}
.card-img img{width:100%;height:100%;object-fit:cover;display:block}
.card-body{padding:18px}
.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.badge{background:#eef6ff;color:var(--blue);font-size:12px;font-weight:950;border-radius:999px;padding:7px 10px}
.price{color:var(--red);font-size:20px;font-weight:950}
.card h3{font-size:20px;margin:14px 0 10px;color:var(--navy)}
.card h3 a{text-decoration:none}
.meta{display:grid;gap:7px;color:var(--muted);font-size:14px}
.card p{color:#4b5b70;line-height:1.55}
.form-wrap,.dashboard{max-width:1100px;margin:42px auto;padding:0 16px}
.panel{padding:26px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.auth-page{min-height:calc(100vh - 76px);display:flex;align-items:center;justify-content:center;padding:50px 16px;background:linear-gradient(135deg,#f4f7fb,#e9f3ff)}
.auth-card{width:min(470px,100%);padding:30px}
.auth-card h1{margin:0 0 8px;color:var(--navy);font-size:32px}
.alert{padding:13px 14px;border-radius:14px;margin:14px 0;font-weight:800}
.alert.error{background:#fff1f1;color:#b42318;border:1px solid #ffd3d3}
.alert.success{background:#ecfdf3;color:#067647;border:1px solid #abefc6}
.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-weight:850}
.auth-links a{text-decoration:none;color:var(--blue)}
.single{max-width:1050px;margin:34px auto 60px;padding:0 16px}
.single-img{height:390px;border-radius:28px;overflow:hidden;background:#dce8f5}
.single-img img{width:100%;height:100%;object-fit:cover}
.single-card{position:relative;margin-top:-48px;padding:30px}
.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}
.info-grid div{background:#f8fafc;border:1px solid var(--border);border-radius:18px;padding:14px}
.info-grid span{display:block;color:var(--muted);font-size:13px}
.message-box{padding:22px;margin-top:24px}
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.tabs a{padding:11px 14px;border-radius:14px;background:#fff;border:1px solid var(--border);text-decoration:none;font-weight:950}
.table{width:100%;border-collapse:separate;border-spacing:0 10px}
.table th{text-align:left;color:var(--muted);font-size:13px;padding:0 12px}
.table td{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:14px 12px}
.table td:first-child{border-left:1px solid var(--border);border-radius:14px 0 0 14px}
.table td:last-child{border-right:1px solid var(--border);border-radius:0 14px 14px 0}
.small-btn{display:inline-flex;margin:3px;padding:8px 10px;border-radius:10px;background:#eef6ff;color:#1769aa;text-decoration:none;font-weight:950;border:0;cursor:pointer}
.small-btn.danger{background:#fff1f1;color:#b42318}
.message-list{display:grid;gap:12px}
.message-item{background:#fff;border:1px solid var(--border);border-radius:18px;padding:16px}
.message-item.unread{border-color:var(--blue);background:#f2f8ff}
.message-meta{color:var(--muted);font-size:13px;margin:6px 0}
.conversation{display:grid;gap:12px;margin-bottom:18px}
.bubble{max-width:76%;padding:13px 15px;border-radius:18px;background:#fff;border:1px solid var(--border)}
.bubble.me{margin-left:auto;background:#eaf6ef;border-color:#bfe8ce}
.footer{background:var(--navy);color:#fff;padding:36px 0;margin-top:50px}
.footer p{color:rgba(255,255,255,.75)}
@media(max-width:1000px){.search-box,.layout{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.filter{position:static}.info-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.hero h1{font-size:36px}.menu{display:none}.grid,.steps,.two,.info-grid{grid-template-columns:1fr}.single-img{height:260px}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table th{display:none}.table td{border:1px solid var(--border)!important;border-radius:0!important}.table td:first-child{border-radius:14px 14px 0 0!important}.table td:last-child{border-radius:0 0 14px 14px!important}.bubble{max-width:100%}}


/* Mobile slide menu */
.mobile-toggle{
  display:none;
  width:44px;
  height:44px;
  border:1px solid var(--border);
  border-radius:14px;
  background:#fff;
  color:var(--navy);
  font-size:24px;
  font-weight:950;
  cursor:pointer;
}
.mobile-overlay{
  position:fixed;
  inset:0;
  background:rgba(15,23,42,.45);
  opacity:0;
  pointer-events:none;
  transition:.2s ease;
  z-index:998;
}
.mobile-drawer{
  position:fixed;
  top:0;
  right:0;
  width:min(340px,86vw);
  height:100vh;
  background:#fff;
  z-index:999;
  transform:translateX(105%);
  transition:.25s ease;
  box-shadow:-22px 0 60px rgba(15,35,75,.22);
  display:flex;
  flex-direction:column;
}
.mobile-drawer.open{transform:translateX(0)}
.mobile-overlay.open{opacity:1;pointer-events:auto}
.mobile-drawer-head{
  padding:20px;
  border-bottom:1px solid var(--border);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.mobile-drawer-head strong{font-size:20px;color:var(--navy)}
.mobile-close{
  border:0;
  background:#f1f5f9;
  width:40px;
  height:40px;
  border-radius:13px;
  font-size:26px;
  cursor:pointer;
}
.mobile-drawer-links{
  padding:16px;
  display:grid;
  gap:10px;
}
.mobile-drawer-links a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 15px;
  border:1px solid var(--border);
  border-radius:16px;
  text-decoration:none;
  font-weight:900;
  color:#334155;
  background:#fff;
}
.mobile-drawer-links a.primary{
  background:var(--red);
  color:#fff;
  border-color:var(--red);
}
.mobile-drawer-links a.green{
  background:var(--green);
  color:#fff;
  border-color:var(--green);
}
.mobile-user-box{
  margin:16px;
  padding:15px;
  border-radius:18px;
  background:#f8fafc;
  border:1px solid var(--border);
}
.mobile-user-box span{display:block;color:var(--muted);font-size:13px;margin-top:4px}

@media(max-width:700px){
  .mobile-toggle{display:inline-flex;align-items:center;justify-content:center}
  .nav{height:68px}
  .menu{display:none!important}
}


/* PRO PLUS */
.profile-card{background:#f8fafc;border:1px solid var(--border);border-radius:20px;padding:18px;margin:20px 0}
.profile-card h3{margin-top:0;color:var(--navy)}
.profile-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.profile-tags span{background:#eef6ff;color:#1769aa;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}
.favorite-btn{background:#fff;color:var(--red)!important;border:1px solid #ffd3d3}
.report-box{margin-top:16px;border-top:1px solid var(--border);padding-top:16px}
.filter-extra{margin-top:10px;padding-top:10px;border-top:1px dashed var(--border)}
.notice-mini{padding:10px 12px;border-radius:12px;background:#f8fafc;border:1px solid var(--border);font-size:14px}


/* SEO + Vitrin Pack */
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.stat-box{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:18px;color:#fff}
.stat-box strong{display:block;font-size:32px;line-height:1;font-weight:950}
.stat-box span{display:block;margin-top:7px;color:rgba(255,255,255,.82);font-weight:800}
.district-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.district-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:18px;text-decoration:none;box-shadow:0 16px 36px rgba(15,35,75,.08);transition:.2s ease}
.district-card:hover{transform:translateY(-4px)}
.district-card strong{display:block;color:var(--navy);font-size:18px}
.district-card span{display:block;color:var(--muted);font-size:13px;margin-top:6px}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.trust-card{background:#fff;border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:0 16px 36px rgba(15,35,75,.08)}
.trust-icon{font-size:34px;margin-bottom:12px}
.trust-card h3{margin:0 0 8px;color:var(--navy)}
.landing-hero{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;padding:54px 0}
.landing-hero h1{font-size:46px;line-height:1.08;margin:0 0 12px;color:#fff}
.landing-hero p{font-size:18px;color:rgba(255,255,255,.86);max-width:760px}
.content-box{background:#fff;border:1px solid var(--border);border-radius:24px;padding:28px;box-shadow:0 16px 36px rgba(15,35,75,.08);line-height:1.75}
.footer-links{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}
.footer-links a{display:block;color:rgba(255,255,255,.78);text-decoration:none;margin:8px 0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.seo-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.seo-list a{background:#f8fafc;border:1px solid var(--border);border-radius:14px;padding:12px;text-decoration:none;font-weight:850}
@media(max-width:1000px){.district-grid{grid-template-columns:repeat(3,1fr)}.trust-grid{grid-template-columns:1fr 1fr}.footer-links{grid-template-columns:1fr}.seo-list{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.stats-row,.district-grid,.trust-grid,.contact-grid,.seo-list{grid-template-columns:1fr}.landing-hero h1{font-size:34px}}


/* MAIL PACK */
.mail-note{background:#eef6ff;border:1px solid #cfe8ff;border-radius:16px;padding:14px;color:#1769aa;font-weight:800;margin:14px 0}


/* TRUST PACK V2 */
.verify-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:#e8f7ee;
  color:#137a3c;
  border:1px solid #bfe7cd;
  padding:5px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
}
.msg-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:20px;
  height:20px;
  padding:0 6px;
  background:#e23b3b;
  color:#fff;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  margin-left:6px;
}
.dashboard-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin:18px 0;
}
.dashboard-stat{
  background:#fff;
  border:1px solid var(--border);
  padding:16px;
  border-radius:18px;
  box-shadow:0 12px 28px rgba(15,35,75,.08);
}
.dashboard-stat strong{
  display:block;
  font-size:28px;
  color:var(--navy);
}
.dashboard-stat span{
  color:var(--muted);
  font-weight:800;
}
@media(max-width:650px){
  .dashboard-stats{grid-template-columns:1fr}
}


/* Core Login Fix */
.auth-form .login-username label,
.auth-form .login-password label,
.auth-form .login-remember label{
  display:block;
  margin:14px 0 7px;
  font-weight:850;
  font-size:14px;
}
.auth-form .login-username input,
.auth-form .login-password input{
  width:100%;
  border:1px solid var(--border);
  border-radius:14px;
  padding:12px 14px;
  background:#f8fafc;
}
.auth-form .login-submit input{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:14px;
  background:var(--red);
  color:#fff!important;
  padding:12px 17px;
  font-weight:950;
  cursor:pointer;
}


/* POLISH PACK - küçük premium dokunuşlar */
.header{
  backdrop-filter:saturate(180%) blur(10px);
  background:rgba(255,255,255,.94);
}
.logo{
  letter-spacing:-.4px;
}
.menu a{
  position:relative;
}
.menu a:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-7px;
  width:0;
  height:3px;
  border-radius:999px;
  background:var(--red);
  transition:.2s ease;
}
.menu a:hover:after{
  width:100%;
}
.hero{
  position:relative;
}
.hero:after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:80px;
  background:linear-gradient(180deg,rgba(244,247,251,0),var(--bg));
  pointer-events:none;
}
.section{
  padding:64px 0;
}
.section-title h2{
  letter-spacing:-.7px;
}
.btn{
  box-shadow:0 10px 24px rgba(226,59,59,.18);
  transition:.18s ease;
}
.btn:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(226,59,59,.24);
}
.btn.secondary{
  box-shadow:0 10px 24px rgba(15,35,75,.06);
}
.card{
  transition:.22s ease;
  border-radius:26px;
}
.card:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 50px rgba(15,35,75,.14);
}
.card-img{
  height:205px;
  position:relative;
  overflow:hidden;
}
.card-img img{
  transition:.35s ease;
}
.card:hover .card-img img{
  transform:scale(1.045);
}
.card-body{
  padding:20px;
}
.card h3{
  line-height:1.25;
}
.price{
  white-space:nowrap;
}
.badge{
  border:1px solid #d6ebff;
}
.meta{
  margin:10px 0;
}
.filter{
  border-radius:26px;
}
.filter h3{
  margin-top:0;
  color:var(--navy);
}
.filter label{
  color:#334155;
}
.single-card{
  border-radius:30px;
}
.single-card h1{
  color:var(--navy);
  letter-spacing:-.7px;
}
.info-grid div{
  transition:.18s ease;
}
.info-grid div:hover{
  transform:translateY(-2px);
  background:#fff;
}
.message-box{
  border-radius:24px;
}
.auth-card{
  border-radius:28px;
}
.auth-card h1{
  letter-spacing:-.8px;
}
.district-card{
  border-radius:24px;
}
.trust-card{
  transition:.2s ease;
}
.trust-card:hover{
  transform:translateY(-4px);
}
.footer{
  margin-top:70px;
}

/* Daha iyi mobil deneyim */
@media(max-width:700px){
  .container{
    width:min(100% - 24px,1180px);
  }
  .hero{
    min-height:520px;
    padding:36px 0;
  }
  .hero h1{
    font-size:34px;
    line-height:1.12;
  }
  .hero p{
    font-size:16px;
  }
  .section{
    padding:42px 0;
  }
  .section-title{
    align-items:flex-start;
    flex-direction:column;
  }
  .card-img{
    height:215px;
  }
  .card-body{
    padding:18px;
  }
  .btn{
    width:auto;
  }
  .hero-actions .btn{
    width:100%;
  }
  .search-box{
    gap:10px;
    padding:14px;
  }
  .single{
    margin-top:20px;
  }
  .single-card{
    margin-top:-28px;
    padding:22px;
  }
}