/*
Theme Name: 828 TCG
Theme URI: https://828tcg.store/
Description: Branded 828 TCG child theme. Requires the Divi parent theme, version 5 or newer. Includes an original trading-card graphic and optional brand utility classes.
Author: 828 TCG
Author URI: https://828tcg.store/
Template: Divi
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tcg828
*/

/* Opt-in styles: add these classes in a Divi module's Advanced > CSS Class. */
:root {
  --tcg828-purple: #5b3bc2;
  --tcg828-lilac: #bdaaff;
  --tcg828-ink: #191927;
  --tcg828-paper: #f7f7fb;
}

.tcg828-panel {
  padding: clamp(24px, 4vw, 56px);
  border: 1px solid #e7e6ef;
  border-radius: 18px;
  background: var(--tcg828-paper);
  color: var(--tcg828-ink);
}

.tcg828-hero {
  padding: clamp(28px, 5vw, 72px);
  border-radius: 20px;
  background: radial-gradient(ellipse at 90% 90%, #4d3385, transparent 60%), #1e1a31;
  color: #fff;
}

.tcg828-hero :is(h1, h2, h3, h4, h5, h6, p) { color: inherit; }

.tcg828-button.et_pb_button,
a.tcg828-button {
  display: inline-block;
  padding: .8em 1.4em;
  border: 2px solid var(--tcg828-purple);
  border-radius: 9px;
  background: var(--tcg828-purple);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

.tcg828-button.et_pb_button:hover,
a.tcg828-button:hover { background: #49309d; border-color: #49309d; color: #fff; }
.tcg828-button:focus-visible { outline: 3px solid var(--tcg828-lilac); outline-offset: 4px; }