/* assets/css/public.css - Shared by the public pages (index, fursa, ingia, jiunge...), loaded after each page's
   own <style>. Dark mode for the contact and feedback windows (the + button) and the About page's
   mission cards, which most pages left white. Rules start with body.dark-theme, so they win over the page's. */

/* ===== Feedback window ===== */
body.dark-theme .feedback-modal {
    background: #1a1a2e;
}
body.dark-theme .feedback-modal-header {
    border-bottom-color: #2d2d44;
}
body.dark-theme .feedback-modal-header h3 {
    color: #fff;
}
body.dark-theme .feedback-modal .form-group label {
    color: #94a3b8;
}
body.dark-theme .feedback-modal .form-group input,
body.dark-theme .feedback-modal .form-group textarea {
    background: #13131f;
    border-color: #2d2d44;
    color: #e2e8f0;
}
body.dark-theme .feedback-modal .form-group input:focus,
body.dark-theme .feedback-modal .form-group textarea:focus {
    border-color: #00b894;
    background: #1a1a2e;
}
body.dark-theme .feedback-modal .form-group .input-hint {
    color: #64748b;
}
body.dark-theme .feedback-modal-close {
    background: #2d2d44;
    color: #94a3b8;
}
body.dark-theme .feedback-modal-close:hover {
    background: #3d3d55;
    color: #fff;
}
body.dark-theme .feedback-modal .success-message h4 {
    color: #fff;
}
body.dark-theme .feedback-modal .success-message p {
    color: #94a3b8;
}

/* ===== Contact (phone) window ===== */
body.dark-theme .phone-modal {
    background: #1a1a2e;
}
body.dark-theme .phone-modal-header {
    border-bottom-color: #2d2d44;
}
body.dark-theme .phone-modal-header h3 {
    color: #fff;
}
body.dark-theme .phone-modal-close {
    background: #2d2d44;
    color: #94a3b8;
}
body.dark-theme .phone-modal-close:hover {
    background: #3d3d55;
    color: #fff;
}
body.dark-theme .phone-contact-item {
    border-bottom-color: #2d2d44;
}
body.dark-theme .phone-contact-item .contact-label,
body.dark-theme .phone-modal-footer {
    color: #94a3b8;
}
body.dark-theme .phone-contact-item .contact-number {
    color: #e2e8f0;
}
body.dark-theme .phone-contact-item .copy-btn {
    background: #2d2d44;
    color: #94a3b8;
}
body.dark-theme .phone-contact-item .copy-btn:hover {
    background: #00b894;
    color: #fff;
}

/* ===== Sign-up form: terms checkbox and social buttons ===== */
#registerForm .social-btn {
    border: 2px solid #eef2f6;
    background: transparent;
    color: #475569;
}
body.dark-theme .checkbox-group .checkbox-label {
    color: #94a3b8;
}
body.dark-theme .social-login .social-btn,
body.dark-theme #registerForm .social-btn {
    background: #13131f;
    border-color: #2d2d44;
    color: #e2e8f0;
}

/* ===== About page: mission and vision cards ===== */
.mission-card {
    background: #f0fdfa;
    padding: 24px;
    border-radius: 16px;
    border-left: 4px solid #00b894;
    transition: background 0.3s ease;
}
body.dark-theme .mission-card {
    background: rgba(0, 184, 148, 0.1);
}
body.dark-theme .mission-card p {
    color: #cbd5e1;
}

/* ===== About page: values cards ===== */
.value-card {
    background: #f8fafc;
    padding: 24px 20px;
    border-radius: 16px;
    text-align: center;
    border: 2px solid #eef2f6;
    transition: all 0.3s ease;
}
.value-card h4 {
    font-size: 1rem;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 6px;
}
.value-card p {
    color: #64748b;
    font-size: 0.9rem;
    margin-bottom: 0;
}
body.dark-theme .value-card {
    background: #1a1a2e;
    border-color: #2d2d44;
}
body.dark-theme .value-card h4 {
    color: #fff;
}
body.dark-theme .value-card p {
    color: #94a3b8;
}