/*
Theme Name: EUBAY Minimal
Theme URI: https://eubay.eu
Author: EUBAY
Author URI: https://eubay.eu
Description: Prima variantă EUBAY – homepage cu hero și grid; paginile nu afișează titlul „Blog”.
Version: 1.3-fix
License: GPL-2.0-or-later
Text Domain: eubay
*/
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,"Noto Sans","Helvetica Neue",sans-serif; color:#0f172a; background:#f8fafc; }
.container { max-width:1200px; margin:0 auto; padding:0 20px; }
.topbar { background:#059669; color:#fff; font-size:14px; }
.topbar .container { display:flex; gap:12px; align-items:center; justify-content:center; padding:8px 20px; }
.header { position:sticky; top:0; z-index:50; background:rgba(255,255,255,.9); backdrop-filter:blur(8px); border-bottom:1px solid #e2e8f0; }
.header .container { display:flex; align-items:center; justify-content:space-between; padding:16px 20px; }
.brand { display:flex; align-items:center; gap:10px; font-weight:800; letter-spacing:.5px; text-decoration:none; color:#0f172a; }
.brand .logo { display:grid; place-content:center; width:40px; height:40px; border-radius:12px; background:#0f172a; color:#fff; }
.nav a { margin:0 10px; color:#475569; text-decoration:none; }
.nav a:hover { color:#0f172a; }
.btn { display:inline-block; border-radius:12px; padding:10px 16px; font-weight:600; text-decoration:none; }
.btn-outline { border:1px solid #cbd5e1; color:#0f172a; }
.btn-outline:hover { background:#f8fafc; }
.btn-primary { background:#059669; color:#fff; }
.btn-primary:hover { background:#047857; }
.btn-dark { background:#0f172a; color:#fff; }
.btn-dark:hover { background:#0b1429; }
.hero { position:relative; }
.hero img.bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.25; }
.hero .content { position:relative; padding:80px 0; display:grid; grid-template-columns:1fr; gap:40px; }
@media(min-width:900px){ .hero .content{ grid-template-columns:1fr 1fr; padding:100px 0; } }
.badge { display:inline-flex; align-items:center; gap:8px; padding:6px 12px; border-radius:999px; background:#d1fae5; color:#065f46; font-size:12px; border:1px solid #a7f3d0; }
.h1 { font-size:40px; line-height:1.15; font-weight:800; }
@media(min-width:900px){ .h1{ font-size:52px; } }
.muted { color:#334155; font-size:18px; }
.stack { display:flex; flex-wrap:wrap; gap:12px; }
.pills { display:flex; gap:20px; color:#475569; font-size:14px; margin-top:16px; }
.grid { display:grid; gap:20px; }
.grid-3 { grid-template-columns:1fr; }
@media(min-width:900px){ .grid-3{ grid-template-columns:repeat(3,1fr); } }
.card { background:#fff; border:1px solid #e2e8f0; border-radius:16px; overflow:hidden; box-shadow:0 2px 8px rgba(2,6,23,0.04); }
.card .body { padding:16px; }
.section { padding:60px 0; }
.section.gray { background:#f1f5f9; }
.section.gradient { background:linear-gradient(135deg,#059669,#047857); color:#fff; }
.footer { border-top:1px solid #e2e8f0; }
.footer .container { padding:28px 0; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.small { font-size:14px; color:#64748b; }
.center { text-align:center; }
.hero-thumb { border:1px solid rgba(255,255,255,.5); background:rgba(255,255,255,.7); border-radius:16px; overflow:hidden; }
.hero-thumb img { width:100%; height:160px; object-fit:cover; display:block; }
.countdown { font-weight:600; }
figure { margin:0; }