/*
Theme Name: HelpfulHub Calculator Child
Theme URI: https://calculator.helpfulhub.com/
Description: Astra child theme for HelpfulHub Calculator payment tools hub.
Author: HelpfulHub
Author URI: https://helpfulhub.com/
Template: astra
Version: 1.0.0
Text Domain: helpfulhub-calculator-child
*/

:root {
  --hh-blue: #0b5ed7;
  --hh-navy: #071f44;
  --hh-red: #e21b2d;
  --hh-bg: #f5f8ff;
  --hh-text: #172033;
  --hh-muted: #53647f;
  --hh-border: #e3eaf7;
  --hh-white: #ffffff;
}

body {
  background: #ffffff;
}

.hh-site-shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.hh-main {
  flex: 1;
}

.hh-wrap {
  width: min(1180px, calc(100% - 36px));
  margin: 0 auto;
}

.hh-btn,
.hh-btn:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 12px 20px;
  border-radius: 12px;
  background: var(--hh-blue);
  color: #fff;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(11, 94, 215, 0.22);
}

.hh-btn:hover {
  background: #084db3;
  color: #fff;
}

.hh-btn.hh-btn-red {
  background: var(--hh-red);
  box-shadow: 0 10px 24px rgba(226, 27, 45, 0.2);
}

.hh-btn.hh-btn-red:hover {
  background: #c91425;
}