/*
 Theme Name:   GP Backlink Child
 Theme URI:    https://example.com/gp-backlink-child
 Description:  GeneratePress child theme optimized for Jasa Backlink Media landing page.
 Author:       Mochi
 Author URI:   https://example.com
 Template:     generatepress
 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:  gp-backlink-child
*/

/* Basic tweaks and CSS vars */
:root {
  --brand: #0ea5e9; /* sky-500 */
  --brand-2: #0369a1; /* sky-800 */
  --accent: #22c55e; /* green-500 */
  --bg-soft: #f1f5f9; /* slate-100 */
  --text: #0f172a; /* slate-900 */
  --muted: #475569; /* slate-600 */
  --radius: 16px;
  --shadow: 0 6px 24px rgba(2,6,23,.08);
}

body {
  color: var(--text);
}

.button, .gb-button, .gb-cta, .cta-btn {
  background: var(--brand);
  color: #fff;
  border-radius: var(--radius);
  padding: 12px 20px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: var(--shadow);
  transition: transform .08s ease, background .2s ease;
}
.button:hover, .gb-button:hover, .gb-cta:hover, .cta-btn:hover {
  background: var(--brand-2);
  transform: translateY(-1px);
}

.badge {
  display: inline-block;
  background: #e0f2fe;
  color: var(--brand-2);
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
}

.container {
  width: min(1100px, 92vw);
  margin-inline: auto;
}

.section {
  padding: 56px 0;
}

.card {
  background: #fff;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  border: 1px solid #e2e8f0;
}

.grid {
  display: grid;
  gap: 20px;
}

.grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 900px) {
  .grid-3 { grid-template-columns: 1fr; }
  .grid-2 { grid-template-columns: 1fr; }
}

/* FAQ */
.faq-item {
  border-bottom: 1px solid #e2e8f0;
}
.faq-q {
  cursor: pointer;
  padding: 18px 0;
  font-weight: 600;
  display:flex; justify-content: space-between; align-items:center;
}
.faq-a {
  display: none;
  padding: 0 0 18px 0;
  color: var(--muted);
}
.faq-item.open .faq-a { display: block; }

/* Pricing */
.price {
  font-size: 36px;
  font-weight: 800;
}
.price small {
  font-size: 14px;
  color: var(--muted);
  font-weight: 500;
}
.included li { 
  display:flex; gap:10px; align-items:flex-start; 
}
.included li:before { content: "✔"; }
*/