/*
Theme Name: Powertrade Divi Child
Theme URI: https://powertradeenergy.com/
Description: Divi 5 child theme for Powertrade Energy redesign. Requires Divi theme activated.
Author: Powertrade Energy
Template: Divi
Version: 1.0.1
*/

:root {
  /* Powertrade logo-derived palette */
  --pte-indigo: #41418C;
  --pte-lime: #C1D830;
  --pte-green: #9AB728;
  --pte-olive: #829D3E;
  --pte-ink: #25254F;
  --pte-soft: #F5F8EA;
  --pte-text: #263044;
  --pte-white: #FFFFFF;

  /* Backwards-compatible aliases used by starter content */
  --pte-navy: var(--pte-ink);
  --pte-blue: var(--pte-indigo);
  --pte-electric: var(--pte-green);
  --pte-gold: var(--pte-lime);
  --pte-steel: var(--pte-soft);
}

body { color: var(--pte-text); }
a { color: var(--pte-indigo); }

.pte-button, .et_pb_button.pte-button {
  display: inline-block;
  background: var(--pte-lime);
  color: var(--pte-ink) !important;
  border-radius: 999px;
  padding: 13px 22px;
  font-weight: 700;
  text-decoration: none;
}

.pte-button.secondary { background: transparent; color: #fff !important; border: 1px solid rgba(255,255,255,.65); }

.pte-section { padding: 72px 24px; }
.pte-container { max-width: 1180px; margin: 0 auto; }
.pte-grid { display: grid; gap: 24px; }
.pte-grid-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.pte-grid-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.pte-card { background: #fff; border: 1px solid rgba(65,65,140,.12); border-radius: 18px; padding: 28px; box-shadow: 0 12px 36px rgba(37,37,79,.08); }
.pte-card h3 { color: var(--pte-indigo); }
.pte-kicker { color: var(--pte-green); font-weight: 800; letter-spacing: .1em; text-transform: uppercase; font-size: 12px; }
.pte-hero {
  background:
    radial-gradient(circle at top left, rgba(193,216,48,.32), transparent 28%),
    radial-gradient(circle at top right, rgba(154,183,40,.20), transparent 34%),
    linear-gradient(135deg, var(--pte-ink), var(--pte-indigo) 70%, #2F306D);
  color: #fff;
  padding: 108px 24px;
  position: relative;
  overflow: hidden;
}
.pte-hero::after {
  content: "";
  position: absolute;
  right: -90px;
  top: -130px;
  width: 380px;
  height: 380px;
  border: 18px solid rgba(193,216,48,.28);
  border-radius: 50%;
}
.pte-hero .pte-container { position: relative; z-index: 1; }
.pte-hero h1 { color: #fff; font-size: clamp(40px, 6vw, 72px); line-height: 1.02; margin: 14px 0 20px; max-width: 920px; }
.pte-hero p { color: rgba(255,255,255,.86); font-size: 20px; max-width: 760px; }
.pte-stat { font-size: 42px; font-weight: 900; color: var(--pte-indigo); }
.pte-band { background: var(--pte-steel); }
.pte-dark { background: var(--pte-navy); color: #fff; }
.pte-dark h2, .pte-dark h3 { color: #fff; }
.pte-list { padding-left: 18px; }
.pte-list li { margin-bottom: 8px; }
.pte-footer-cta { background: linear-gradient(135deg, var(--pte-indigo), var(--pte-ink)); color: #fff; border-radius: 22px; padding: 42px; border-top: 5px solid var(--pte-lime); }

@media (max-width: 880px) {
  .pte-grid-2, .pte-grid-3 { grid-template-columns: 1fr; }
  .pte-section { padding: 48px 18px; }
  .pte-hero { padding: 76px 20px; }
}