/* Modern overlay styles for Ceyhan Belediyesi Arama v2 */
.ceyhan-search-wrap { max-width:900px; margin:20px auto; position:relative; z-index:1; }
.ceyhan-search-form{ display:flex; gap:8px; align-items:center; }
#ceyhan-search-input{
  flex:1;
  padding:16px 20px;
  border-radius:40px;
  border:none;
  box-shadow: 0 8px 28px rgba(0,0,0,0.08);
  font-size:16px;
  outline:none;
  background: linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.85));
}
#ceyhan-search-input::placeholder{ color: #9aa0a6; }
.ceyhan-search-btn{
  border:none; padding:12px 16px; border-radius:12px; cursor:pointer;
  font-size:16px; background:var(--ceyhan-accent); color:#fff; box-shadow: 0 6px 18px var(--ceyhan-accent-rgba);
}

/* Overlay */
.ceyhan-search-overlay{
  position:fixed; inset:0; display:flex; align-items:center; justify-content:center;
  background: rgba(0,0,0,0.35); backdrop-filter: blur(6px);
  opacity:0; visibility:hidden; transition: opacity .28s ease, visibility .28s ease;
  z-index:99999;
}
.ceyhan-search-overlay.open{ opacity:1; visibility:visible; }

/* inner dialog */
.ceyhan-overlay-inner{
  width:min(1100px, 96%); max-height:80vh; overflow:auto;
  background: linear-gradient(180deg, rgba(255,255,255,calc(var(--ceyhan-trans) + 0.85)), rgba(255,255,255,0.9));
  border-radius:14px; padding:18px; box-shadow: 0 20px 60px rgba(0,0,0,0.18);
  transform: translateY(-10px); transition: transform .28s ease, opacity .28s ease;
}
.ceyhan-search-overlay.open .ceyhan-overlay-inner{ transform: translateY(0); }

/* dark mode */
@media (prefers-color-scheme: dark){
  .ceyhan-overlay-inner{
    background: linear-gradient(180deg, rgba(18,18,18,calc(var(--ceyhan-trans) + 0.6)), rgba(24,24,24,0.85));
    color: #e6e6e6;
  }
  #ceyhan-search-input{ background: linear-gradient(180deg, rgba(28,28,28,0.8), rgba(24,24,24,0.75)); color:#eee; }
  .ceyhan-search-btn{ color:#fff; }
}

/* Close btn */
.ceyhan-overlay-close{ position:absolute; right:18px; top:12px; border:none; background:none; font-size:20px; cursor:pointer; }

/* Grid */
.ceyhan-grid{ display:grid; grid-template-columns: repeat(auto-fill,minmax(240px,1fr)); gap:18px; padding:12px; }
.ceyhan-card{ display:block; border-radius:12px; overflow:hidden; text-decoration:none; color:inherit; background: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(250,250,250,0.9)); box-shadow: 0 12px 30px rgba(18,18,18,0.06); transition: transform .18s ease, box-shadow .18s ease; border:1px solid rgba(0,0,0,0.04); }
.ceyhan-card:hover{ transform: translateY(-8px); box-shadow: 0 20px 48px rgba(18,18,18,0.12); }
.ceyhan-thumb{ height:150px; background-size:cover; background-position:center; }
.ceyhan-card-body{ padding:12px; }
.ceyhan-title{ margin:0 0 8px 0; font-size:16px; color:var(--ceyhan-accent); }
.ceyhan-excerpt{ margin:0; font-size:13px; color:#666; }

/* No results */
.ceyhan-no-results{ padding:40px; text-align:center; color:#777; font-size:16px; }

/* Responsive tweaks */
@media (max-width:600px){
  .ceyhan-overlay-inner{ padding:12px; border-radius:10px; }
  .ceyhan-thumb{ height:120px; }
}