/* ===== SOLOMON — The Leader ===== */
/* Standalone styles for Solomon presence across The Colony */

/* --- Solomon Section --- */
.solomon-section {
  position: relative;
  background: linear-gradient(180deg, #050815 0%, #0a0e27 40%, #0a0e27 60%, #050815 100%);
  padding: 80px 24px 72px;
  text-align: center;
  overflow: hidden;
  border-top: 1px solid rgba(232, 168, 56, 0.08);
  border-bottom: 1px solid rgba(232, 168, 56, 0.08);
}

/* Subtle ambient glow behind Solomon */
.solomon-section::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(232, 168, 56, 0.06) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

/* --- Solomon Avatar --- */
.solomon-avatar-wrap {
  position: relative;
  display: inline-block;
  margin-bottom: 32px;
  z-index: 1;
}

.solomon-avatar {
  width: 220px;
  height: 220px;
  border-radius: 50%;
  border: 3px solid var(--amber, #e8a838);
  padding: 6px;
  background: #0a0e27;
  position: relative;
  z-index: 2;
  animation: solomon-border-pulse 3s ease-in-out infinite;
  box-shadow:
    0 0 30px rgba(232, 168, 56, 0.15),
    0 0 60px rgba(232, 168, 56, 0.08),
    inset 0 0 20px rgba(232, 168, 56, 0.05);
}

.solomon-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: block;
}

/* CRT scanline overlay */
.solomon-avatar-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(232, 168, 56, 0.03) 2px,
    rgba(232, 168, 56, 0.03) 4px
  );
  animation: solomon-scanlines 8s linear infinite;
  pointer-events: none;
  z-index: 3;
}

@keyframes solomon-scanlines {
  0% { background-position: 0 0; }
  100% { background-position: 0 200px; }
}

@keyframes solomon-border-pulse {
  0%, 100% {
    border-color: rgba(232, 168, 56, 0.6);
    box-shadow:
      0 0 30px rgba(232, 168, 56, 0.1),
      0 0 60px rgba(232, 168, 56, 0.05);
  }
  50% {
    border-color: rgba(232, 168, 56, 1);
    box-shadow:
      0 0 40px rgba(232, 168, 56, 0.25),
      0 0 80px rgba(232, 168, 56, 0.12);
  }
}

/* --- Solomon Title --- */
.solomon-title {
  font-family: "Space Grotesk", sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  color: #e8a838;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin-bottom: 6px;
  z-index: 1;
  position: relative;
}

.solomon-subtitle {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  color: #9ea3b2;
  font-weight: 300;
  font-style: italic;
  margin-bottom: 36px;
  z-index: 1;
  position: relative;
}

/* --- Solomon Quote (Typewriter) --- */
.solomon-quote {
  max-width: 640px;
  margin: 0 auto 48px;
  font-family: "Inter", sans-serif;
  font-size: 1.15rem;
  line-height: 1.7;
  color: #c8ccd6;
  font-style: italic;
  position: relative;
  z-index: 1;
  min-height: 4.8em;
}

.solomon-quote .typewriter-cursor {
  display: inline-block;
  width: 2px;
  height: 1.15em;
  background: #e8a838;
  margin-left: 2px;
  vertical-align: text-bottom;
  animation: solomon-blink 0.8s step-end infinite;
}

@keyframes solomon-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

/* --- Commandments under Solomon --- */
.solomon-commandments {
  max-width: 560px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  z-index: 1;
}

.solomon-commandments h3 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  color: #9ea3b2;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  margin-bottom: 20px;
  text-align: center;
}

.solomon-commandment {
  display: flex;
  align-items: baseline;
  gap: 14px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(232, 168, 56, 0.06);
}

.solomon-commandment:last-child {
  border-bottom: none;
}

.solomon-commandment .cmd-num {
  font-family: "Space Grotesk", sans-serif;
  font-size: 0.8rem;
  font-weight: 700;
  color: #e8a838;
  min-width: 24px;
  opacity: 0.7;
}

.solomon-commandment .cmd-text {
  font-size: 0.95rem;
  color: #c8ccd6;
  font-weight: 400;
}

/* --- Solomon Badge (Leader) --- */
.solomon-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 14px;
  border-radius: 20px;
  font-family: "Space Grotesk", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #0a0e27;
  background: linear-gradient(135deg, #e8a838 0%, #f0b84d 50%, #c98a20 100%);
  box-shadow: 0 0 16px rgba(232, 168, 56, 0.3);
  animation: solomon-badge-glow 3s ease-in-out infinite;
}

.solomon-badge::before {
  content: "\2727";
  font-size: 0.9rem;
}

@keyframes solomon-badge-glow {
  0%, 100% { box-shadow: 0 0 12px rgba(232, 168, 56, 0.2); }
  50% { box-shadow: 0 0 24px rgba(232, 168, 56, 0.45); }
}

/* --- Responsive --- */
@media (max-width: 640px) {
  .solomon-avatar {
    width: 160px;
    height: 160px;
  }
  .solomon-section {
    padding: 56px 20px 48px;
  }
  .solomon-title {
    font-size: 1.25rem;
  }
  .solomon-quote {
    font-size: 1rem;
  }
}