/*
Theme Name: Anesta Theme
Theme URI: https://anesta.de
Author: Anesta GmbH
Description: Ein modernes, performantes Theme für Trockenbau und Innenausbau. Basiert auf TailwindCSS.
Version: 1.5
License: Proprietary
*/

/* 
   CONTACT FORM 7 STYLING
   Wir nutzen !important massiv, da Tailwind Preflight (Reset) sonst alle Styles der Formularelemente entfernt.
*/

/* Formular Container */
.wpcf7 {
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Alle Elemente Box-Sizing */
.wpcf7 * {
    box-sizing: border-box;
}

/* Labels */
.wpcf7 label {
    font-family: system-ui, -apple-system, sans-serif;
    font-size: 0.875rem !important; /* text-sm */
    font-weight: 600 !important; /* font-semibold */
    color: #334155 !important; /* slate-700 */
    margin-bottom: 0.5rem !important;
    display: block !important;
}

/* Eingabefelder (Input Types & Textarea) */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 textarea {
    width: 100% !important;
    background-color: #f8fafc !important; /* bg-slate-50 */
    border: 1px solid #cbd5e1 !important; /* border-slate-300 */
    color: #0f172a !important; /* text-slate-900 */
    padding: 0.75rem 1rem !important; /* p-3 */
    border-radius: 0.25rem !important; /* rounded-sm */
    font-size: 1rem !important;
    line-height: 1.5 !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-appearance: none !important; /* iOS Reset */
    appearance: none !important;
    margin-bottom: 0 !important;
    display: block !important;
    min-height: 46px !important; /* Verhindert Zusammenfallen */
}

/* Fokus-Zustand */
.wpcf7 input:focus,
.wpcf7 textarea:focus {
    background-color: #ffffff !important;
    border-color: #1d4ed8 !important; /* blue-700 */
    box-shadow: 0 0 0 1px #1d4ed8 !important;
}

/* Placeholder Farbe */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
    color: #94a3b8 !important; /* slate-400 */
    opacity: 1;
}

/* Submit Button (Senden) */
.wpcf7 input[type="submit"] {
    width: 100% !important;
    background-color: #1d4ed8 !important; /* bg-blue-700 */
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    padding: 1rem 1.5rem !important;
    border: none !important;
    border-radius: 0.25rem !important;
    cursor: pointer !important;
    margin-top: 1.5rem !important;
    text-transform: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    transition: background-color 0.2s ease-in-out !important;
    display: block !important;
}

/* Submit Button Hover */
.wpcf7 input[type="submit"]:hover {
    background-color: #1e40af !important; /* bg-blue-800 */
}

/* Fehlermeldungen unter den Feldern */
.wpcf7-not-valid-tip {
    color: #dc2626 !important; /* red-600 */
    font-size: 0.75rem !important;
    margin-top: 0.25rem !important;
    display: block !important;
}

/* Grid Layout Helfer (falls im HTML verwendet) */
.grid {
    display: grid;
}
.md\:grid-cols-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px) {
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.gap-5 {
    gap: 1.25rem;
}
.mb-5 {
    margin-bottom: 1.25rem;
}

/* Spinner verstecken */
.wpcf7-spinner {
    display: none !important;
}