/*
 Theme Name: 77t Child
 Theme URI: https://www.77t.co.uk/
 Description: Design-forward child theme for 77t on GeneratePress. Adds gradients, cards, utilities, and section dividers.
 Author: 77t
 Author URI: https://www.77t.co.uk/
 Template: generatepress
 Version: 1.0.3
 Text Domain: 77t
*/

/* Root variables (mirrors theme.json palette) */
:root{
  --77t-primary:#0B5FFF;
  --77t-ink:#101828;
  --77t-aqua:#00C2A8;
  --77t-bg:#F5F7FB;
  --77t-white:#ffffff;
  --77t-muted:#EEF2F6;
  --77t-card:#ffffff;
  --77t-shadow:0 10px 30px rgba(16,24,40,.08);
}

/* Layout containers */
.container{max-width:1120px;margin:0 auto;padding:0 20px;}

/* Fancy hero */
.section-hero{
  background: radial-gradient(1200px 600px at 70% -10%, rgba(11,95,255,.30), transparent 60%),
              linear-gradient(180deg, #F8FAFF 0%, #EEF6FE 100%);
  position: relative;
  overflow: hidden;
}
.section-hero .hero-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;padding:64px 0;}
@media (max-width: 900px){ .section-hero .hero-inner{grid-template-columns:1fr;gap:24px;} }

/* Wave divider */
.wave-divider{display:block;width:100%;height:60px;background:linear-gradient(to right, #0B5FFF, #00C2A8);-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox=\"0 0 1440 100\"><path fill=\"white\" d=\"M0,64L48,69.3C96,75,192,85,288,96C384,107,480,117,576,117.3C672,117,768,107,864,117.3C960,128,1056,160,1152,170.7C1248,181,1344,171,1392,165.3L1440,160L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z"/></svg>') center/cover no-repeat;mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100"><path fill="white" d="M0,64L48,69.3C96,75,192,85,288,96C384,107,480,117,576,117.3C672,117,768,107,864,117.3C960,128,1056,160,1152,170.7C1248,181,1344,171,1392,165.3L1440,160L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0,192,0,96,0,48,0L0,0Z"/></svg>') center/cover no-repeat;}

/* Cards */
.card{
  background:var(--77t-card);
  border:1px solid var(--77t-muted);
  border-radius:16px;
  box-shadow:var(--77t-shadow);
  padding:20px;
}
.card h3{margin-top:0}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;text-decoration:none;font-weight:600}
.btn-primary{background:var(--77t-primary);color:#fff}
.btn-outline{border:1px solid var(--77t-primary);color:var(--77t-primary);background:transparent}

/* Feature grid */
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width: 900px){ .features{grid-template-columns:1fr;} }
.feature{background:#fff;border:1px solid var(--77t-muted);border-radius:14px;padding:16px}

/* Pricing tiles */
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width: 900px){ .pricing{grid-template-columns:1fr;} }
.price-tile{background:#fff;border:1px solid var(--77t-muted);border-radius:16px;padding:20px;box-shadow:var(--77t-shadow)}

/* Testimonial row */
.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width: 900px){ .testimonials{grid-template-columns:1fr;} }
.quote{background:#fff;border-left:4px solid var(--77t-aqua);padding:16px;border-radius:10px}

/* Footer accent */
.site-footer{background: linear-gradient(180deg, #111827 0%, #0B1221 100%);}