/*
 * AMZ Guy — Custom Styles
 */

.amzguy-form-wrapper .wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.amzguy-form-wrapper .wpcf7-form p {
    margin: 0;
}

/* All inputs + textarea — shared base */
.amzguy-form-wrapper input[type="text"],
.amzguy-form-wrapper input[type="email"],
.amzguy-form-wrapper input[type="tel"],
.amzguy-form-wrapper input[type="url"],
.amzguy-form-wrapper select,
.amzguy-form-wrapper textarea {
    width: 100%;
    display: block;
    border-radius: 8px;
    padding: 11px 14px;
    font-size: 0.9rem;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
    box-sizing: border-box;
    font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
    border-width: 1.5px;
    border-style: solid;
}

.amzguy-form-wrapper textarea {
    resize: vertical;
    height: 110px !important;
}

/* Submit button — shared base */
.amzguy-form-wrapper input[type="submit"] {
    width: 100%;
    display: block;
    background: linear-gradient(135deg, #d4a847 0%, #EE8E2B 100%);
    color: #1a1500;
    font-size: 0.95rem;
    font-weight: 700;
    border: none;
    border-radius: 50px;
    padding: 13px 28px;
    cursor: pointer;
    transition: opacity 0.2s, transform 0.15s, box-shadow 0.2s;
    font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
    letter-spacing: 0.3px;
    margin-top: 6px;
}

.amzguy-form-wrapper input[type="submit"]:hover {
    opacity: 0.9;
    transform: translateY(-1px);
    box-shadow: 0 12px 28px -6px rgba(212, 168, 71, 0.45);
}

.amzguy-form-wrapper input[type="submit"]:active {
    transform: translateY(0);
}

/* Validation tip */
.amzguy-form-wrapper .wpcf7-not-valid-tip {
    font-size: 0.78rem;
    margin-top: -8px;
    margin-bottom: 6px;
    display: block;
}

/* Response output */
.amzguy-form-wrapper .wpcf7-response-output {
    margin-top: 12px;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 0.84rem;
    border: none !important;
}


/* =============================================================================
   2. LIGHT THEME — Contact page form
   ============================================================================= */

.amzguy-form-wrapper.theme-light input[type="text"],
.amzguy-form-wrapper.theme-light input[type="email"],
.amzguy-form-wrapper.theme-light input[type="tel"],
.amzguy-form-wrapper.theme-light input[type="url"],
.amzguy-form-wrapper.theme-light select,
.amzguy-form-wrapper.theme-light textarea {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #0f172a;
}

.amzguy-form-wrapper.theme-light input::placeholder,
.amzguy-form-wrapper.theme-light textarea::placeholder {
    color: #9ca3af;
}

.amzguy-form-wrapper.theme-light label {
    display: block;
    color: #374151;
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 4px;
}

.amzguy-form-wrapper.theme-light input[type="text"]:focus,
.amzguy-form-wrapper.theme-light input[type="email"]:focus,
.amzguy-form-wrapper.theme-light input[type="tel"]:focus,
.amzguy-form-wrapper.theme-light select:focus,
.amzguy-form-wrapper.theme-light textarea:focus {
    border-color: #d4a847;
    box-shadow: 0 0 0 3px rgba(212, 168, 71, 0.15);
    background: #ffffff;
}

.amzguy-form-wrapper.theme-light .wpcf7-not-valid {
    border-color: #ef4444 !important;
}

.amzguy-form-wrapper.theme-light .wpcf7-not-valid-tip {
    color: #ef4444;
}

.amzguy-form-wrapper.theme-light .wpcf7-mail-sent-ok {
    background: rgba(34, 197, 94, 0.08);
    color: #16a34a;
    border: 1px solid rgba(34, 197, 94, 0.25) !important;
}

.amzguy-form-wrapper.theme-light .wpcf7-validation-errors,
.amzguy-form-wrapper.theme-light .wpcf7-mail-sent-ng {
    background: rgba(239, 68, 68, 0.07);
    color: #dc2626;
    border: 1px solid rgba(239, 68, 68, 0.2) !important;
}


/* =============================================================================
   3. DARK THEME — Service page form
   ============================================================================= */

.amzguy-form-wrapper.theme-dark input[type="text"],
.amzguy-form-wrapper.theme-dark input[type="email"],
.amzguy-form-wrapper.theme-dark input[type="tel"],
.amzguy-form-wrapper.theme-dark input[type="url"],
.amzguy-form-wrapper.theme-dark select,
.amzguy-form-wrapper.theme-dark textarea {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.13);
    color: #f1f5f9;
}

.amzguy-form-wrapper.theme-dark input::placeholder,
.amzguy-form-wrapper.theme-dark textarea::placeholder {
    color: rgba(241, 245, 249, 0.4);
}

.amzguy-form-wrapper.theme-dark input[type="text"]:focus,
.amzguy-form-wrapper.theme-dark input[type="email"]:focus,
.amzguy-form-wrapper.theme-dark input[type="tel"]:focus,
.amzguy-form-wrapper.theme-dark select:focus,
.amzguy-form-wrapper.theme-dark textarea:focus {
    border-color: #d4a847;
    box-shadow: 0 0 0 3px rgba(212, 168, 71, 0.18);
    background: rgba(255, 255, 255, 0.1);
}

.amzguy-form-wrapper.theme-dark .wpcf7-not-valid {
    border-color: #fb923c !important;
}

.amzguy-form-wrapper.theme-dark .wpcf7-not-valid-tip {
    color: #fb923c;
}

.amzguy-form-wrapper.theme-dark .wpcf7-mail-sent-ok {
    background: rgba(34, 197, 94, 0.12);
    color: #4ade80;
    border: 1px solid rgba(34, 197, 94, 0.25) !important;
}

.amzguy-form-wrapper.theme-dark .wpcf7-validation-errors,
.amzguy-form-wrapper.theme-dark .wpcf7-mail-sent-ng {
    background: rgba(251, 146, 60, 0.1);
    color: #fb923c;
    border: 1px solid rgba(251, 146, 60, 0.25) !important;
}


/* =============================================================================
   4. CONTACT PAGE — layout extras
   ============================================================================= */

/* Perk cards (Fast response, Confidential, No pressure) */
.page-template-contact .flex.items-start.gap-4 {
    background: #111827 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #f1f5f9;
}

.page-template-contact .flex.items-start.gap-4 p {
    color: #f1f5f9;
}

.page-template-contact .flex.items-start.gap-4 .text-sm {
    color: #94a3b8 !important;
}

/* Info card label */
.page-template-contact .flex.items-center.gap-4 .text-xs {
    color: #94a3b8 !important;
}

/* Info card hover */
.page-template-contact .flex.items-center.gap-4:hover {
    border-color: rgba(212, 168, 71, 0.4) !important;
    box-shadow: 0 4px 20px rgba(212, 168, 71, 0.08);
}

/* Form card — white */
.page-template-contact .rounded-3xl {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.18) !important;
}

.page-template-contact .rounded-3xl h3 {
    color: #0f172a;
    font-size: 1.2rem;
    font-weight: 800;
}

.page-template-contact .rounded-3xl > p.text-sm {
    color: #64748b;
}

/* muted text */
.page-template-contact .text-muted-foreground {
    color: #94a3b8 !important;
}

/* Mobile spacing */
@media (max-width: 768px) {
    .page-template-contact section {
        padding-top: 40px !important;
        padding-bottom: 60px !important;
    }
}