/*!
 Copyright (c) 2020, 2024, Oracle and/or its affiliates.
 */

:root {
  --color-purple: #522f7b;
  --color-orange: #f97316;
  --color-deep-purple: #3b185f;
  --color-light-bg: #f9f9fb;
  --color-dark-bg: #1a1a1a;
  --color-text-primary: #ffffff;
  --color-text-secondary: #e2e8f0;
}

/* Header Branding */
.t-Header-branding {
  padding: 1rem 2rem;
  background: linear-gradient(to right, var(--color-purple), var(--color-orange));
  color: var(--color-text-primary);
  font-size: 1.25rem;
  font-weight: 600;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Breadcrumb Region */
.t-BreadcrumbRegion-body {
  padding: 0.5rem 1rem;
}

/* Page Titles (Dark Mode) */
.rw-mode-body-header--dark .t-Body-title,
body:not([class*=rw-pillar--]).rw-mode-body-header--dark .t-Body-title {
  color: var(--color-text-primary);
  background-color: var(--color-deep-purple);
}

/* Hot Buttons */
.a-Button--hot,
.t-Button--hot,
.apex-button-group input:checked + label,
.ui-button--hot {
  background: linear-gradient(to right, var(--color-purple), var(--color-orange));
  color: var(--color-text-primary);
  border: none;
}

.a-Button--hot:hover,
.t-Button--hot:hover {
  background-color: var(--color-orange);
}

/* Success Buttons */
.t-Button--success {
  background-color: #1b5e20;
  color: #ffffff;
}
.t-Button--success:hover {
  background-color: #256029;
}

/* Footer */
footer {
  padding: 1rem;
  background-color: var(--color-dark-bg);
  color: var(--color-text-secondary);
  text-align: center;
}

/* Grid Menu Icon */
.icon-menu-grid {
  width: 1.25rem;
  height: 1.25rem;
  display: grid;
  place-items: center;
}
.icon-menu-grid::before {
  content: "";
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  background-color: currentColor;
  box-shadow:
    -6px -6px 0,
    0 -6px 0,
    6px -6px 0,
    -6px 0 0,
    6px 0 0,
    -6px 6px 0,
    0 6px 0,
    6px 6px 0;
  border-radius: 50%;
}

/* Remove default user icon */
.clear-avatar-icons .t-Avatar.t-Avatar--icon.fa-user:before {
  display: none;
}

/* Initiative Icon */
.initiative-icon {
  margin: 0 0.5rem 0.5rem 1rem;
  max-width: 40px;
}

/* Rounded Buttons */
.t-Button,
.t-Button--icon {
  border-radius: 50px;
}


.t-HeroRegion-icon
 {
    align-items: center;
    background-color: #fff;
 }