/*
Theme Name: EinfachVerbeamtet
Theme URI: https://www.einfachverbeamtet.de
Description: Verbeamtung Theme - Modernes Design für Beamtenberatung. Child Theme of Sauriatheme.
Author: EinfachVerbeamtet
Author URI: https://www.einfachverbeamtet.de
Template: sauriatheme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: einfachverbeamtet
Requires at least: 6.0
Requires PHP: 7.4
*/

/* ==========================================================================
   Google Fonts - Inter
   ========================================================================== */

/* ==========================================================================
   EinfachVerbeamtet Theme - Base Styles
   ========================================================================== */

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Base body styles - CI variables are injected via PHP */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ==========================================================================
   Layout & Structure
   ========================================================================== */

/* Remove default main padding on ALL Elementor canvas pages */
body.page-template-template-canvas main,
body.page-template-template-canvas main.pt-6,
body.page-template-template-canvas main.pt-32 {
    padding-top: 0 !important;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/* Custom fonts and typography settings */

/* ==========================================================================
   Components
   ========================================================================== */

/* Button styles, cards, etc. */

/* ==========================================================================
   Form Styles - Override parent theme defaults (HIGH SPECIFICITY)
   ========================================================================== */

/* EVTheme Contact Form - Clean underline design */
/* Using ID + class for maximum specificity to override sauriatheme base.css */
form.evtheme-contact-form input[type="text"],
form.evtheme-contact-form input[type="email"],
form.evtheme-contact-form input[type="number"],
form.evtheme-contact-form input[type="tel"],
form.evtheme-contact-form input[type="url"],
form.evtheme-contact-form textarea,
form.evtheme-contact-form select,
.evtheme-contact-form input[type="text"],
.evtheme-contact-form input[type="email"],
.evtheme-contact-form input[type="number"],
.evtheme-contact-form input[type="tel"],
.evtheme-contact-form input[type="url"],
.evtheme-contact-form textarea,
.evtheme-contact-form select {
    padding: 0.75rem 0 !important;
    border: none !important;
    border-bottom: 1px solid #e5e7eb !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    transition: border-color 0.2s ease !important;
}

.evtheme-contact-form input[type="text"]:focus,
.evtheme-contact-form input[type="email"]:focus,
.evtheme-contact-form input[type="number"]:focus,
.evtheme-contact-form input[type="tel"]:focus,
.evtheme-contact-form input[type="url"]:focus,
.evtheme-contact-form textarea:focus,
.evtheme-contact-form select:focus {
    border-bottom-color: var(--ci-accent, #007caf) !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Hide number input spinners */
.evtheme-contact-form input[type="number"] {
    -moz-appearance: textfield !important;
}

.evtheme-contact-form input[type="number"]::-webkit-outer-spin-button,
.evtheme-contact-form input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Floating label styles */
.evtheme-contact-form .relative label {
    pointer-events: none;
}

/* Checkbox styling */
.evtheme-contact-form input[type="checkbox"] {
    width: 1rem !important;
    height: 1rem !important;
    padding: 0 !important;
    border: 1px solid #d1d5db !important;
    border-radius: 0.25rem !important;
    cursor: pointer;
}

.evtheme-contact-form input[type="checkbox"]:checked {
    background-color: var(--ci-accent, #007caf) !important;
    border-color: var(--ci-accent, #007caf) !important;
}

/* ==========================================================================
   Responsive Design
   ========================================================================== */

/* Mobile-first responsive adjustments */