/* Location: /www/wwwroot/payorget.com/app/Modules/Frontend/StaticPages/Assets/css/contact.css */
.contact-content{min-height:60vh;padding:20px 0 0;}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0;box-sizing:border-box;position:relative;}
.language-switcher{position:absolute;top:20px;right:20px;display:flex;gap:8px;z-index:10;}
.language-switcher .lang-btn{padding:3px 12px;background:#f3f4f6;color:#4b5563;text-decoration:none;border-radius:6px;font-size:13px;font-weight:500;transition:all 0.2s;border:2px solid transparent;}
.language-switcher .lang-btn:hover{background:#e5e7eb;}
.language-switcher .lang-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6;}
.alert{padding:15px 20px;border-radius:8px;margin:0 0 20px 0;display:flex;align-items:center;gap:12px;}
.alert-success{background:#dcfce7;border:1px solid #86efac;color:#166534;}
.alert-success i{color:#22c55e;}
.contact-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:0;margin-bottom:20px;}
.contact-form-section{padding:20px;background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.08);box-sizing:border-box;}
.contact-form-section h3,.contact-info-section h3{margin:0 0 20px 0;font-size:20px;font-weight:600;color:#1f2937;}
.contact-form{display:flex;flex-direction:column;gap:15px;}
.form-group{display:flex;flex-direction:column;gap:6px;}
.form-group label{font-size:14px;font-weight:500;color:#374151;}
.form-row-two{display:grid;grid-template-columns:1fr 1fr;gap:15px;}
.helper-text{font-size:12px;color:#6b7280;margin-top:2px;}
.form-group input{height:38px;padding:0 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color 0.2s;box-sizing:border-box;}
.form-group textarea{padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color 0.2s;font-family:inherit;overflow-y:hidden;resize:none;min-height:150px;max-height:600px;}
.form-group textarea.auto-resize-textarea{overflow-y:auto;}
.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;}
.form-group .error{color:#dc2626;font-size:12px;margin-top:4px;}
.char-counter{font-size:12px;color:#6b7280;margin-top:4px;text-align:right;}
.btn-submit{background:#3b82f6;color:#fff;padding:12px 24px;border:none;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:background 0.2s;display:flex;align-items:center;justify-content:center;gap:8px;}
.btn-submit:hover{background:#2563eb;}
.contact-info-section{display:flex;flex-direction:column;gap:15px;padding:20px;background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.08);box-sizing:border-box;}
.contact-card{background:#f9fafb;padding:20px;border-radius:8px;border:1px solid #e5e7eb;box-sizing:border-box;}
.contact-card i{font-size:24px;color:#3b82f6;margin-bottom:10px;}
.contact-card h4{margin:0 0 5px 0;font-size:16px;font-weight:600;color:#1f2937;}
.contact-card p{margin:0;font-size:14px;color:#6b7280;}
.btn-link{display:inline-block;margin-top:8px;color:#3b82f6;font-size:14px;font-weight:500;text-decoration:none;transition:color 0.2s;}
.btn-link:hover{color:#2563eb;}
@media(max-width:1200px){
.contact-content{padding:16px 16px 0;}
.container{padding:0;}
}
.form-group-checkbox{display:flex;align-items:flex-start;gap:8px;margin:10px 0;}
.checkbox-label{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#4b5563;line-height:1.6;cursor:pointer;}
.checkbox-label input[type="checkbox"]{margin-top:3px;cursor:pointer;min-width:16px;}
.checkbox-label a{color:#3b82f6;text-decoration:underline;}
.checkbox-label a:hover{color:#2563eb;}
.btn-submit:disabled{background:#9ca3af;cursor:not-allowed;opacity:0.6;}
.min-indicator{color:#dc2626;font-weight:500;}
.min-text{font-size:11px;color:#6b7280;font-weight:400;}
.form-group input.invalid,.form-group textarea.invalid{border-color:#dc2626 !important;}
.form-group input.valid,.form-group textarea.valid{border-color:#22c55e !important;}
@media(max-width:768px){
.contact-content{padding:0 16px 0 !important;}
.container{padding:0 !important;}
.language-switcher{top:8px;right:8px;gap:3px;z-index:20;}
.language-switcher .lang-btn{padding:2px 10px;font-size:11px;border-width:1px;}
.alert{margin-top:28px;}
.contact-grid{grid-template-columns:1fr;gap:30px;margin-top:28px !important;}
.contact-form-section{padding:20px;}
.contact-info-section{padding:20px;}
.form-row-two{grid-template-columns:1fr;gap:15px;}
.form-group input,.form-group textarea{font-size:16px;}
}