/* ===== Monopol City Wizard — CLEAN ===== */

.mc-wizard{
  max-width: 900px !important;
  margin: 40px auto !important;
  padding: 28px !important;
  background:#fafafa !important;
  border:1px solid #e9e9e9 !important;
  border-radius:16px !important;
  box-shadow:0 10px 30px rgba(0,0,0,.07) !important;
}

/* Step title (ne vend te h3) */
.mc-wizard .mc-step-title{
  font-size: 34px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  margin: 10px 0 12px !important;
  color:#333 !important;
}

/* Hide internal h3 titles (use StepTitle instead) */
.mc-wizard h3{ display:none !important; }

/* Stepper */
.mc-wizard .mc-stepper{
  display:flex !important;
  gap:10px !important;
  align-items:center !important;
  margin: 4px 0 10px !important;
  min-height: 8px !important;
}
.mc-wizard .mc-stepper .mc-dot{
  flex:1 1 auto !important;
  height:6px !important;
  border-radius:999px !important;
  background:#eaeaea !important;
}
.mc-wizard .mc-stepper .mc-dot.is-active{
  background:#f4b400 !important;
}

.mc-wizard .mc-progress-steps{
  font-size:14px !important;
  color:#6b7280 !important;
  margin: 0 0 10px !important;
}

/* Person label (no badge) */
.mc-wizard .mc-person-label{
  font-weight: 800 !important;
  color:#111 !important;
  font-size: 14px !important;
  margin: 0 0 18px !important;
}

/* Labels + fields */
.mc-wizard label{
  display:block !important;
  font-weight:700 !important;
  margin: 10px 0 6px !important;
  color:#333 !important;
  font-size:14px !important;
}

.mc-wizard .wpcf7-form-control-wrap{
  display:block !important;
  width:100% !important;
}

.mc-wizard input[type="text"],
.mc-wizard input[type="email"],
.mc-wizard input[type="tel"],
.mc-wizard input[type="number"],
.mc-wizard select,
.mc-wizard textarea{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  height:52px !important;
  padding: 12px 14px !important;
  border:1px solid #e5e7eb !important;
  border-radius:12px !important;
  background:#fff !important;
  color:#111 !important;
  font-size:15px !important;
  box-shadow:none !important;
  outline:none !important;
}

.mc-wizard input:focus,
.mc-wizard select:focus,
.mc-wizard textarea:focus{
  border-color:#f4b400 !important;
  box-shadow:0 0 0 4px rgba(244,180,0,.18) !important;
}

