:root {
	--wd-text-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: var(--wd-text-font);
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: var(--wd-title-font);
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: var(--wd-text-font);
	--wd-widget-title-font: var(--wd-title-font);
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: var(--wd-text-font);
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(181,107,71);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(16,108,216);
	--btn-accented-bgcolor-hover: rgb(15,98,197);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 8px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

/* ==========================================================================
   URBAN LOANS — SHARED CALCULATOR STYLESHEET
   ========================================================================== */

.uln-workspace {
    --accent: #D48C45;
    --accent2: #C5803E;
    --bg: #0A0C10;
    --bg2: #12151B;
    --bg3: #1B1E26;
    --white: #F9FAFB;
    --grey: #9CA3AF;
    --muted: #6B7280;
    --border: rgba(255,255,255,0.07);
    --sans: 'Poppins', sans-serif;
    --heading: 'Raleway', sans-serif;
    --r-sm: 8px; --r-md: 16px; --r-lg: 24px;
    --tr: all 0.3s cubic-bezier(0.4,0,0.2,1);
    font-family: var(--sans);
    background: var(--bg);
    color: var(--white);
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}
.uln-workspace * { box-sizing: border-box; margin: 0; padding: 0; }
.uln-workspace a { color: inherit; text-decoration: none; transition: var(--tr); }
.uln-workspace .uln-container { width: 100%; max-width: 1100px; margin: 0 auto; padding: 0 24px; }

/* === ANNOUNCEMENT BAR === */
.uln-workspace .uln-bar {
    background: linear-gradient(90deg,#12151B,#1E232E,#12151B);
    border-bottom: 1px solid var(--border);
    padding: 10px 0; font-size: 13px; color: var(--grey); text-align: center;
}
.uln-workspace .uln-bar a { color: var(--accent); font-weight: 600; }

/* === HEADER === */
.uln-workspace .uln-header {
    position: sticky; top: 0; z-index: 100;
    background: rgba(255,255,255,0.97);
    backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(0,0,0,0.08);
    padding: 12px 0; transition: var(--tr);
}
.uln-workspace .uln-nav-wrap { display: flex; justify-content: space-between; align-items: center; }
.uln-workspace .uln-logo img { height: 30px; width: auto; }
.uln-workspace .uln-nav { display: flex; gap: 24px; }
.uln-workspace .uln-nav a { font-size: 14px; font-weight: 500; color: #111; }
.uln-workspace .uln-nav a:hover { color: var(--accent); }
.uln-workspace .uln-nav-cta { display: flex; align-items: center; gap: 16px; }
.uln-workspace .uln-phone { font-weight: 600; font-size: 14px; color: #111; }
.uln-workspace .uln-btn-sm {
    padding: 9px 18px; border-radius: var(--r-sm);
    background: var(--accent); color: var(--bg);
    font-weight: 600; font-size: 13px;
    box-shadow: 0 4px 16px rgba(212,140,69,0.3);
    transition: var(--tr);
}
.uln-workspace .uln-btn-sm:hover { background: var(--accent2); transform: translateY(-1px); }
.uln-workspace .uln-hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; width: 24px; }
.uln-workspace .uln-hamburger span { display: block; height: 2px; background: #111; border-radius: 2px; }

/* === CALCULATOR HERO === */
.uln-workspace .uln-calc-hero {
    padding: 72px 0 56px;
    text-align: center;
    background: radial-gradient(ellipse 70% 50% at 50% 0%, rgba(212,140,69,0.09) 0%, transparent 70%);
    border-bottom: 1px solid var(--border);
}
.uln-workspace .uln-back {
    display: inline-block; font-size: 13px; color: var(--grey);
    margin-bottom: 24px; font-weight: 500;
    transition: var(--tr);
}
.uln-workspace .uln-back:hover { color: var(--accent); }
.uln-workspace .uln-calc-icon-lg { font-size: 48px; margin-bottom: 20px; }
.uln-workspace .uln-calc-hero h1 {
    font-family: var(--heading); font-size: 40px; font-weight: 800;
    background: linear-gradient(135deg, #FFF 40%, var(--accent) 100%);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    margin-bottom: 14px; line-height: 1.15;
}
.uln-workspace .uln-calc-hero p { font-size: 16px; color: var(--grey); max-width: 480px; margin: 0 auto; }

/* === CALC BODY === */
.uln-workspace .uln-calc-body { padding: 64px 0 80px; }
.uln-workspace .uln-calc-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start;
}

/* === INPUTS PANEL === */
.uln-workspace .uln-inputs-panel {
    background: var(--bg2);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    padding: 40px;
}
.uln-workspace .uln-panel-title {
    font-family: var(--heading); font-size: 20px; font-weight: 700;
    color: var(--white); margin-bottom: 28px;
}
.uln-workspace .uln-field { margin-bottom: 22px; }
.uln-workspace .uln-field label {
    display: block; font-size: 13px; font-weight: 600;
    color: var(--grey); margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.04em;
}
.uln-workspace .uln-optional { font-weight: 400; text-transform: none; font-size: 11px; }
.uln-workspace .uln-input-wrap { position: relative; }
.uln-workspace .uln-prefix {
    position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
    font-size: 15px; color: var(--accent); font-weight: 600; pointer-events: none;
}
.uln-input-wrap input,
.uln-inputs-panel input[type="number"],
.uln-workspace .uln-inputs-panel select {
    width: 100%; height: 48px;
    background: var(--bg3); border: 1px solid rgba(255,255,255,0.25);
    border-radius: var(--r-sm); color: var(--white);
    font-family: var(--sans); font-size: 16px; font-weight: 600;
    transition: var(--tr); outline: none;
    -moz-appearance: textfield;
    line-height: 46px;
}
.uln-workspace .uln-input-wrap input { padding: 0 14px 0 32px !important; }
.uln-workspace .uln-inputs-panel input[type="number"] { padding: 0 14px; }
.uln-workspace .uln-inputs-panel input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; }
.uln-inputs-panel input[type="number"]:focus,
.uln-workspace .uln-inputs-panel select:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(212,140,69,0.15); }
.uln-workspace .uln-inputs-panel select { padding: 0 14px; -webkit-appearance: none; cursor: pointer; }
.uln-workspace .uln-inputs-panel select option { background: var(--bg3); color: var(--white); }

/* === SLIDER === */
.uln-workspace .uln-slider-wrap { display: flex; align-items: center; gap: 16px; }
.uln-workspace .uln-slider {
    -webkit-appearance: none; flex: 1; height: 4px;
    background: linear-gradient(to right, var(--accent) 0%, var(--accent) var(--pct, 50%), rgba(255,255,255,0.1) var(--pct, 50%));
    border-radius: 4px; outline: none; cursor: pointer;
}
.uln-workspace .uln-slider::-webkit-slider-thumb {
    -webkit-appearance: none; width: 22px; height: 22px;
    border-radius: 50%; background: var(--accent);
    box-shadow: 0 0 0 4px rgba(212,140,69,0.28);
    cursor: pointer; transition: box-shadow 0.2s;
}
.uln-workspace .uln-slider::-webkit-slider-thumb:hover { box-shadow: 0 0 0 8px rgba(212,140,69,0.18); }
/* Firefox */
.uln-workspace .uln-slider::-moz-range-track { height: 4px; background: rgba(255,255,255,0.1); border-radius: 4px; }
.uln-workspace .uln-slider::-moz-range-progress { height: 4px; background: var(--accent); border-radius: 4px; }
.uln-workspace .uln-slider::-moz-range-thumb { width: 22px; height: 22px; border-radius: 50%; background: var(--accent); border: none; box-shadow: 0 0 0 4px rgba(212,140,69,0.28); cursor: pointer; }
.uln-workspace .uln-slider-val {
    min-width: 72px; text-align: right; font-weight: 700; font-size: 15px; color: var(--accent);
    background: rgba(212,140,69,0.1); border: 1px solid rgba(212,140,69,0.2);
    padding: 4px 10px; border-radius: var(--r-sm);
    font-family: inherit;
    outline: none;
    box-sizing: border-box;
    transition: var(--tr);
}
.uln-workspace input.uln-slider-val:focus {
    border-color: var(--accent);
    background: rgba(212,140,69,0.18);
    box-shadow: 0 0 0 3px rgba(212,140,69,0.2);
}

/* === CALC BUTTON === */
.uln-workspace .uln-calc-btn {
    width: 100%; margin-top: 8px;
    padding: 16px 0; border: none; border-radius: var(--r-md);
    background: linear-gradient(135deg, var(--accent), #E8A060);
    color: var(--bg); font-family: var(--sans);
    font-size: 16px; font-weight: 700;
    cursor: pointer; transition: var(--tr);
    box-shadow: 0 6px 20px rgba(212,140,69,0.3);
    letter-spacing: 0.01em;
}
.uln-workspace .uln-calc-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(212,140,69,0.4); }

/* === RESULTS PANEL === */
.uln-workspace .uln-results-panel {
    background: var(--bg2);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    padding: 40px;
    transition: var(--tr);
}
.uln-workspace .uln-results-panel.uln-has-result { border-color: rgba(212,140,69,0.25); }
.uln-workspace .uln-result-main {
    text-align: center; padding: 32px 20px;
    background: linear-gradient(135deg, rgba(212,140,69,0.06), rgba(212,140,69,0.02));
    border: 1px solid rgba(212,140,69,0.15);
    border-radius: var(--r-md); margin-bottom: 28px;
}
.uln-workspace .uln-result-label { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--grey); margin-bottom: 12px; }
.uln-workspace .uln-result-value {
    font-family: var(--heading); font-size: 48px; font-weight: 800;
    background: linear-gradient(135deg, #FFF, var(--accent));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    line-height: 1;
}
.uln-workspace .uln-result-sub { font-size: 14px; color: var(--grey); margin-top: 10px; }

.uln-workspace .uln-result-cards {
    display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 24px;
}
.uln-workspace .uln-result-card {
    background: var(--bg3); border: 1px solid var(--border);
    border-radius: var(--r-md); padding: 18px 16px;
}
.uln-workspace .uln-rc-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--muted); margin-bottom: 6px; }
.uln-workspace .uln-rc-val { font-size: 18px; font-weight: 700; color: var(--white); }

