:root {
  --pp-navy: #1e2a3a;
  --pp-navy-2: #253347;
  --pp-gold: #c9a96e;
  --pp-gold-2: #e8c88a;
  --pp-text: rgba(255, 255, 255, 0.92);
  --pp-muted: rgba(255, 255, 255, 0.68);
  --pp-border: rgba(201, 169, 110, 0.28);
}

body.woocommerce-checkout,
body.woocommerce-account {
  background: var(--pp-navy);
  color: var(--pp-text);
}

.woocommerce-checkout #masthead,
.woocommerce-checkout .site-header,
.woocommerce-checkout .header-wrap,
.woocommerce-checkout .kadence-sticky-header {
  display: none !important;
}

.woocommerce-checkout .entry-hero,
.woocommerce-checkout .entry-header,
.woocommerce-checkout .page-header,
.woocommerce-checkout .hero-section-wrap,
.woocommerce-checkout .entry-hero-container,
.woocommerce-checkout .entry-hero-container-inner,
.woocommerce-checkout .page-title,
.woocommerce-account .entry-hero,
.woocommerce-account .entry-header,
.woocommerce-account .page-header,
.woocommerce-account .hero-section-wrap,
.woocommerce-account .entry-hero-container,
.woocommerce-account .entry-hero-container-inner {
  display: none !important;
}

.woocommerce-checkout .site-main,
.woocommerce-checkout .content-area,
.woocommerce-checkout .content-container,
.woocommerce-checkout .site-container,
.woocommerce-checkout .entry-content-wrap,
.woocommerce-account .site-main,
.woocommerce-account .content-area,
.woocommerce-account .content-container,
.woocommerce-account .site-container,
.woocommerce-account .entry-content-wrap {
  background: transparent !important;
  box-shadow: none !important;
}

.woocommerce-checkout .content-container,
.woocommerce-account .content-container {
  max-width: 1120px;
  padding-top: 64px;
  padding-bottom: 72px;
}

.woocommerce-checkout h1,
.woocommerce-checkout h2,
.woocommerce-checkout h3,
.woocommerce-account h1,
.woocommerce-account h2,
.woocommerce-account h3 {
  color: #fff;
}

.woocommerce-checkout table.shop_table,
.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td,
.woocommerce-account table.shop_table,
.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td {
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: var(--pp-text);
}

.woocommerce-checkout table.shop_table td,
.woocommerce-checkout table.shop_table td *,
.woocommerce-checkout table.shop_table .amount,
.woocommerce-checkout table.shop_table .woocommerce-Price-amount,
.woocommerce-checkout table.shop_table .woocommerce-Price-currencySymbol {
  color: var(--pp-text) !important;
}

.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-error,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error {
  background: var(--pp-navy-2) !important;
  border: 1px solid var(--pp-border) !important;
  border-left: 4px solid var(--pp-gold) !important;
  color: var(--pp-text) !important;
  box-shadow: none !important;
}

.woocommerce-checkout .woocommerce-info a,
.woocommerce-checkout .woocommerce-message a,
.woocommerce-checkout .woocommerce-error a,
.woocommerce-account a {
  color: var(--pp-gold-2);
}

.woocommerce-checkout #payment,
.woocommerce-checkout .woocommerce-checkout-payment,
.woocommerce-checkout .wc-block-checkout__payment-method,
.woocommerce-checkout .payment_box {
  background: var(--pp-navy-2) !important;
  color: var(--pp-text) !important;
  border: 1px solid var(--pp-border);
  border-radius: 12px;
}

.woocommerce-checkout .payment_box::before {
  border-bottom-color: var(--pp-navy-2) !important;
}

.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="tel"],
.woocommerce-account input[type="password"] {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #fff !important;
  border-radius: 8px !important;
}

.woocommerce-checkout label,
.woocommerce-checkout p,
.woocommerce-checkout .woocommerce-Price-amount,
.woocommerce-checkout .product-name,
.woocommerce-account label,
.woocommerce-account p {
  color: var(--pp-muted);
}

.woocommerce-checkout .woocommerce-privacy-policy-text,
.woocommerce-checkout .woocommerce-privacy-policy-text p,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper p {
  color: var(--pp-text) !important;
}

.woocommerce-checkout .site-main {
  padding-top: 0 !important;
}

.woocommerce-checkout .site-content,
.woocommerce-checkout #inner-wrap,
.woocommerce-checkout .content-bg {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.woocommerce-checkout button.button,
.woocommerce-checkout a.button,
.woocommerce-checkout #place_order,
.woocommerce-account button.button,
.woocommerce-account a.button {
  background: var(--pp-gold) !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: var(--pp-navy) !important;
  font-weight: 600;
  padding: 15px 24px !important;
}

.woocommerce-checkout button.button:hover,
.woocommerce-checkout a.button:hover,
.woocommerce-checkout #place_order:hover,
.woocommerce-account button.button:hover,
.woocommerce-account a.button:hover {
  background: var(--pp-gold-2) !important;
  color: var(--pp-navy) !important;
}

@media (max-width: 768px) {
  .woocommerce-checkout .content-container,
  .woocommerce-account .content-container {
    padding: 36px 20px 52px;
  }
}