/* RADIO (fixed back like before) */
.mc-wizard span.wpcf7-form-control.wpcf7-radio{
  display:block !important;
  padding:0 !important;
  margin: 6px 0 0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.mc-wizard .wpcf7-radio .wpcf7-list-item{
  display:block !important;
  margin: 10px 0 !important;
}
.mc-wizard .wpcf7-radio .wpcf7-list-item label{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 !important;
  font-weight:700 !important;
  color:#111 !important;
}
.mc-wizard .wpcf7-radio input[type="radio"]{
  width:16px !important;
  height:16px !important;
  accent-color:#f4b400 !important;
}

/* Grid 2 columns */
.mc-wizard .mc-grid-2{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px 18px !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
@media (max-width: 700px){
  .mc-wizard .mc-grid-2{ grid-template-columns: 1fr !important; }
}

/* Loan inline */
.mc-wizard .mc-loan-inline{
  font-size: 14px !important;
  color: #6b7280 !important;
  margin: 8px 0 14px !important;
}

/* Mini calc */
.mc-wizard .mc-calc{
  margin-top: 18px !important;
  padding: 18px !important;
  border-radius: 14px !important;
  background: #f6f6f6 !important;
  border: 1px solid #ededed !important;
  display:none;
}
.mc-wizard .mc-calc h4{
  margin: 0 0 10px !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}
.mc-wizard .mc-calc .mc-calc-row{
  display: flex !important;
  justify-content: space-between !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  background: #fff !important;
  margin-bottom: 10px !important;
  border: 1px solid #ededed !important;
}
.mc-wizard .mc-calc .mc-calc-row strong{
  font-size: 18px !important;
}

/* Totals cards (expenses page) */
.mc-wizard .mc-totals{
  display:grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 12px !important;
  margin: 14px 0 6px !important;
}
@media (max-width: 700px){
  .mc-wizard .mc-totals{ grid-template-columns: 1fr !important; }
}
.mc-wizard .mc-total-card{
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius: 12px !important;
  padding: 14px !important;
}
.mc-wizard .mc-total-title{
  font-size: 13px !important;
  color:#6b7280 !important;
  margin-bottom: 6px !important;
  font-weight: 700 !important;
}
.mc-wizard .mc-total-val{
  font-size: 20px !important;
  font-weight: 900 !important;
  color:#111 !important;
}

/* Steps hidden until JS shows */
.mc-wizard .mc-step{ display:none; }

/* Result card */
.mc-wizard .mc-result-card{
  background: radial-gradient(1200px 600px at 50% 10%, #173a57 0%, #0b1b2b 55%, #061321 100%) !important;
  border-radius:18px !important;
  padding:40px 22px !important;
  color:#fff !important;
  text-align:center !important;
  position: relative !important;
}
.mc-wizard .mc-check{
  width:78px !important;
  height:78px !important;
  border-radius:50% !important;
  background:#17c37b !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:38px !important;
  margin:0 auto 14px !important;
}

/* Gauge */
.mc-wizard .mc-gauge{ width:360px !important; max-width:95% !important; display:block !important; margin: 10px auto 0 !important; }
.mc-wizard .mc-gauge path{ fill:none !important; }
.mc-wizard .mc-gauge-bg{ stroke:rgba(255,255,255,.12) !important; stroke-width:16 !important; stroke-linecap:round !important; }
.mc-wizard .mc-gauge-val{
  stroke-width:16 !important;
  stroke-linecap:round !important;
  stroke-dasharray: 0 1;
  stroke-dashoffset: 0 !important;
  transition: stroke .25s ease !important;
}

.mc-wizard .mc-score-num{
  font-size:70px !important;
  font-weight:900 !important;
  color:#f4b400 !important;
  line-height:1 !important;
  margin-top: 6px !important;
}
.mc-wizard .mc-score-label{ font-size:18px !important; opacity:.95 !important; }

/* wrapper for needle positioning */
.mc-wizard .mc-gauge-wrap{
  position: relative !important;
  width: 360px !important;
  max-width: 95% !important;
  margin: 0 auto !important;
}

/* Needle (stable) */
.mc-wizard .mc-needle{
  position:absolute !important;
  left:50% !important;
  top: 83% !important;
  transform: translate(-50%, -50%) rotate(-90deg);
  pointer-events:none !important;
}
.mc-wizard .mc-needle-line{
  position:absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 92px !important;
  height: 4px !important;
  background: rgba(255,255,255,.95) !important;
  border-radius: 999px !important;
  transform: translateY(-50%) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.25) !important;
}
.mc-wizard .mc-needle-knob{
  position:absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 18px !important;
  height: 18px !important;
  transform: translate(-50%, -50%) !important;
  background:#fff !important;
  border-radius:50% !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.28) !important;
}
.mc-wizard .mc-needle-tip{
  position:absolute !important;
  left: 92px !important;
  top: 0 !important;
  width: 10px !important;
  height: 10px !important;
  transform: translate(-50%, -50%) !important;
  background:#fff !important;
  border-radius:50% !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.22) !important;
}

/* Buttons layout fix (CF7 wraps submit in ) */
.mc-wizard .mc-nav {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
  margin-top: 18px !important;
  align-items: center !important;
}
.mc-wizard .mc-nav.mc-nav-single { grid-template-columns: 1fr !important; }
.mc-wizard .mc-nav > p { display: contents !important; }
.mc-wizard .mc-nav > p > br { display: none !important; }

.mc-wizard .mc-nav button,
.mc-wizard .mc-nav .wpcf7-submit{
  width: 100% !important;
  height: 54px !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  font-size: 15px !important;
}

