/*
 Theme Name: Counterstrike Risk Consulting Group v1.1 (with Logo)
 Theme URI: https://counterstrike-risk.com
 Author: Counterstrike Risk Consulting Group
 Author URI: https://counterstrike-risk.com
 Description: Gutenberg-first theme for Counterstrike. v1.1 adds embedded logo and dark gradient header. WooCommerce-ready.
 Version: 1.1
 Requires at least: 6.0
 Tested up to: 6.6
 Requires PHP: 7.4
 Tags: custom-logo, custom-menu, featured-images, e-commerce, gutenberg, responsive-layout
 Text Domain: counterstrike
 License: GPLv2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{
  --cs-black:#111111;
  --cs-gray:#6b7280;
  --cs-light:#f5f5f5;
  --cs-white:#ffffff;
  --cs-accent:#e5e7eb;
  --cs-gold:#b38b2e;
  --cs-header-from:#1f1f23;
  --cs-header-to:#2b2f35;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--cs-black);background:#fff;line-height:1.6}
a{color:var(--cs-black);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1200px;margin:0 auto;padding:0 1rem}

/* Header */
.header{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 0;border-bottom:1px solid var(--cs-accent);position:sticky;top:0;background:linear-gradient(180deg,var(--cs-header-from),var(--cs-header-to));z-index:10}
.header .branding{display:flex;align-items:center;gap:.75rem;color:var(--cs-white)}
.header .branding a{color:var(--cs-white)}
.branding img{height:44px;width:auto;border-radius:.25rem;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.site-title{display:block;font-weight:700;line-height:1.1}
.site-desc{display:block;font-size:12px;opacity:.85}

.nav ul{margin:0;padding:0;list-style:none;display:flex;gap:1rem;flex-wrap:wrap}
.nav a{color:#e9e9e9}
.nav a:hover{color:#ffffff}

/* Hero / Sections */
.hero{padding:4rem 0 2rem 0;background:linear-gradient(180deg,#fff, #f8f8f8)}
.hero h1{font-size:clamp(28px,4vw,44px);margin:.2em 0}
.hero p{font-size:clamp(16px,2.2vw,20px);color:var(--cs-gray);max-width:900px}
.cta-row{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.25rem}
.btn{display:inline-block;padding:.8rem 1.2rem;border:1px solid var(--cs-black);border-radius:.75rem;background:#fff;color:#111}
.btn.primary{background:var(--cs-black);color:#fff}

.grid{display:grid;gap:1rem}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{padding:1.1rem;border:1px solid var(--cs-accent);border-radius:1rem;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.04)}

.section{padding:2.5rem 0}
.section h2{font-size:clamp(22px,3vw,30px);margin:0 0 1rem 0}

.footer{border-top:1px solid var(--cs-accent);padding:1.5rem 0;margin-top:2rem;color:var(--cs-gray);font-size:14px}
.motto{display:block;margin-top:.35rem;color:var(--cs-gold);font-weight:600}

@media (max-width:900px){.grid.cols-3{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.grid.cols-3{grid-template-columns:1fr}}

/* WooCommerce light tweaks */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button{border-radius:.6rem;padding:.7rem 1rem}
.woocommerce div.product .product_title{font-weight:700}