/*
Theme Name: Traveling2Nexxt
Theme URI: https://example.com/traveling2nexxt
Author: Traveling2Nexxt
Author URI: https://www.traveling2nexxt.com
Description: A clean, lightweight travel affiliate theme for Traveling2Nexxt.com. Includes homepage hero, featured sections, and blog layout. Built for speed and simplicity.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: traveling2nexxt
Tags: blog, two-columns, right-sidebar, custom-logo, custom-menu, featured-images
*/

/* CSS Reset (minimal) */
* { box-sizing: border-box; }
html, body { margin:0; padding:0; }
body { font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; line-height:1.6; color:#222; background:#fff; }
a { color:#0070f3; text-decoration:none; }
a:hover { text-decoration:underline; }
img { max-width:100%; height:auto; display:block; }

.container { width: min(1100px, 92%); margin: 0 auto; }

header.site-header { position:sticky; top:0; z-index:50; background:#ffffffd9; backdrop-filter: saturate(1.2) blur(6px); border-bottom:1px solid #eee; }
.site-branding { display:flex; align-items:center; gap:14px; padding:14px 0; }
.site-title a { font-weight:800; font-size:1.35rem; color:#111; }
.site-description { color:#666; font-size:0.9rem; }

.main-nav ul { list-style:none; margin:0; padding:0; display:flex; gap:16px; flex-wrap:wrap; }
.main-nav a { padding:10px 8px; border-radius:10px; }
.main-nav a:hover, .main-nav .current-menu-item a { background:#f2f6ff; }

.hero { background: linear-gradient(135deg, #f0f7ff, #fff); }
.hero-inner { display:grid; grid-template-columns: 1.2fr 1fr; gap:28px; align-items:center; padding: 42px 0; }
.hero h1 { font-size: clamp(1.8rem, 2.5vw, 3rem); margin: 0 0 10px; }
.hero p { color:#444; margin:10px 0 18px; }
.btn { display:inline-block; padding:12px 18px; border-radius:999px; border:1px solid #0e5cff; background:#0e5cff; color:#fff; font-weight:600; }
.btn.outline { background:transparent; color:#0e5cff; }

.sections { padding: 28px 0; }
.section-title { margin: 0 0 14px; font-size:1.4rem; }
.grid-3 { display:grid; grid-template-columns: repeat(3, 1fr); gap:16px; }
.card { border:1px solid #eee; border-radius:16px; overflow:hidden; background:#fff; box-shadow: 0 4px 12px rgba(0,0,0,0.03); }
.card .card-body { padding:16px; }
.card h3 { margin:0 0 6px; font-size:1.1rem; }
.card p { margin:0; color:#555; }

.content { display:grid; grid-template-columns: 1fr 300px; gap:30px; }
.sidebar .widget { border:1px solid #eee; border-radius:14px; padding:16px; margin:0 0 16px; }
.widget-title { margin:0 0 10px; font-weight:700; }

.site-footer { margin-top:48px; background:#fafafa; border-top:1px solid #eee; }
.site-footer .footer-inner { padding:22px 0; color:#666; font-size:0.95rem; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; }

@media (max-width: 900px) {
  .hero-inner { grid-template-columns: 1fr; }
  .content { grid-template-columns: 1fr; }
  .grid-3 { grid-template-columns: 1fr; }
}