div.orgfroid-calculator .orgfroid-field-hint {
font-size: 13px !important;
color: var(--orgfroid-text-muted) !important;
margin-top: 4px !important;
line-height: 1.4 !important;
} div.orgfroid-calculator .orgfroid-reglette-compare-label {
display: flex !important;
align-items: center !important;
gap: 10px !important;
font-size: 15px !important;
font-weight: 500 !important;
color: var(--orgfroid-text) !important;
cursor: pointer !important;
padding: 12px 16px !important;
background: var(--orgfroid-bg-card) !important;
border: 1.5px solid var(--orgfroid-border) !important;
border-radius: var(--orgfroid-radius-sm) !important;
transition: border-color 0.2s ease !important;
}
div.orgfroid-calculator .orgfroid-reglette-compare-label:hover {
border-color: var(--orgfroid-primary) !important;
}
div.orgfroid-calculator .orgfroid-reglette-checkbox {
width: 20px !important;
height: 20px !important;
accent-color: var(--orgfroid-primary) !important;
cursor: pointer !important;
margin: 0 !important;
flex-shrink: 0 !important;
} div.orgfroid-calculator .orgfroid-reglette-fluid-header {
font-size: 16px !important;
font-weight: 700 !important;
color: var(--orgfroid-text) !important;
padding: 12px 16px !important;
background: var(--orgfroid-primary-light) !important;
border-radius: var(--orgfroid-radius-sm) !important;
margin-bottom: 16px !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
}
div.orgfroid-calculator .orgfroid-reglette-fluid-header .orgfroid-reglette-fluid-badge {
display: inline-block !important;
padding: 2px 10px !important;
background: var(--orgfroid-primary) !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 700 !important;
border-radius: 10px !important;
text-transform: uppercase !important;
letter-spacing: 0.03em !important;
}
div.orgfroid-calculator .orgfroid-reglette-fluid-block {
margin-bottom: 28px !important;
} div.orgfroid-calculator .orgfroid-reglette-gauge-wrapper {
max-width: 100% !important;
margin: 0 0 28px !important;
padding: 24px !important;
background: var(--orgfroid-bg-card) !important;
border-radius: var(--orgfroid-radius-sm) !important;
border: 1px solid var(--orgfroid-border) !important;
}
div.orgfroid-calculator .orgfroid-reglette-gauge-track {
position: relative !important;
height: 32px !important;
background: linear-gradient(90deg, #3498db 0%, #2ecc71 30%, #f1c40f 55%, #e74c3c 80%, #8e44ad 100%) !important;
border-radius: 6px !important;
overflow: visible !important;
}
div.orgfroid-calculator .orgfroid-reglette-gauge-fill {
position: absolute !important;
top: 0 !important;
left: 0 !important;
height: 100% !important;
border-radius: 6px 0 0 6px !important;
transition: width 0.4s ease !important;
}
div.orgfroid-calculator .orgfroid-reglette-gauge-marker {
position: absolute !important;
top: -8px !important;
width: 4px !important;
height: 48px !important;
background: var(--orgfroid-text) !important;
border-radius: 2px !important;
transition: left 0.4s ease !important;
z-index: 2 !important;
}
div.orgfroid-calculator .orgfroid-reglette-gauge-marker--secondary {
background: #e74c3c !important;
z-index: 1 !important;
}
div.orgfroid-calculator .orgfroid-reglette-gauge-marker-label {
position: absolute !important;
top: -28px !important;
left: 50% !important;
transform: translateX(-50%) !important;
font-size: 12px !important;
font-weight: 700 !important;
color: var(--orgfroid-text) !important;
white-space: nowrap !important;
background: var(--orgfroid-bg-white) !important;
padding: 2px 8px !important;
border-radius: 4px !important;
border: 1px solid var(--orgfroid-border) !important;
box-shadow: var(--orgfroid-shadow-sm) !important;
}
div.orgfroid-calculator .orgfroid-reglette-gauge-marker--secondary .orgfroid-reglette-gauge-marker-label {
top: auto !important;
bottom: -28px !important;
color: #e74c3c !important;
}
div.orgfroid-calculator .orgfroid-reglette-gauge-labels {
display: flex !important;
justify-content: space-between !important;
margin-top: 8px !important;
font-size: 12px !important;
color: var(--orgfroid-text-muted) !important;
} div.orgfroid-calculator .orgfroid-reglette-comparison {
margin-bottom: 24px !important;
}
div.orgfroid-calculator .orgfroid-reglette-comparison-title {
font-size: 16px !important;
font-weight: 700 !important;
color: var(--orgfroid-text) !important;
margin: 0 0 12px !important;
text-align: center !important;
} div.orgfroid-calculator .orgfroid-reglette-zeotrope-badge {
display: inline-block !important;
padding: 2px 8px !important;
background: #fff3cd !important;
color: #856404 !important;
font-size: 11px !important;
font-weight: 600 !important;
border-radius: 4px !important;
margin-left: 8px !important;
vertical-align: middle !important;
} div.orgfroid-calculator .orgfroid-reglette-subvalues {
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
margin-top: 8px !important;
font-size: 13px !important;
color: var(--orgfroid-text-light) !important;
}
div.orgfroid-calculator .orgfroid-reglette-subvalue {
display: flex !important;
justify-content: space-between !important;
padding: 4px 8px !important;
background: rgba(0,0,0,0.03) !important;
border-radius: 4px !important;
}
div.orgfroid-calculator .orgfroid-reglette-subvalue strong {
color: var(--orgfroid-text) !important;
font-weight: 600 !important;
} div.orgfroid-calculator #orgfroid-reglette-slider-current {
font-weight: 700 !important;
color: var(--orgfroid-primary-dark) !important;
font-size: 13px !important;
} @media (max-width: 639px) {
div.orgfroid-calculator .orgfroid-reglette-gauge-wrapper {
padding: 16px !important;
}
div.orgfroid-calculator .orgfroid-reglette-gauge-marker-label {
font-size: 11px !important;
padding: 2px 6px !important;
}
div.orgfroid-calculator .orgfroid-reglette-fluid-header {
font-size: 14px !important;
padding: 10px 12px !important;
}
}