/*
Theme Name: DribbleFlow Lite
Theme URI:  https://dribbleflow.com
Author: DribbleFlow Team
Author URI: https://dribbleflow.com
Description: A lightweight, no-cost starter theme optimized for a FIFA 2026 hype site. Designed to work with Elementor and WP plugins.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dribbleflow-lite
Tags: one-column, custom-logo, featured-images, accessibility-ready, translation-ready
*/

/* Basic theme styles for the demo homepage */
body {
  font-family: "Helvetica Neue", Arial, sans-serif;
  color: #111827;
  margin: 0;
  background: #0b1220;
}

a { color: #2e8be6; text-decoration: none; }
.site-header { background: transparent; padding: 20px 40px; display:flex; align-items:center; justify-content:space-between; }
.site-title { color: #ffffff; font-weight:700; font-size:24px; letter-spacing:1px; }
.site-nav a { color: #e6eef9; margin-left:18px; font-weight:600; }

.hero {
  min-height: 600px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background-image: linear-gradient(rgba(3,7,12,0.6), rgba(3,7,12,0.6)), url('screenshot.png');
  background-size: cover;
  color: #fff;
  padding: 80px 20px;
}

.countdown-number { font-size:140px; font-weight:700; margin:0; line-height:0.9; }
.countdown-sub { font-size:26px; margin-top:10px; opacity:0.85; }

.cta-row { margin-top:30px; display:flex; gap:18px; justify-content:center; flex-wrap:wrap; }
.button-primary { background:#2e8be6; color:#fff; padding:14px 28px; border-radius:8px; font-weight:700; }
.button-ghost { border:2px solid rgba(255,255,255,0.15); color:#fff; padding:12px 26px; border-radius:8px; }

.container { max-width:1100px; margin: 60px auto; padding: 0 20px; color:#e6eef9; }
.section-title { font-size:28px; color:#ffffff; margin-bottom:16px; font-weight:700; }

.posts-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap:20px; }
.post-card { background: rgba(255,255,255,0.03); padding:14px; border-radius:10px; }

.footer { background:#071023; color:#9fb1ce; padding:28px 20px; text-align:center; margin-top:40px; }
@media (max-width:768px) {
  .countdown-number { font-size:64px; }
  .hero { padding:60px 20px; }
}