.uln-workspace .uln-disclaimer {
    font-size: 12px; color: var(--muted); line-height: 1.6;
    background: rgba(255,255,255,0.03); border: 1px solid var(--border);
    border-radius: var(--r-sm); padding: 14px 16px; margin-bottom: 20px;
}
.uln-workspace .uln-disclaimer a { color: var(--accent); text-decoration: underline; }

.uln-workspace .uln-cta-link {
    display: block; text-align: center; padding: 14px;
    background: var(--accent); color: var(--bg);
    font-weight: 700; font-size: 14px; border-radius: var(--r-md);
    transition: var(--tr); box-shadow: 0 4px 16px rgba(212,140,69,0.3);
}
.uln-workspace .uln-cta-link:hover { background: var(--accent2); transform: translateY(-2px); }

/* === CTA BAND === */
.uln-workspace .uln-cta-band {
    padding: 72px 0; text-align: center;
    background: linear-gradient(135deg, #12151B, #202633);
    border-top: 1px solid var(--border);
}
.uln-workspace .uln-cta-band h2 { font-family: var(--heading); font-size: 30px; font-weight: 800; margin-bottom: 10px; }
.uln-workspace .uln-cta-band p { color: var(--grey); font-size: 15px; margin-bottom: 28px; }
.uln-workspace .uln-btn-primary {
    display: inline-block; padding: 15px 36px;
    background: var(--accent); color: var(--bg);
    border-radius: var(--r-md); font-weight: 700; font-size: 15px;
    box-shadow: 0 6px 24px rgba(212,140,69,0.3); transition: var(--tr);
}
.uln-workspace .uln-btn-primary:hover { background: var(--accent2); transform: translateY(-2px); }

/* === FOOTER === */
.uln-workspace .uln-footer { background: #050608; padding: 32px 0; font-size: 12px; color: var(--muted); text-align: center; border-top: 1px solid var(--border); }

/* === RESPONSIVE === */
@media (max-width: 860px) {
    .uln-workspace .uln-calc-layout { grid-template-columns: 1fr; }
    .uln-workspace .uln-calc-hero h1 { font-size: 28px; }
    .uln-workspace .uln-inputs-panel, .uln-workspace .uln-results-panel { padding: 28px 20px; }
}
@media (max-width: 640px) {
    .uln-workspace .uln-result-cards { grid-template-columns: 1fr; }
    .uln-workspace .uln-nav { display: none; }
    .uln-workspace .uln-hamburger { display: flex; }
}


/* Scoped Heading Color Overrides (Pure White) */
.uln-workspace h1, .uln-workspace h2, .uln-workspace h3, .uln-workspace h4, .uln-workspace h5, .uln-workspace h6,
.uln-workspace .uln-h1, .uln-workspace .uln-h2, .uln-workspace .uln-h3, .uln-workspace .uln-h4 {
    color: #ffffff !important;
    background: none !important;
    -webkit-text-fill-color: #ffffff !important;
}
