/*
Theme Name: Greenpeace Planet 4 USA Theme
Theme URI: https://github.com/greenpeace/planet4-child-theme-usa
Description: Planet 4 child theme for USA
Author: Greenpeace USA
Author URI: https://github.com/greenpeace
Template: planet4-master-theme
Version: 0.2.10
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: light, accessibility-ready
Text Domain: planet4-child-theme-usa
*/

/* We need to re-assign this property since it's being overridden by at */
.footer-menu .list-unstyled {
  line-height: var(--line-height-m--font-family-tertiary);
}

/* Override styles from EveryAction Form Embeds */
.at p {
  color: var(--color-text-body) !important;
  font-family: var(--body--font-family) !important;
}

.at a {
  color: inherit !important;
}

.at-title {
  font-family: var(--font-family-heading) !important;
  font-weight: inherit !important;
}

.at form .label-amount > a,
.at form .label-amount input:required {
  background-color: var(--gp-green-500) !important;
}

.at form .label-amount input:required {
  border-color: var(--gp-green-600) !important;
}

.at .error,
.at .error input:required::placeholder {
  color: var(--color-text--error) !important;
}

.at .error input:required {
  border-color: var(--color-text--error) !important;
}

.at .at-step.active.invalid > ::before {
  background-color: var(--color-text--error) !important;
  border-color: var(--color-text--error) !important;
}

.at .error input:required:focus {
  box-shadow: 0 0 5px var(--red-100) !important;
}

.at .at-row > label {
  font-size: 1rem !important;
  font-weight: var(--font-weight-semibold) !important;
}

.at-form-submit .btn-at,
.at-form-submit .btn-at:focus,
.at .btn-at-primary:active {
  color: var(--color-text-button--primary) !important;
}

.at-form-submit .btn-at:focus,
.at .btn-at-primary:active {
  box-shadow: 0 0 4px 0 var(--grey-900) !important;
}

.at .btn-at.submitStep,
.at .btn-at.nextStep {
  background-color: var(--color-background-button--cta) !important;
  color: var(--color-text-button--cta) !important;
  font-family: var(--font-family-button) !important;
}

[id^=NVTag]:has(+ footer):has(> [id^=NVSignupForm]) {
  max-width: 100vw !important;
  background: linear-gradient(rgba(255,255,255,.85), rgba(255,255,255,.85)), url("https://www.greenpeace.org/static/planet4-usa-stateless/2024/11/49e85fc0-gp0str3iq.jpg") !important;
}

.at:has(div[id^=NVSignupForm]) .btn-at.at-submit {
  background-color: var(--p4-dark-green-800) !important;
  color: var(--white) !important;
  font-family: var(--font-family-button) !important;
}

.at div[id^=NVSignupForm] .at-inner {
  background-color: transparent !important;
  max-width: 910px;
  margin: auto;
}

.at .SmsLegalDisclaimer p {
  font-size: 1.1rem;
  line-height: 150%;
}

.at .thankYou {
  padding: 24px;
  text-align: center;
}

.at .thankYou p {
  margin: 0 !important;
}

/**
  This media query is set by the at library
*/
@media (max-width: calc(480px)) {
  .at .at-row {
    margin-bottom: 1rem !important;
  }
}