.mc-wizard .mc-nav .mc-prev{
  background: #fff !important;
  color: #111 !important;
  border: 1px solid #e6e6e6 !important;
}
.mc-wizard .mc-nav .mc-next,
.mc-wizard .mc-nav .wpcf7-submit{
  background: #f7b500 !important;
  color: #111 !important;
  border: 0 !important;
}

/* Hide recaptcha badge */
.grecaptcha-badge{ visibility:hidden!important; }

/* Step 6 (privacy) styling */
.mc-wizard .mc-card{
  background:#fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 14px !important;
  padding: 18px 18px !important;
  margin: 14px 0 !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.03) !important;
}
.mc-wizard .mc-card h4{
  margin: 0 0 10px !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color:#111 !important;
}
.mc-wizard .mc-card p{
  margin: 8px 0 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  color:#4b5563 !important;
}
.mc-wizard .mc-card p strong{ color:#111 !important; }

/* Acceptance fixed */
.mc-wizard .wpcf7-acceptance label{
  display:flex !important;
  gap:10px !important;
  align-items:flex-start !important;
  margin:0 !important;
  font-weight:600 !important;
  color:#111 !important;
}
.mc-wizard .wpcf7-acceptance input[type="checkbox"]{
  width: 18px !important;
  height: 18px !important;
  accent-color:#f4b400 !important;
  margin-top: 2px !important;
}

/* Note box */
.mc-wizard .mc-note-box{
  margin: 14px 0 6px !important;
  padding: 14px 14px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(244,180,0,.35) !important;
  background: #fff7db !important;
  color:#111 !important;
  text-align: center !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}
.mc-wizard .mc-note-box strong{ font-weight: 800 !important; }

/* Intro 3D Screen */
.mc-intro-wrap{
  max-width: 900px !important;
  margin: 40px auto !important;
  padding: 0 !important;
}
.mc-intro-card{
  position: relative !important;
  border-radius: 22px !important;
  padding: 44px 26px 26px !important;
  background: radial-gradient(900px 500px at 50% 0%, rgba(244,180,0,.18) 0%, transparent 55%),
              radial-gradient(1200px 700px at 50% 15%, rgba(11,27,43,.08) 0%, transparent 60%),
              #ffffff !important;
  border: 1px solid rgba(17,24,39,.08) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.10),
              0 2px 0 rgba(255,255,255,.9) inset !important;
  overflow: hidden !important;
  transform: perspective(1200px) rotateX(2deg) !important;
  transform-origin: 50% 0% !important;
}
.mc-intro-badge{ display:flex !important; justify-content:center !important; margin-bottom: 14px !important; }
.mc-intro-icon{
  width: 62px !important;
  height: 62px !important;
  border-radius: 999px !important;
  background: #f7b500 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow: 0 14px 32px rgba(247,181,0,.35) !important;
  position: relative !important;
}
.mc-intro-icon:after{
  content:"" !important;
  position:absolute !important;
  inset: -10px !important;
  border-radius: 999px !important;
  background: radial-gradient(circle, rgba(247,181,0,.35) 0%, transparent 60%) !important;
  filter: blur(6px) !important;
  z-index: -1 !important;
}
.mc-intro-title{
  text-align:center !important;
  font-size: 44px !important;
  line-height: 1.05 !important;
  margin: 0 0 8px !important;
  font-weight: 900 !important;
  color: #111827 !important;
  letter-spacing: -0.5px !important;
}
.mc-intro-subtitle{
  text-align:center !important;
  font-weight: 800 !important;
  color: #f4b400 !important;
  margin-bottom: 14px !important;
  font-size: 18px !important;
}
.mc-intro-desc{
  max-width: 640px !important;
  margin: 0 auto 22px !important;
  text-align:center !important;
  color: #6b7280 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}
.mc-intro-actions{ display:flex !important; justify-content:center !important; margin: 6px 0 20px !important; }
.mc-intro-btn{
  display:inline-flex !important;
  gap:10px !important;
  height: 54px !important;
  padding: 0 22px !important;
  border-radius: 14px !important;
  background: #f7b500 !important;
  color: #111 !important;
  font-weight: 800 !important;
  border: 0 !important;
  cursor: pointer !important;
  box-shadow: 0 18px 40px rgba(247,181,0,.28),
              0 2px 0 rgba(255,255,255,.55) inset !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}
.mc-intro-btn:hover{
  transform: translateY(-1px) !important;
  filter: saturate(1.05) !important;
  box-shadow: 0 22px 48px rgba(247,181,0,.32),
              0 2px 0 rgba(255,255,255,.6) inset !important;
}
.mc-intro-btn:active{ transform: translateY(0px) scale(0.99) !important; }
.mc-intro-footer{ text-align:center !important; font-size: 13px !important; color:#000 !important; padding-top: 8px !important; }
.mc-intro-glow{
  position:absolute !important;
  width: 380px !important;
  height: 380px !important;
  border-radius: 999px !important;
  filter: blur(30px) !important;
  opacity: .55 !important;
  pointer-events:none !important;
}
.mc-g1{ left: -140px !important; top: -170px !important; background: rgba(247,181,0,.35) !important; }
.mc-g2{ right: -160px !important; bottom: -210px !important; background: rgba(11,27,43,.18) !important; }
.mc-intro-noise{
  position:absolute !important;
  inset: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E") !important;
  mix-blend-mode: overlay !important;
  opacity: .22 !important;
  pointer-events:none !important;
}

/* Mobile */
@media (max-width:680px){
  .mc-wizard{ padding:18px !important; margin:18px auto !important; }
  .mc-wizard .mc-step-title{ font-size: 24px !important; }
  .mc-wizard .mc-nav{ grid-template-columns: 1fr !important; }
  .mc-wizard .mc-gauge-wrap{ width: 320px !important; }
  .mc-wizard .mc-needle-line{ width: 84px !important; }
  .mc-wizard .mc-needle-tip{ left: 84px !important; }
  .mc-intro-card{ padding: 34px 18px 18px !important; transform: none !important; }
  .mc-intro-title{ font-size: 34px !important; }
  .mc-intro-subtitle{ font-size: 16px !important; }
  .mc-intro-desc{ font-size: 12px !important; }
}

.mc-wizard .mc-needle { 
	position: absolute !important; 
	left: 50% !important; 
	top: 70% !important; } 

.mc-wizard label { 
	display: block !important; 
	font-weight: 700 !important; 
	margin: 10px 0 6px !important; 
	color: #333 !important; 
	font-size: 14px !important; 
	height: 5px !important; 
	margin-top: 5px !important; 
} 
.mc-wizard .wpcf7-radio .wpcf7-list-item { 
	display: block !important; 
	margin: 20px 0 !important; 
} 
.grecaptcha-badge 
{ 
	visibility:hidden!important; 
}

.wpcf7 form .wpcf7-response-output {
    display:none;
}

.mc-wizard .wpcf7-response-output{
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

div#mcResultHint {
    font-size: 18px!important;
    position: absolute;
    bottom: -14%;
    text-align: center;
    font-weight: bold;
    font-family: auto;
    border-radius: 20px;
    border: 1px solid white;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    border-top: none !important;
    background: radial-gradient(1200px 600px at 50% 10%, #173a57 0%, #0b1b2b 23%, #061321 100%) !important;
	left: 0%;
	right: 0%;
}

@media (min-width:300px) and (max-width:678px)
{
	div#mcResultHint {
    	font-size: 16px !important;
		 bottom: -18%;
	}
	
		.mc-wizard label {
		height: 20px !important;
		
	}
}

.loanflow-comments-footer .loanflow-comments-close {
    background: transparent;
    
    width: 55px!important;
   
}

@media (min-width:700px) and (max-width:920px)
{
	
		.mc-wizard label {
		height: 15px !important;
		
	}
}

@media (min-width:320px) and (max-width:500px)
{
		p.mc-consent-sub {
		padding-top: 80px!important;
	}	
}

@media (min-width:501px) and (max-width:720px)
{
		p.mc-consent-sub {
		padding-top: 50px!important;
	}	
}