/* public/css/inquiry.css */

/* Reuse styles from faq.css where appropriate or define new ones */
body {
    height: auto !important;
    overflow-y: auto !important;
    display: block !important;
}

.inquiry-page-container {
    width: 100%;
    max-width: 800px;
    margin: 80px auto;
    padding: var(--kamos-space-xl);
    background-color: var(--kamos-bg-color-body);
    border-radius: var(--kamos-border-radius-lg);
    box-shadow: var(--kamos-box-shadow-card);
}

.inquiry-header {
    text-align: center;
    margin-bottom: var(--kamos-space-2xl);
}

.inquiry-title {
    font-size: var(--kamos-font-size-h1);
    color: var(--kamos-primary-darker);
    margin-bottom: var(--kamos-space-sm);
    background: linear-gradient(135deg, var(--kamos-primary-color), var(--kamos-accent-blue));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.inquiry-subtitle {
    font-size: var(--kamos-font-size-lg);
    color: var(--kamos-text-color-light);
}

/* Form Styles */
.inquiry-form {
    display: flex;
    flex-direction: column;
    gap: var(--kamos-space-lg);
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: var(--kamos-space-xs);
}

.form-label {
    font-weight: 600;
    color: var(--kamos-text-color-default);
    font-size: var(--kamos-font-size-body);
}

.form-input,
.form-select,
.form-textarea {
    width: 100%;
    padding: var(--kamos-space-md);
    border: 1px solid var(--kamos-border-color-light);
    border-radius: var(--kamos-border-radius-md);
    font-size: var(--kamos-font-size-body);
    background-color: var(--kamos-bg-color-container-light);
    color: var(--kamos-text-color-default);
    transition: all 0.3s ease;
}

.form-input:focus,
.form-select:focus,
.form-textarea:focus {
    outline: none;
    border-color: var(--kamos-primary-color);
    box-shadow: 0 0 0 3px rgba(104, 211, 145, 0.2);
}

.form-textarea {
    min-height: 150px;
    resize: vertical;
}

.form-btn-submit {
    background: linear-gradient(135deg, var(--kamos-primary-color), var(--kamos-primary-dark));
    color: white;
    padding: var(--kamos-space-md) var(--kamos-space-xl);
    border: none;
    border-radius: var(--kamos-border-radius-md);
    font-size: var(--kamos-font-size-lg);
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    align-self: center;
    width: 100%;
    max-width: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--kamos-space-sm);
}

.form-btn-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(104, 211, 145, 0.4);
}

.form-btn-submit:disabled {
    background: var(--kamos-disabled-bg);
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Dark mode adjustments (handled by variables mostly, but specific tweaks if needed) */
.dark .form-input,
.dark .form-select,
.dark .form-textarea {
    background-color: rgba(255, 255, 255, 0.05);
    /* Example dark input bg */
    border-color: rgba(255, 255, 255, 0.1);
}

.error-message {
    color: var(--kamos-error-color, #e53e3e);
    font-size: var(--kamos-font-size-sm);
    margin-top: 4px;
    display: none;
}

.success-message {
    background-color: rgba(104, 211, 145, 0.1);
    border: 1px solid var(--kamos-primary-color);
    color: var(--kamos-primary-darker);
    padding: var(--kamos-space-lg);
    border-radius: var(--kamos-border-radius-md);
    text-align: center;
    margin-top: var(--kamos-space-lg);
    display: none;
}