/* ============================================ */
/* MONGUSTAVE COLOR OVERRIDES - KINGASSUR */
/* Import this file AFTER main.css */
/* Orange: #ff8e50 | Blue: #0cb3c7 */
/* ============================================ */

/* Override CSS Variables - Orange & Blue Theme */
:root {
    --color1: #ff8e50;          /* Main orange color (replaces pink) */
    --color2: #f9fafb;          /* Light gray background (unchanged) */
    --color3: #d9d9d9;          /* Gray (unchanged) */
    --color4: #707070;          /* Dark gray (unchanged) */
    --green1: #ff8e50;          /* Orange (replaces green for consistency) */
    --green2: #ffd4c4;          /* Light orange (replaces light green) */
    --green3: #fff4ed;          /* Very light peach (replaces very light green) */
    --blue1: #0cb3c7;           /* Blue accent color */
    --blue2: #e0f7fa;           /* Light blue background */
}

/* Header hover color */
.help-button:hover {
    color: #ff8e50;
}

/* Phone button background */
.phonebtn {
    background-color: #ff8e50;
}

.phonebtn a {
    color: #2a5082;
}

/* Mobile menu hover */
.mobile-menu ul li a:hover {
    color: #ff8e50;
}

.mobile-menu .phonebtn {
    background-color: #ff8e50;
}

.mobile-menu ul li a {
    color: #2a5082;
}

/* Navigation text */
.header-right {
    color: #2a5082;
}

/* Help button text */
.help-button {
    color: #2a5082;
}

/* Burger menu */
.burger-menu span {
    background-color: #2a5082;
}

