/* Scoped to the national property view; microsite templates retain their theme. */
.national-details .actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.national-details .national-favorite,.national-details .national-favorite:hover,.national-details .national-favorite:focus{position:static;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 16px;margin:0;border:1px solid #c39a43;border-radius:9px;background:#fff;color:#26221b;font:600 14px/1.4 Arial,sans-serif;cursor:pointer;transform:none;box-shadow:none;text-decoration:none}
.national-details .national-favorite:hover{background:#fbf2df}.national-details .national-favorite:focus-visible{outline:3px solid #b88924;outline-offset:3px}
.national-details .national-favorite>div,.national-details .national-favorite:hover>div{position:static!important;display:flex!important;align-items:center;justify-content:center;width:24px!important;height:24px!important;min-width:24px;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;transform:none!important;color:#956b17!important;font-size:24px!important}
.national-details .national-favorite>div:before,.national-details .national-favorite>div:after{display:none!important}
.national-details .national-favorite svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}
.national-details .national-favorite .btn-favorite-on svg{fill:#d7ae53;stroke:#805b13}
.national-details .property-details .nav{display:flex;flex-wrap:wrap;gap:6px;padding:6px;background:#f5f3ee;border:1px solid #e2dccf;border-radius:13px;margin:0;list-style:none}
.national-details .property-details .nav .nav-item{margin:0}
.national-details .property-details .nav .nav-link{display:block;padding:12px 20px;border:1px solid transparent;border-radius:9px;background:transparent;color:#29251f;font:600 16px/1.4 Arial,sans-serif;text-transform:none;text-shadow:none;box-shadow:none;text-decoration:none}
.national-details .property-details .nav .nav-link:hover{background:#fff8e8;color:#29251f}
.national-details .property-details .nav .nav-link.active{background:#e8c67b;border-color:#d3ad58;color:#211d16;text-shadow:none;box-shadow:0 2px 4px #0000000a}
.national-details .property-details .nav .nav-link:focus-visible{outline:3px solid #ac7d21;outline-offset:1px}
.national-details #estimated-payment .input-group{display:flex;flex-wrap:nowrap;align-items:stretch;width:100%}
.national-details #estimated-payment .spinner-input{min-width:0;width:0;flex:1;height:48px;border:1px solid #aaa;border-radius:7px 0 0 7px!important;margin:0}
.national-details #estimated-payment .spinner-buttons{display:flex;flex-direction:column;flex:0 0 36px;width:36px;margin:0}
.national-details #estimated-payment .spinner-buttons .btn{position:relative;display:flex;align-items:center;justify-content:center;min-width:36px;width:36px;height:24px;min-height:24px;padding:0;margin:0;border:1px solid #aaa;border-left:0;border-radius:0;background:#fff8e8;color:#28231b;box-shadow:none}
.national-details #estimated-payment .spinner-buttons .spinner-up{border-radius:0 7px 0 0}.national-details #estimated-payment .spinner-buttons .spinner-down{border-top:0;border-radius:0 0 7px 0}
.national-details #estimated-payment .spinner-buttons i{display:none}.national-details #estimated-payment .spinner-buttons .btn:after{content:'';display:block;width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(-45deg);margin-top:4px}
.national-details #estimated-payment .spinner-buttons .spinner-down:after{transform:rotate(135deg);margin-top:-4px}
.national-details #estimated-payment .spinner-buttons .btn:hover{background:#e8c67b}.national-details #estimated-payment .spinner-buttons .btn:focus-visible{outline:2px solid #805b13;z-index:1}
.national-details .down-payment-summary{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;color:#3c3528;font-size:14px}.national-details .down-payment-summary strong{color:#805b13;font-size:18px}
@media(max-width:600px){.national-details .actions{gap:8px}.national-details .national-favorite{min-height:48px}.national-details .property-details .nav .nav-link{padding:11px 16px}.national-details #estimated-payment .spinner-buttons{flex-basis:44px;width:44px}.national-details #estimated-payment .spinner-buttons .btn{width:44px;min-width:44px;height:30px;min-height:30px}.national-details #estimated-payment .spinner-input{height:60px}}

/* Override legacy ID selectors and icon-path rules without changing other pages. */
.national-details .national-favorite svg,
.national-details .national-favorite svg path,
.national-details .national-favorite:hover svg,
.national-details .national-favorite:hover svg path{color:#c62828!important;stroke:#c62828!important;fill:none!important}
.national-details .national-favorite .btn-favorite-on svg,
.national-details .national-favorite .btn-favorite-on svg path{fill:#c62828!important;stroke:#c62828!important}
.national-details #prop-tab-nav{display:flex!important;align-items:center;gap:6px;padding:6px!important;height:auto!important;min-height:0!important;margin:0!important;background:#f5f3ee!important;border:1px solid #e2dccf!important;border-radius:13px;box-shadow:none!important}
.national-details #prop-tab-nav>li{display:block!important;flex:0 0 auto;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.national-details #prop-tab-nav>li>a.nav-link{display:block!important;height:auto!important;min-height:0!important;margin:0!important;padding:12px 20px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:#29251f!important;text-shadow:none!important;box-shadow:none!important;line-height:1.4!important}
.national-details #prop-tab-nav>li>a.nav-link:hover{background:#fff8e8!important;color:#29251f!important}
.national-details #prop-tab-nav>li>a.nav-link.active,
.national-details #prop-tab-nav>li.active>a.nav-link{background:#e8c67b!important;border-color:#d3ad58!important;color:#211d16!important;text-shadow:none!important}
.national-details #prop-tab-nav>li:before,.national-details #prop-tab-nav>li:after,.national-details #prop-tab-nav>li>a:before,.national-details #prop-tab-nav>li>a:after{display:none!important}
.national-details #estimated-payment .payment-label,
.national-details #estimated-payment .down-payment-summary{font-size:14px!important;font-weight:600;line-height:1.5;color:#444!important}
.national-details #estimated-payment #calc_payment,
.national-details #estimated-payment #calc_hoa,
.national-details #estimated-payment #calc_down_amount{color:#dfae36!important;font-family:inherit;font-weight:700!important;text-shadow:none!important}
.national-details #estimated-payment #calc_payment{font-size:22px!important}
.national-details #estimated-payment #calc_hoa,
.national-details #estimated-payment #calc_down_amount{font-size:18px!important}

/* Native mortgage term: no detached Bootstrap Select menu. */
.national-details #estimated-payment select#calc_term{display:block!important;position:static!important;float:none!important;width:100%!important;min-width:0;height:48px!important;padding:10px 12px!important;border:1px solid #aaa!important;border-radius:7px!important;background:#fff!important;color:#29251f!important;font:inherit!important;opacity:1!important;visibility:visible!important;appearance:auto!important;-webkit-appearance:auto!important;clip:auto!important;clip-path:none!important}
.national-details #estimated-payment select#calc_term:focus-visible{outline:2px solid #ac7d21;outline-offset:2px}
@media(max-width:600px){.national-details #estimated-payment select#calc_term{height:60px!important}}