/**
 * Contact Form Component Styles
 * Styles specific to the contact form component
 */

/* ===== Express Delivery Toggle ===== */
.express-delivery-box {
    background-color: #faf5ff;
    border: 1px solid #e9d5ff;
}

.express-delivery-title {
    color: #1f2937;
}

.express-delivery-subtitle {
    color: #4b5563;
}

/* Dark mode styles */
.dark .express-delivery-box {
    background-color: rgba(55, 65, 81, 0.5);
    border-color: #4b5563;
}

.dark .express-delivery-title {
    color: #f3f4f6;
}

.dark .express-delivery-subtitle {
    color: #9ca3af;
}

/* ===== Total Price Box ===== */
.price-box {
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
}

.price-box.express {
    background-color: #faf5ff;
    border-color: #e9d5ff;
}

.dark .price-box {
    background-color: rgba(30, 58, 138, 0.2);
    border-color: #1e40af;
}

.dark .price-box.express {
    background-color: rgba(88, 28, 135, 0.2);
    border-color: #6b21a8;
}

/* ===== Express Badge ===== */
.express-badge {
    background-color: #f3e8ff;
    color: #7c3aed;
}

.dark .express-badge {
    background-color: rgba(124, 58, 237, 0.3);
    color: #c4b5fd;
}