/*
Theme Name: SS Search AMP (v3)
Description: AMP Standard Mode theme, single search box (hero), centered logo, search-engine style results.
Version: 1.2.0
Text Domain: ss-search
*/
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
.container{max-width:1040px;margin:0 auto;padding:0 16px}
.site-header,.site-footer{padding:16px 0;border-bottom:1px solid #eee}
.site-footer{border-top:1px solid #eee;border-bottom:0;margin-top:32px;background:#f6f8ff}
.header-elevated{background:#fff;box-shadow:0 4px 24px rgba(0,0,0,.06);position:sticky;top:0;z-index:10}
.brand{display:flex;justify-content:center;align-items:center;gap:10px}
.brand a{text-decoration:none;font-weight:800;font-size:22px;color:#0b57d0}
.hero{background:linear-gradient(135deg,#0b57d0 0%,#7aa7ff 100%);color:#fff;border-bottom:1px solid rgba(255,255,255,.15)}
.hero-inner{max-width:760px;margin:0 auto;padding:32px 16px 36px;text-align:center}
.hero-title{font-size:28px;margin:0 0 8px;font-weight:800}
.hero-sub{margin:0 0 16px;opacity:.95}
.hero-search input[type="search"]{width:100%;padding:14px 16px;border:0;border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.15)}

.results{max-width:760px;margin:22px auto}
.result{padding:12px 0;border-bottom:1px solid #eef0f6}
.result h2{margin:0 0 6px;font-size:20px;line-height:1.35}
.result h2 a{color:#1a73e8;text-decoration:none}
.result h2 a:hover{text-decoration:underline}
.result .meta{font-size:12px;color:#006621;margin-bottom:4px}
.result p{margin:0;color:#444}

.pagination{display:flex;gap:12px;justify-content:center;margin:24px 0}
.pagination a{padding:8px 12px;border:1px solid #ddd;border-radius:10px;text-decoration:none}
.consent-popup{position:fixed;left:16px;right:16px;bottom:16px;background:#fff;border:1px solid #ddd;border-radius:12px;padding:12px;box-shadow:0 4px 16px rgba(0,0,0,.08)}
.btn{padding:8px 12px;border-radius:10px;border:1px solid #ddd;cursor:pointer}
.btn-primary{background:#0b57d0;border-color:#0b57d0;color:#fff}
.btn-outline{background:#fff;color:#333}
.consent-actions{display:flex;gap:8px;margin-top:8px}


/* AMP-safe logo bounds */
.custom-logo-link amp-img { max-width:200px; max-height:200px; }
.brand { display:flex; justify-content:center; align-items:center; gap:10px; min-height:64px; }


/* --- NAV (menu) --- */
.site-nav { border-top:1px solid #eef0f6; }
.site-nav ul { list-style:none; margin:0; padding:8px 0; display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
.site-nav a { text-decoration:none; padding:6px 10px; border-radius:8px; color:#1f2a44; }
.site-nav a:hover { background:#f1f5ff; }

/* --- HERO (global) --- */
.hero { background: linear-gradient(135deg, #0b57d0 0%, #7aa7ff 100%); color:#fff; border-radius: 24px; margin: 14px auto 8px; }
.hero-inner { max-width: 880px; margin: 0 auto; padding: 24px 18px 28px; text-align:center; }
.hero-title { font-size: 26px; margin: 0 0 10px; font-weight: 800; }

.hero-search { display:flex; align-items:stretch; gap:8px; justify-content:center; }
.hero-search .search-input {
  flex: 1 1 520px;
  max-width: 760px;
  padding: 14px 16px;
  border: 0;
  border-radius: 999px;
  background: #fff;
  box-shadow: inset 0 2px 6px rgba(0,0,0,.06), 0 8px 20px rgba(10,40,120,.20);
  outline:none;
}
.hero-search .btn-search {
  padding: 12px 18px;
  border-radius: 999px;
  border: 0;
  background: #0b57d0;
  color: #fff;
  font-weight: 600;
  box-shadow: 0 6px 14px rgba(11,87,208,.35);
}
.hero-search .btn-search:active { transform: translateY(1px); }

/* Search results list (keep compact) */
.results { max-width: 880px; margin: 16px auto; }
.result { padding: 12px 0; border-bottom:1px solid #eef0f6; }
.result h2 { margin:0 0 6px; font-size:20px; line-height:1.35; }
.result h2 a { color:#1a73e8; text-decoration:none; }
.result h2 a:hover { text-decoration:underline; }
.result .meta { font-size:12px; color:#006621; margin-bottom:4px; }
.result p { margin:0; color:#444; }


/* --- Fix bullets anywhere in header top area --- */
.site-header ul { list-style:none; margin:0; padding:0; }

/* --- Brand / Logo visibility --- */
.custom-logo-link amp-img { max-width:200px; max-height:200px; display:block; }
.brand { display:flex; justify-content:center; align-items:center; gap:10px; min-height:64px; }
.brand .custom-logo-link amp-img { max-height:48px; } /* default header height */

/* --- Button-style horizontal menu --- */
.site-nav { border-top:1px solid #eef0f6; }
.site-nav ul { list-style:none; margin:0; padding:8px 0; display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
.site-nav li { display:inline-flex; }
.site-nav a { display:inline-block; text-decoration:none; padding:8px 12px; border-radius:999px; color:#1f2a44; border:1px solid #e5e9f5; background:#fff; }
.site-nav a:hover { background:#f1f5ff; border-color:#d6def7; }

/* --- Sticky hero search --- */
.sticky-hero { position: sticky; top: 64px; z-index: 9; } /* stay below sticky header */
.hero { background: linear-gradient(135deg, #0b57d0 0%, #7aa7ff 100%); color:#fff; border-radius: 24px; margin: 14px auto 8px; }
.hero-inner { max-width: 880px; margin: 0 auto; padding: 18px 18px 22px; text-align:center; }
.hero-title { font-size: 22px; margin: 0 0 8px; font-weight: 800; }

.hero-search { display:flex; align-items:stretch; gap:8px; justify-content:center; }
.hero-search .search-input {
  flex: 1 1 520px;
  max-width: 760px;
  padding: 14px 16px;
  border: 0;
  border-radius: 999px;
  background: #fff;
  box-shadow: inset 0 2px 6px rgba(0,0,0,.06), 0 8px 20px rgba(10,40,120,.20);
  outline:none;
}
.hero-search .btn-search {
  padding: 12px 18px;
  border-radius: 999px;
  border: 0;
  background: #0b57d0;
  color: #fff;
  font-weight: 600;
  box-shadow: 0 6px 14px rgba(11,87,208,.35);
}
.hero-search .btn-search:active { transform: translateY(1px); }

/* Results spacing */
.results { max-width: 880px; margin: 16px auto; }


/* --- Robust menu styles (applies to WP menu or fallback pages) --- */
.site-nav .menu-list { list-style:none; margin:0; padding:8px 0; display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
.site-nav .menu-list > li { display:inline-flex; }
.site-nav .menu-list a { display:inline-block; text-decoration:none; padding:8px 12px; border-radius:999px; color:#1f2a44; border:1px solid #e5e9f5; background:#fff; }
.site-nav .menu-list a:hover { background:#f1f5ff; border-color:#d6def7; }

/* Remove bullets for any generic ul under header */
.site-header ul { list-style:none; margin:0; padding:0; }

/* Disable sticky hero (keep above results only) */
.sticky-hero { position: static; top:auto; }


/* --- MENU: horizontal buttons always --- */
.site-nav .menu-list { list-style:none; margin:0; padding:8px 0; display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
.site-nav .menu-list > li { display:inline-flex; }
.site-nav .menu-list a { display:inline-block; text-decoration:none; padding:8px 12px; border-radius:999px; color:#1f2a44; border:1px solid #e5e9f5; background:#fff; }
.site-nav .menu-list a:hover { background:#f1f5ff; border-color:#d6def7; }
.site-header ul { list-style:none; margin:0; padding:0; } /* remove bullets */

/* --- HERO (non-sticky) --- */
.hero { background: linear-gradient(135deg, #0b57d0 0%, #7aa7ff 100%); color:#fff; border-radius: 24px; margin: 14px auto 8px; }
.hero-inner { max-width: 880px; margin: 0 auto; padding: 24px 18px 28px; text-align:center; }
.hero-title { font-size: 26px; margin: 0 0 10px; font-weight: 800; }
.hero-search { display:flex; align-items:stretch; gap:8px; justify-content:center; }
.hero-search .search-input { flex: 1 1 520px; max-width: 760px; padding: 14px 16px; border: 0; border-radius: 999px; background: #fff; box-shadow: inset 0 2px 6px rgba(0,0,0,.06), 0 8px 20px rgba(10,40,120,.20); outline:none; }
.hero-search .btn-search { padding: 12px 18px; border-radius: 999px; border: 0; background: #0b57d0; color: #fff; font-weight: 600; box-shadow: 0 6px 14px rgba(11,87,208,.35); }
.hero, .hero-inner, .hero-search, .search-input { position: static !important; } /* force non-sticky */

/* Results container spacing */
.results { max-width: 880px; margin: 16px auto; }


/* ===== MENU HARDENED ===== */
.site-nav { border-top:1px solid #eef0f6; }
.site-nav ul,
.site-nav ol { list-style:none; margin:0; padding:8px 0; }
.site-nav ul li,
.site-nav ol li { list-style:none; margin:0; padding:0; }

/* Normalize common WP classes */
.site-nav .menu,
.site-nav .menu-list,
.site-nav .menu-primary,
.site-nav .page-menu { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }

.site-nav .menu > li,
.site-nav .menu-list > li,
.site-nav .page_item,
.site-nav .menu-item { display:inline-flex; }

.site-nav a {
  display:inline-block;
  text-decoration:none;
  padding:8px 12px;
  border-radius:999px;
  color:#1f2a44;
  border:1px solid #e5e9f5;
  background:#fff;
}
.site-nav a:hover { background:#f1f5ff; border-color:#d6def7; }
.site-nav .current_page_item > a,
.site-nav .current-menu-item > a { background:#0b57d0; color:#fff; border-color:#0b57d0; }

/* Remove any bullet markers that survive */
.site-header li::marker { content: none; }

/* ===== HERO remains non-sticky ===== */
.hero, .hero-inner, .hero-search, .search-input { position: static !important; }


/* ===== v11 MENU CENTERED + PILL BUTTONS ===== */
.site-nav { display:flex; justify-content:center; align-items:center; border-top:1px solid #eef0f6; padding-top:8px; }
.site-nav > ul,
.site-nav .menu-list,
.site-nav .menu,
.site-nav .page-menu {
  display:flex !important;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center !important;
  align-items:center;
  margin:0;
  padding:8px 0;
}
.site-nav li { display:inline-flex !important; }
.site-nav a {
  display:inline-block;
  padding:10px 14px;
  border-radius:999px;
  text-decoration:none;
  color:#0f1a2b;
  background: linear-gradient(180deg, #ffffff 0%, #f2f6ff 100%);
  border:1px solid #dde3f4;
  box-shadow: 0 2px 6px rgba(16,38,125,.08);
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.site-nav a:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(16,38,125,.16);
  background: linear-gradient(180deg, #ffffff 0%, #eaf1ff 100%);
}
.site-nav .current_page_item > a,
.site-nav .current-menu-item > a {
  background: #0b57d0;
  color:#fff;
  border-color:#0b57d0;
  box-shadow: 0 6px 14px rgba(11,87,208,.25);
}
/* Kill bullets everywhere in header just in case */
.site-header ul, .site-header ol { list-style:none !important; margin:0; padding:0; }
.site-header li::marker { content:none; }


/* ===== v12 ULTIMATE NAV FIX ===== */
/* Kill bullets anywhere up top */
.site-header ul, .site-header ol { list-style:none !important; margin:0; padding:0; }
.site-header li::marker { content:none; }

/* Force ANY nav list in header to be horizontal */
.site-header nav ul,
.site-header nav ol,
.site-header .menu,
.site-header .menu-list,
.site-header .page-menu {
  display:flex !important;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center !important;
  align-items:center;
  margin:0;
  padding:8px 0;
}
.site-header nav li,
.site-header .menu > li,
.site-header .menu-list > li,
.site-header .page_item { display:inline-flex !important; }

/* Button look for all links in header nav */
.site-header nav a,
.site-header .menu a,
.site-header .menu-list a {
  display:inline-block;
  padding:10px 14px;
  border-radius:999px;
  text-decoration:none;
  color:#0f1a2b;
  background: linear-gradient(180deg, #ffffff 0%, #f2f6ff 100%);
  border:1px solid #dde3f4;
  box-shadow: 0 2px 6px rgba(16,38,125,.08);
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.site-header nav a:hover,
.site-header .menu a:hover,
.site-header .menu-list a:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(16,38,125,.16);
  background: linear-gradient(180deg, #ffffff 0%, #eaf1ff 100%);
}
.site-header .current_page_item > a,
.site-header .current-menu-item > a {
  background: #0b57d0;
  color:#fff;
  border-color:#0b57d0;
  box-shadow: 0 6px 14px rgba(11,87,208,.25);
}

/* Keep hero non-sticky */
.hero, .hero-inner, .hero-search, .search-input { position: static !important; }


/* ===== v13 NAV ENFORCER ===== */
/* 1) Remove bullets & margins on ANY list inside header top area */
.site-header ul, .site-header ol { list-style:none !important; margin:0 !important; padding:0 !important; }
.site-header li::marker { content:none; }

/* 2) If a raw <ul> is printed (categories/pages), force it to become the menu row */
.site-header .container > ul,
.site-header .brand + ul,
.site-header > ul {
  display:flex !important; gap:10px !important; justify-content:center !important; flex-wrap:wrap !important;
  padding:8px 0 !important;
}

/* 3) Normalize list items that WP prints for categories/pages */
.site-header .cat-item,
.site-header .page_item,
.site-header .menu-item,
.site-header .menu > li,
.site-header .menu-list > li { display:inline-flex !important; }

/* 4) Button style for ANY anchor inside header lists */
.site-header .container > ul a,
.site-header .brand + ul a,
.site-header nav a,
.site-header .menu a,
.site-header .menu-list a {
  display:inline-block; padding:10px 14px; border-radius:999px; text-decoration:none;
  color:#0f1a2b; background: linear-gradient(180deg, #ffffff 0%, #f2f6ff 100%);
  border:1px solid #dde3f4; box-shadow: 0 2px 6px rgba(16,38,125,.08);
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.site-header .container > ul a:hover,
.site-header .brand + ul a:hover,
.site-header nav a:hover,
.site-header .menu a:hover,
.site-header .menu-list a:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(16,38,125,.16);
  background: linear-gradient(180deg, #ffffff 0%, #eaf1ff 100%);
}

/* 5) Active state */
.site-header .current-cat > a,
.site-header .current_page_item > a,
.site-header .current-menu-item > a {
  background:#0b57d0; color:#fff; border-color:#0b57d0; box-shadow:0 6px 14px rgba(11,87,208,.25);
}


/* v14: search engine vibe */
.results { max-width: 820px; margin: 18px auto; }
.result { border-bottom: 1px solid #eef1f6; padding: 14px 0; }
.result .meta { color:#0f9d58; } /* green-ish host line */
.hero-title { font-weight: 800; letter-spacing: .3px; }


/* v15: numbered pagination */
.pagination { display:flex; justify-content:center; align-items:center; gap:8px; margin:24px 0; flex-wrap:wrap; }
.pagination a, .pagination span {
  display:inline-block; padding:8px 12px; border:1px solid #dde3f4; border-radius:10px; text-decoration:none;
  background:#fff; color:#0f1a2b;
}
.pagination .current { background:#0b57d0; color:#fff; border-color:#0b57d0; }
.pagination .dots { border-color:transparent; background:transparent; }


/* v16: erişilebilirlik + liste meta */
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.result .post-meta { font-size:12px; color:#666; margin-bottom:4px; }
.single-nav { display:flex; justify-content:space-between; gap:8px; margin:24px 0; }
.single-nav a { padding:8px 12px; border:1px solid #dde3f4; border-radius:10px; text-decoration:none; }


/* v17: Related posts */
.related {
  margin-top: 28px;
}
.related h2 {
  font-size: 20px;
  margin: 0 0 12px;
}
.related-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
}
.related-item {
  border:1px solid #eef0f6;
  border-radius: 12px;
  padding: 10px;
  background:#fff;
  box-shadow: 0 6px 18px rgba(20,41,102,.05);
}
.related-item h3 {
  font-size: 16px;
  margin: 8px 0 0;
  line-height: 1.35;
}
.related-item a { text-decoration: none; }


/* accessibility util removed */


:focus-visible { outline: 2px dashed #0b57d0; outline-offset: 2px; }


/* v19: disable sticky header/title/menu */
.header-elevated { position: static !important; box-shadow: none; }
.site-header, .site-nav { position: static !important; }


/* v21: Video/Embed taşma düzeltmeleri */
.entry-content, .results { overflow-wrap: anywhere; }
.entry-content img, .entry-content video { max-width:100%; height:auto; }

/* AMP komponentleri içerikte taşmasın */
.entry-content amp-youtube,
.entry-content amp-video,
.entry-content amp-iframe {
  max-width:100%;
  display:block;
  margin:12px auto;
}

/* Gutenberg geniş hizalamaları kapsayıcıya sığsın */
.entry-content .alignwide,
.entry-content .alignfull,
.entry-content .wp-block-embed.alignwide,
.entry-content .wp-block-embed.alignfull,
.entry-content .wp-block-video.alignwide,
.entry-content .wp-block-video.alignfull {
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Gömülü blokların sarmalayıcısı */
.entry-content .wp-block-embed,
.entry-content .wp-block-video {
  max-width:100%;
}

/* YouTube/Vimeo kapsayıcıları */
.entry-content .wp-block-embed__wrapper {
  max-width:100%;
}

/* Güvenli padding */
.entry-content figure { margin: 12px 0; }