/* Progress bar colors */
.progressbar-fill {
    background: linear-gradient(90deg, #ff8e50 0%, #ffb399 100%);
}

/* Button colors */
.btn,
.next-btn,
.submit-btn,
.submit-button,
button[type="submit"] {
    background: linear-gradient(135deg, #ff8e50 0%, #ffb399 100%);
    border-color: #ff8e50;
}

.btn:hover,
.next-btn:hover,
.submit-btn:hover,
.submit-button:hover,
button[type="submit"]:hover {
    background: linear-gradient(135deg, #ff7d3d 0%, #ff9966 100%);
}

/* Selected/Active state for cards and options */
.option-card.selected,
.choice-btn.selected,
.guarantee-option.selected,
.option-button input[type="radio"]:checked + span {
    background-color: #fff4ed;
    border-color: #ff8e50;
}

.option-card:hover,
.choice-btn:hover,
.option-button:hover {
    border-color: #ffb399;
}

/* Radio and checkbox accents */
input[type="radio"]:checked + label::before,
input[type="checkbox"]:checked + label::before,
.radio-custom input:checked ~ span {
    background-color: #ff8e50;
    border-color: #ff8e50;
}

/* Links - Use blue for links only */
a {
    color: #0cb3c7;
}

a:hover {
    color: #0a8f9f;
}

/* Lock icons - Neutral gray (not blue) */
.fa-lock,
.input-icon {
    color: #9ca3af;
}

/* Accent colors throughout */
.colorpink,
.accent-color {
    color: #ff8e50;
}

/* Card highlights */
.card {
    background-color: #fff4ed;
    border-color: #ffd4c4;
}

/* Beneficiaire button border */
.beneficiaire-btn {
    border-color: #ff8e50;
}

/* Guarantee text */
.guarantee-text {
    color: #ff8e50;
    background: #fff4ed;
}

/* Bonus box */
.bonus-box {
    background-color: #fff4ed;
    border-color: #ffd4c4;
}

.bonus-points {
    color: #ff8e50;
}

/* Benefit points */
.benefit-points {
    color: #ff8e50;
    background: #fff4ed;
}

/* Chrono timer */
.chrono {
    color: #ff8e50;
}

/* Offre pour vous */
.offrepourvous {
    background: #fff4ed;
    border-color: #ff8e50;
}

/* Popular badge */
.popular-badge {
    background: linear-gradient(135deg, #ff8e50 0%, #ffb399 100%);
}

/* Help button speaker */
.help-button-speaker a {
    background: #ff8e50;
}

.help-button-speaker a:hover {
    background: #ff7d3d;
}

/* Stats badge numbers */
.stats-badge-number {
    color: #ff8e50;
}

/* Stats badge background */
.stats-badge {
    background: linear-gradient(135deg, #fff4ed 0%, #ffe8df 100%);
    border-color: #ffd4c4;
}

/* Live count - Keep blue for live indicator only */
.live-count {
    color: #0cb3c7;
}

/* Live pulse animation - Keep blue */
.live-pulse {
    background: #0cb3c7;
}

@keyframes pulse {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(12, 179, 199, 0.7);
    }
    50% {
        box-shadow: 0 0 0 8px rgba(12, 179, 199, 0);
    }
}

/* Status indicators - Orange instead of blue */
.status-dot,
.pointenligne {
    background-color: #10b981;
}

/* Chevron icons - Neutral gray (not blue) */
.fa-chevron-up,
.fa-chevron-down,
.fa-chevron-left,
.fa-chevron-right {
    color: inherit;
}

/* Success/Check icons - Green or orange */
.fa-check-circle {
    color: #10b981;
}

.dialog-check {
    color: #10b981;
}

/* Required asterisk - Orange */
.required {
    color: #ff8e50;
}

/* Validation buttons */
.validate-btn {
    background: linear-gradient(135deg, #ff8e50 0%, #ffb399 100%);
    border-color: #ff8e50;
}

.validate-btn:hover {
    background: linear-gradient(135deg, #ff7d3d 0%, #ff9966 100%);
}

/* Checkmark color when checked */
.checkmark:after {
    border-color: #ff8e50;
}

/* Custom radio buttons in popup */
.custom-radio input:checked + .radiocontent2 {
    background-color: #fff4ed !important;
    border-color: #ff8e50 !important;
}

/* Info icons - Neutral gray */
.info-icon,
.fa-info-circle {
    color: #9ca3af;
}

/* Phone icon - Orange */
.fa-phone {
    color: #ff8e50;
}

/* Notification badge */
.notification-badge {
    background: #ff8e50;
}

/* Magic wand icon - Orange (action related) */
.fa-magic {
    color: #ff8e50;
}

/* Date separator - Neutral gray */
.date-separator {
    color: #d1d5db;
}

/* Previous button - Blue for navigation only */
.prev-button,
.link-btn,
.see-more-btn {
    color: #2a5082;
}

.prev-button:hover,
.link-btn:hover,
.see-more-btn:hover {
    color: #2a5082;
}

/* Checkbox text link colors - Blue for links */
.checkbox-text a {
    color: #0cb3c7;
}

.checkbox-text a:hover {
    color: #0a8f9f;
}

/* Offer buttons - Rappel and Souscrire */
.offer-button.rappel, .offer-button.souscrire {
    background: white;
    border: 2px solid #ff8e50;
    color: #ff8e50;
}

.offer-button.rappel:hover, .offer-button.souscrire:hover {
    background: #fff4ed;
    border-color: #ff7d3d;
    color: #ff7d3d;
}

/* ============================================ */
/* REPLACE BLACK WITH DARK BLUE #2a5082 */
/* ============================================ */

/* Body text color */
body {
    color: #2a5082;
}

/* All headings */
h1, h2, h3, h4, h5, h6 {
    color: #2a5082;
}

/* Form inputs */
input[type="text"],
input[type="tel"],
input[type="email"],
textarea,
select,
.form-input,
.date-input {
    color: #2a5082;
}

/* Placeholder text */
input::placeholder,
textarea::placeholder {
    color: #7d8a9c;
}

/* Form titles and labels */
.form-title,
.form-label,
.field-label,
.category-title {
    color: #2a5082;
}

/* General text elements */
p,
span:not(.colorpink):not(.accent-color):not(.option-button):not(.radio-label):not(.checkbox-label) {
    color: #2a5082;
}

/* Colleft headings */
.colleft h1 {
    color: #2a5082;
}

/* Step titles */
.step2-title,
.step3-title {
    color: #2a5082;
}

/* Beneficiaire text */
.beneficiaire-text {
    color: #2a5082;
}

/* Summary text */
.summary-text {
    color: #2a5082;
}

/* Popup headers */
.popup-header h3 {
    color: #2a5082;
}

/* Dialog info */
.dialog-info h3 {
    color: #2a5082;
}

/* Benefit text */
.benefit-text {
    color: #2a5082;
}

/* Radio and checkbox labels */
.radio-label,
.checkbox-label {
    color: #2a5082;
}

/* Form subtitle */
.form-subtitle {
    color: #2a5082;
}

/* Success title */
.success-title {
    color: #2a5082;
}

/* Contract card text */
.contract-card {
    color: #2a5082;
}

/* Info text */
.info,
.info p {
    color: #2a5082;
}

/* Description text */
.description {
    color: #2a5082;
}

/* Dialog message */
.dialog-message {
    color: #2a5082;
}

/* Bonus text */
.bonus-text h3,
.bonus-text p {
    color: #2a5082;
}

/* Card title */
.title {
    color: #2a5082;
}

/* Option button text (when not selected) */
.option-button {
    color: #2a5082;
}

/* Text colors - keep mostly unchanged unless specified */
/* Only override accent/highlight colors, not body text */

.field-error {
    color: #fff !important;
}

.fullwidthgreen {
    background-image: url(../images/draw_v5.jpg);
    background-color: #abcadf;
}

.benefit-card{
    background-color: #e1ecf2;
}

.highlighted-offers-section {
    background: linear-gradient(135deg, #fff4ed 0%, #ffe8df 100%);
}

.highlighted-section-title {
    background: linear-gradient(135deg, #fff4ed 0%, #ffe8df 100%);
    color: #ff8e50;
}

.tarifs-info {
    background: linear-gradient(135deg, #fff4ed 0%, #ffe8df 100%);
    color: #ff8e50;
}

.dialog-header {
    background: linear-gradient(135deg, #fff4ed 0%, #ffe8df 100%);
    color: #ff8e50;
}

.help-button-speaker a {
    background: linear-gradient(135deg, #fff4ed 0%, #ffe8df 100%);
}

.dialog-header .close-btn {
    background: #ff8e50;;
}

.prev-button.link-btn {
    font-weight: bolder;
}

@media (max-width: 767px) {
    .fullwidthgreen {
        background-color: #fff;
        background-size: 150%;
        background-position: left bottom;
    }
}