/*
Theme Name: Rate Child (Pro)
Theme URI: https://rate.hu/
Author: Attila / ChatGPT
Description: v1.4.2 – Hírek 3 oszlop: 100 karakter kivonat, egységes kártyamagasság, alul „Tovább” gomb. Fix topbar + nyelvváltó megmarad.
Template: twentytwentyfive
Version: 1.4.2
Text Domain: rate-child-pro
*/

:root { --rate-gap: 20px; --rate-radius: 14px; --rate-topbar-h: 56px; --rate-shadow: 0 6px 20px rgba(0,0,0,0.08); }
.rate-container { max-width: 1280px; margin: 0 auto; padding: 0 16px; }
body { padding-top: var(--rate-topbar-h); }
.admin-bar body { padding-top: calc(var(--rate-topbar-h) + 32px); }

/* ====== HOMEPAGE GRID (unchanged) ====== */
.rate-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--rate-gap); margin: 20px 0 40px 0; }
@media (max-width: 900px) { .rate-grid { grid-template-columns: 1fr; } }
.rate-card { background:#fff; border-radius: var(--rate-radius); box-shadow: 0 2px 8px rgba(0,0,0,0.06); padding:16px; overflow:hidden; }
.rate-card h2 { margin: 0 0 8px 0; font-size: 22px; }
.rate-embed, .tradingview-widget-container { width:100%; height:560px; }
.rate-actions { display:flex; gap:10px; align-items:center; justify-content:flex-end; margin-bottom:8px; }
.rate-btn { border:1px solid #e3e8ef; background:#fff; border-radius:999px; padding:6px 12px; font-size:14px; cursor:pointer; }
.rate-btn:hover { background:#f6f7f9; }

/* ====== FIXED TOPBAR (unchanged) ====== */
.rate-topbar { position:fixed; top:0; left:0; right:0; height:var(--rate-topbar-h); z-index:9999; background:#fff; border-bottom:1px solid #e5e7eb; display:flex; align-items:center; transition: box-shadow .2s ease; }
.rate-topbar.scrolled { box-shadow: 0 4px 20px rgba(0,0,0,0.06); }
.admin-bar .rate-topbar { top:32px; }
.rate-topbar-inner { display:flex; align-items:center; justify-content:space-between; max-width:1280px; margin:0 auto; padding:0 16px; width:100%; }
.rate-brand { font-weight:700; font-size:20px; color:#0b63f6; text-decoration:none; }
.rate-menu { display:flex; gap:18px; flex-wrap:wrap; align-items:center; }
.rate-menu a { text-decoration:none; color:#111827; padding:6px 8px; border-radius:8px; }
.rate-menu a:hover { background:#f3f4f6; }
.rate-lang { display:flex; gap:10px; align-items:center; margin-left:10px; }
.rate-lang a { display:inline-flex; align-items:center; gap:6px; text-decoration:none; padding:6px 10px; border-radius:999px; border:1px solid #e3e8ef; background:#fff; font-size:13px; line-height:1; }
.rate-lang a:hover { background:#f6f7f9; }
.rate-lang a.active { border-color:#0b63f6; box-shadow: 0 0 0 3px rgba(11,99,246,0.08); }

/* Dark mode (unchanged) */
html.rate-dark body { background:#0b1220; color:#e6eaf2; }
html.rate-dark .rate-card { background:#121a2b; box-shadow:0 2px 8px rgba(0,0,0,0.4); }
html.rate-dark .rate-btn { background:#0f1626; color:#e6eaf2; border-color:#1f2740; }
html.rate-dark .rate-topbar { background:#0f1626; border-bottom-color:#1f2740; }
html.rate-dark .rate-brand { color:#7db3ff; }
html.rate-dark .rate-menu a { color:#e6eaf2; }
html.rate-dark .rate-menu a:hover { background:#151f34; }
html.rate-dark .rate-lang a { background:#0f1626; color:#e6eaf2; border-color:#1f2740; }
html.rate-dark .rate-lang a:hover { background:#151f34; }
html.rate-dark .rate-topbar.scrolled { box-shadow: 0 4px 20px rgba(0,0,0,0.4); }

/* Hide native block navigation */
body.rate-hide-native-nav .wp-site-blocks header .wp-block-navigation,
body.rate-hide-native-nav .wp-block-template-part header .wp-block-navigation,
body.rate-hide-native-nav header .wp-block-navigation { display:none !important; }

/* ====== NEWS / BLOG 3-COLUMN CARDS ====== */
.blog .wp-block-post-template, .archive .wp-block-post-template, .search .wp-block-post-template {
  display:grid !important; grid-template-columns:repeat(3,1fr); gap:20px; list-style:none; padding:0;
}
@media (max-width: 1100px) { .blog .wp-block-post-template, .archive .wp-block-post-template, .search .wp-block-post-template { grid-template-columns:repeat(2,1fr); } }
@media (max-width: 640px) { .blog .wp-block-post-template, .archive .wp-block-post-template, .search .wp-block-post-template { grid-template-columns:1fr; } }

.blog .wp-block-post-template > li,
.archive .wp-block-post-template > li,
.search .wp-block-post-template > li {
  background:#fff; border:1px solid #eef1f5; border-radius:var(--rate-radius);
  box-shadow:0 1px 4px rgba(0,0,0,0.05);
  overflow:hidden; transition:transform .15s ease, box-shadow .15s ease;
  display:flex; flex-direction:column; min-height: 360px;
}
.blog .wp-block-post-template > li:hover,
.archive .wp-block-post-template > li:hover,
.search .wp-block-post-template > li:hover { transform:translateY(-2px); box-shadow:var(--rate-shadow); }

.blog .wp-block-post-featured-image img,
.archive .wp-block-post-featured-image img,
.search .wp-block-post-featured-image img { width:100%; height:200px; object-fit:cover; display:block; }

.blog .wp-block-post-title a,
.archive .wp-block-post-title a,
.search .wp-block-post-title a { font-size:18px; line-height:1.3; text-decoration:none; }

.blog .wp-block-post-excerpt,
.archive .wp-block-post-excerpt,
.search .wp-block-post-excerpt { font-size:14px; color:#4b5563; }

/* inner padding */
.blog .wp-block-post-content,
.archive .wp-block-post-content,
.search .wp-block-post-content { padding: 12px 16px 8px 16px; }

/* flexible filler to push footer down */
.rate-flex-fill { flex:1 1 auto; }

/* footer */
.rate-card-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; padding: 0 16px 14px 16px; margin-top:auto; }
.rate-meta { display:flex; gap:10px; align-items:center; font-size:12px; color:#6b7280; flex-wrap:wrap; }
.rate-readmore { margin-left:auto; }
.rate-readmore a { display:inline-block; padding:6px 10px; border-radius:999px; background:#0b63f6; color:#fff; text-decoration:none; font-size:13px; }
.rate-readmore a:hover { filter:brightness(0.95); }

/* Pagination */
.navigation.pagination, .wp-block-query-pagination { display:flex; align-items:center; justify-content:center; gap:8px; margin:28px 0; }
.page-numbers, .wp-block-query-pagination a, .wp-block-query-pagination span {
  display:inline-flex; min-width:36px; height:36px; align-items:center; justify-content:center;
  border-radius:10px; border:1px solid #e5e7eb; padding:0 10px; text-decoration:none; color:#111827; background:#fff;
}
.page-numbers.current, .wp-block-query-pagination .current { background:#0b63f6; color:#fff; border-color:#0b63f6; }
.page-numbers:hover, .wp-block-query-pagination a:hover { background:#f6f7f9; }