/* ===== StrideConnect - Starter WordPress Theme (Homepage + Assets) =====
   Updated: Homepage shows content (intro + info) and a single Login button redirecting to wp-login.php

   INSTALL:
   1. Create folder: wp-content/themes/strideconnect
   2. Create files named exactly as the markers below and paste the corresponding code.
   3. Activate the theme in WP Admin > Appearance > Themes.
*/

/* ---------- style.css ---------- */
/*
Theme Name: StrideConnect
Theme URI: https://tripstride.in/strideconnect
Author: Tripstride Travel
Author URI: https://tripstride.in
Description: StrideConnect starter theme — minimal B2B portal homepage with intro content and login button.
Version: 1.2
License: GNU General Public License v2 or later
Text Domain: strideconnect
*/

:root{
  --primary:#d05324;
  --charcoal:#2b2b2b;
}

html,body{height:100%;margin:0;font-family:'Open Sans',system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial; color:#222}

.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg, #ffffff 0%, #f7f8f9 100%);text-align:center;padding:40px}
.hero h1{font-family:'Poppins',sans-serif;font-size:34px;color:var(--charcoal);margin-bottom:18px}
.hero p{font-size:16px;color:#444;max-width:700px;margin:0 auto 25px}
.btn-primary{background:var(--primary);color:#fff;border:none;padding:14px 28px;border-radius:8px;font-weight:700;cursor:pointer;font-size:16px;text-decoration:none;display:inline-block}

.info-tiles{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:32px}
.tile{flex:1;min-width:220px;max-width:280px;background:#fff;padding:18px;border-radius:10px;box-shadow:0 6px 18px rgba(43,43,43,0.06);text-align:left}
.tile h4{margin:0 0 8px;font-size:16px;color:var(--charcoal)}
.tile p{margin:0;font-size:14px;color:#555}

.site-footer{padding:18px 30px;text-align:center;color:#666;font-size:13px}