/* Fee calculator (flat fee vs percentage agency)
 * Ported from the Happy Baby child theme and re-skinned with the House of Yaya tokens
 * (--green, --deep, --ochre, --cream, --ivory, --ink, --line from assets/main.css).
 * Loaded only on pages that use [hoy_fee_calculator] / [hoy_calculator]. */
.hoy-st-calculator {--hoy-primary: var(--green);--hoy-primary-dark: var(--deep);--hoy-accent: var(--ochre);--hoy-accent-light: var(--cream);--hoy-text: var(--ink);--hoy-muted: var(--ink);--hoy-border: var(--line);--hoy-bg: var(--ivory);--hoy-white: #ffffff;--hoy-success: var(--green);margin: 40px auto;color: var(--hoy-text);box-sizing: border-box;}
.hoy-st-calculator *,.hoy-st-calculator *::before,.hoy-st-calculator *::after {box-sizing: border-box;}
.hoy-st-calculator .hoy-header {margin: 0 auto 34px;}
.hoy-st-calculator .hoy-eyebrow {display: inline-flex;align-items: center;gap: 8px;margin-bottom: 12px;padding: 7px 13px;border-radius: 999px;background: var(--hoy-accent-light);color: var(--hoy-primary);font-size: 12px;font-weight: 800;letter-spacing: 0.1em;text-transform: uppercase;}
.hoy-st-calculator .hoy-header h1 {margin: 0 0 14px;font-size: 28px;line-height: 1.08;letter-spacing: -0.035em;font-weight: 800;}
.hoy-st-calculator .hoy-header p {margin: 0 auto;color: var(--hoy-muted);font-size: 16px;line-height: 1.7;}
.hoy-st-calculator .hoy-dashboard {display: grid;grid-template-columns:minmax(0, 1.15fr)minmax(340px, 0.85fr);gap: 22px;align-items: start;}
.hoy-st-calculator .hoy-panel {background: var(--hoy-white);border: 1px solid var(--hoy-border);border-radius: 0px;box-shadow: 0 14px 40px rgba(23, 32, 27, 0.07);}
.hoy-st-calculator .hoy-input-panel {padding: clamp(24px, 4vw, 38px);}
.hoy-st-calculator .hoy-section-heading {display: flex;align-items: flex-start;gap: 13px;margin-bottom: 30px;}
.hoy-st-calculator .hoy-step {display: grid;place-items: center;flex: 0 0 38px;width: 38px;height: 38px;border-radius: 0px;background: var(--hoy-primary);color: #fff;font-size: 15px;font-weight: 800;}
.hoy-st-calculator .hoy-section-heading h2 {margin: 0;font-size: 20px;line-height: 1.25;letter-spacing: -0.02em;}
.hoy-st-calculator .hoy-section-heading p {margin: 5px 0 0;color: var(--hoy-muted);font-size: 14px;}
.hoy-st-calculator .hoy-field {margin-bottom: 30px;}
.hoy-st-calculator .hoy-field:last-child {margin-bottom: 0;}
.hoy-st-calculator .hoy-label-row {display: flex;justify-content: space-between;align-items: center;gap: 15px;margin-bottom: 12px;}
.hoy-st-calculator .hoy-label {margin: 0;font-size: 15px;line-height: 1.45;font-weight: 700;}
.hoy-st-calculator .hoy-value-badge {flex-shrink: 0;padding: 7px 11px;border-radius: 0px;background: var(--hoy-accent-light);color: var(--hoy-primary);font-size: 14px;font-weight: 800;}
.hoy-st-calculator .hoy-number-wrap {position: relative;}
.hoy-st-calculator .hoy-number-input {width: 100%;height: 58px;padding: 0 18px;border: 1.5px solid var(--hoy-border);border-radius: 0px;background: var(--ivory);color: var(--hoy-text);font-size: 18px;font-weight: 700;outline: none;transition:border-color 0.2s ease,box-shadow 0.2s ease,background 0.2s ease;}
.hoy-st-calculator .hoy-number-input:focus {background: #fff;border-color: var(--hoy-primary);box-shadow: 0 0 0 4px rgba(36, 59, 47, 0.09);}
.hoy-st-calculator .hoy-number-input::-webkit-inner-spin-button,
.hoy-st-calculator .hoy-number-input::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
.hoy-st-calculator .hoy-number-input {-moz-appearance: textfield;}
.hoy-st-calculator .hoy-slider {width: 100%;height: 6px;margin: 20px 0 8px;padding: 0;appearance: none;-webkit-appearance: none;background: linear-gradient(to right,var(--hoy-primary) 0%,var(--hoy-primary) var(--slider-progress, 50%),var(--line) var(--slider-progress, 50%),var(--line) 100%);border-radius: 999px;outline: none;cursor: pointer;}
.hoy-st-calculator .hoy-slider::-webkit-slider-runnable-track {height: 6px;background: transparent;border-radius: 999px;}
.hoy-st-calculator .hoy-slider::-webkit-slider-thumb {appearance: none;-webkit-appearance: none;width: 23px;height: 23px;margin-top: -8.5px;border: 4px solid #fff;border-radius: 50%;background: var(--hoy-primary);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);transition: transform 0.15s ease;}
.hoy-st-calculator .hoy-slider:hover::-webkit-slider-thumb {transform: scale(1.12);}
.hoy-st-calculator .hoy-slider::-moz-range-track {height: 6px;background: var(--line);border-radius: 999px;}
.hoy-st-calculator .hoy-slider::-moz-range-progress {height: 6px;background: var(--hoy-primary);border-radius: 999px;}
.hoy-st-calculator .hoy-slider::-moz-range-thumb {width: 17px;height: 17px;border: 4px solid #fff;border-radius: 50%;background: var(--hoy-primary);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);}
.hoy-st-calculator .hoy-range-labels {display: flex;justify-content: space-between;color: #5d5f58;font-size: 12px;font-weight: 600;}
.hoy-st-calculator .hoy-results-panel {position: sticky;top: 24px;padding: 28px;overflow: hidden;}
.hoy-st-calculator .hoy-results-heading {display: flex;justify-content: space-between;align-items: center;gap: 15px;margin-bottom: 24px;}
.hoy-st-calculator .hoy-results-heading h2 {margin: 0;font-size: 18px;line-height: 1.3;}
.hoy-st-calculator .hoy-live {display: inline-flex;align-items: center;gap: 6px;color: var(--hoy-success);font-size: 11px;font-weight: 800;text-transform: uppercase;letter-spacing: 0.06em;}
.hoy-st-calculator .hoy-live-dot {width: 7px;height: 7px;border-radius: 50%;background: var(--hoy-success);box-shadow: 0 0 0 4px rgba(46, 107, 75, 0.1);}
.hoy-st-calculator .hoy-summary {display: grid;gap: 10px;}
.hoy-st-calculator .hoy-summary-row {display: flex;align-items: center;justify-content: space-between;gap: 15px;padding: 15px 16px;border-radius: 13px;background: var(--ivory);}
.hoy-st-calculator .hoy-summary-row span:first-child {color: var(--hoy-muted);font-size: 13px;line-height: 1.4;}
.hoy-st-calculator .hoy-summary-row strong {color: var(--hoy-text);font-size: 15px;white-space: nowrap;}
.hoy-st-calculator .hoy-summary-row.highlight {background: var(--hoy-accent-light);}
.hoy-st-calculator .hoy-summary-row.highlight strong {color: var(--hoy-primary);}
.hoy-st-calculator .hoy-note {margin-top: 7px;padding: 0 16px;color: var(--ink);font-size: 11px;line-height: 1.5;}
.hoy-st-calculator .hoy-divider {height: 1px;margin: 22px 0;background: var(--hoy-border);}
.hoy-st-calculator .hoy-savings {position: relative;padding: 24px;border-radius: 0px;background: var(--hoy-primary);color: #fff;overflow: hidden;}
.hoy-st-calculator .hoy-savings::after {content: "";position: absolute;right: -40px;top: -55px;width: 150px;height: 150px;border-radius: 50%;border: 1px solid rgba(255,255,255,0.12);box-shadow:0 0 0 25px rgba(255,255,255,0.03),0 0 0 50px rgba(255,255,255,0.025);}
.hoy-st-calculator .hoy-savings-label {position: relative;z-index: 1;display: block;margin-bottom: 7px;color: rgba(255,255,255,0.72);font-size: 11px;font-weight: 800;letter-spacing: 0.1em;text-transform: uppercase;}
.hoy-st-calculator .hoy-savings-value {position: relative;z-index: 1;color: #fff;display: block;font-size: clamp(28px, 4vw, 38px);line-height: 1;letter-spacing: -0.035em;font-weight: 850;}
.hoy-st-calculator .hoy-savings-description {position: relative;z-index: 1;margin-top: 10px;color: rgba(255,255,255,0.75);font-size: 12px;line-height: 1.5;}
.hoy-st-calculator .hoy-number-input:focus {color: var(--ink) !important;-webkit-text-fill-color: var(--ink) !important;}
.hoy-st-calculator .hoy-summary-row.highlight span {
    font-weight: 700 !important;
}
@media (max-width: 850px) {
  .hoy-st-calculator .hoy-dashboard {grid-template-columns: 1fr;}
  .hoy-st-calculator .hoy-results-panel {position: relative;top: auto;}
}
@media (max-width: 520px) {
  .hoy-st-calculator {margin: 24px auto;padding: 0 13px;}
  .hoy-st-calculator .hoy-header {margin-bottom: 24px;display: block;padding: 10px;}
  .hoy-st-calculator .hoy-header p {font-size: 14px;line-height: 1.6;}
  .hoy-st-calculator .hoy-input-panel,.hoy-st-calculator .hoy-results-panel {padding: 20px;border-radius: 0px;}
  .hoy-st-calculator .hoy-label-row {align-items: flex-start;flex-direction: column;gap: 8px;}
  .hoy-st-calculator .hoy-value-badge {font-size: 12px;}
  .hoy-st-calculator .hoy-summary-row {padding: 13px;}
  .hoy-st-calculator .hoy-savings {padding: 20px;}
  .hoy-st-calculator .hoy-savings-value {font-size: 31px;}
}

/* ---- House of Yaya skin ---- */
.hoy-st-calculator{margin:0 auto}
.hoy-st-calculator .hoy-header h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;color:var(--green);font-size:clamp(32px,4vw,48px);line-height:1.05;letter-spacing:0}
.hoy-st-calculator .hoy-eyebrow{border-radius:0;background:transparent;padding:0;color:#a66f1d;font-weight:700;letter-spacing:.18em}
.hoy-st-calculator .hoy-section-heading h2,.hoy-st-calculator .hoy-results-heading h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;color:var(--green);font-size:26px;letter-spacing:0}
.hoy-st-calculator .hoy-panel{box-shadow:none}
.hoy-st-calculator .hoy-step{border-radius:0}
.hoy-st-calculator .hoy-slider,.hoy-st-calculator .hoy-slider::-webkit-slider-thumb{border-radius:999px}
.hoy-st-calculator .hoy-slider::-webkit-slider-thumb,.hoy-st-calculator .hoy-slider::-moz-range-thumb{border-radius:50%}
.hoy-st-calculator .hoy-savings-value,.hoy-st-calculator .hoy-summary-row strong{font-family:Georgia,serif}
@media (max-width:900px){.hoy-st-calculator .hoy-dashboard{grid-template-columns:1fr}.hoy-st-calculator .hoy-results-panel{position:static}}