
/* ForgeZA Blacksmith Aesthetic */
:root{
  --coal:#0b0d10;
  --iron:#1f232a;
  --steel:#2d333b;
  --smoke:#6b7280;
  --ember:#ff6f19;
  --molten:#ffae3d;
  --forge-blue:#108ac4;
  --ring:#2a2f36;
}

body{
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(255,110,25,.10), transparent 60%),
    radial-gradient(1000px 500px at 90% 10%, rgba(255,174,61,.06), transparent 55%),
    linear-gradient(180deg, var(--coal), #0e1114 60%, var(--iron));
  color:#e6e9ed;
}

/* Subtle metal noise */
*{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}

.wp-block-group.forge-slab,
.forge-card{
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)) , #15181d;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.03);
  backdrop-filter: blur(2px);
  padding: clamp(16px, 2vw, 28px);
}

.forge-hero{
  position:relative;
  overflow:hidden;
  border-radius: 20px;
  padding: clamp(32px, 5vw, 72px);
  background:
    radial-gradient(800px 240px at 30% -10%, rgba(255,110,25,.20), transparent 80%),
    radial-gradient(900px 280px at 70% -10%, rgba(255,174,61,.15), transparent 80%),
    linear-gradient(180deg, #12161b, #0f1216 60%, #0d1014);
  border: 1px solid rgba(255,255,255,.06);
}
.forge-hero h1, .forge-hero h2{letter-spacing:.5px;line-height:1.05;}
.forge-hero .tag{
  display:inline-block;
  font-size:.8rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:.4rem .7rem;
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  background: rgba(255,255,255,.02);
}

.ember-btn .wp-element-button,
.wp-block-button.ember-btn .wp-block-button__link{
  border-radius: 999px;
  padding: .85rem 1.2rem;
  background: linear-gradient(90deg, var(--ember), var(--molten));
  color:#0b0d10 !important;
  border: 0;
  box-shadow: 0 8px 20px rgba(255,110,25,.35);
  transition: transform .15s ease, box-shadow .2s ease, filter .2s ease;
  font-weight:700;
}
.ember-btn .wp-element-button:hover,
.wp-block-button.ember-btn .wp-block-button__link:hover{
  transform: translateY(-1px);
  filter: brightness(1.05);
  box-shadow: 0 12px 28px rgba(255,110,25,.45);
}
.ghost-btn .wp-element-button,
.wp-block-button.ghost-btn .wp-block-button__link{
  border-radius: 999px;
  padding: .85rem 1.2rem;
  background: transparent;
  border: 1px solid rgba(255,255,255,.16);
  color:#e6e9ed !important;
}
.ghost-btn .wp-element-button:hover{background: rgba(255,255,255,.06);}

.grid-3{
  display:grid;
  gap: clamp(14px, 2vw, 24px);
  grid-template-columns: repeat(3, minmax(0,1fr));
}
@media (max-width: 900px){ .grid-3{grid-template-columns:1fr;} }
.icon{width:28px;height:28px;display:inline-block;margin-right:8px;vertical-align:middle;}

/* Pricing */
.forge-pricing .tier{
  display:flex;flex-direction:column;gap:14px;
}
.forge-pricing .featured{
  border:1px solid rgba(255,174,61,.35);
  box-shadow: 0 8px 30px rgba(255,174,61,.12);
}
.price{
  font-size: clamp(28px, 4.2vw, 40px);
  font-weight:800;
  letter-spacing:.2px;
  background: linear-gradient(90deg, #fff, #f6e7d6);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.smallprint{opacity:.7;font-size:.9rem}

/* Accent underlines */
.accent-underline{
  background: linear-gradient(90deg, var(--ember), var(--molten));
  height:3px;width:64px;border-radius:2px;margin:.6rem 0 1.2rem 0;
}
