/*
Theme Name: newio.ai Theme
Theme URI: https://newio.digitalsauria.de
Description: Healthcare Product Theme - Glaseffekt Navigation, CI-System, schlichte Komponenten. Child Theme of Sauriatheme.
Author: newio.ai
Author URI: https://newio.digitalsauria.de
Template: sauriatheme
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: newiotheme
Requires at least: 6.0
Requires PHP: 7.4
*/

/* ==========================================================================
   Google Fonts - Inter
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/* ==========================================================================
   newio.ai 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 - Global Overrides (newio.ai consistent style)
   ========================================================================== */

/* All headings: Inter, bold, dark CI color */
h1, h2, h3, h4, h5, h6,
.font-serif {
    font-family: 'Inter', sans-serif !important;
    font-style: normal !important;
}

h1 { font-weight: 700 !important; }
h2 { font-weight: 700 !important; }
h3 { font-weight: 600 !important; }
h4 { font-weight: 600 !important; }
h5 { font-weight: 600 !important; }
h6 { font-weight: 600 !important; }

h1, h2, h3, h4, h5, h6 {
    color: var(--ci-secondary, #061611);
    line-height: 1.2;
    letter-spacing: -0.02em;
}

/* Red accent dot after headings */
.accent-dot {
    color: var(--ci-accent, #ff0046) !important;
}

/* Body & paragraph text: Inter regular, gray */
body {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: var(--ci-text, #061611);
    line-height: 1.6;
}

p, li, td, th, dd, dt, blockquote, figcaption {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.7;
    color: #4b5563;
}

/* Override Tailwind font-light (300) to regular (400) globally */
.font-light {
    font-weight: 400 !important;
}

/* Override Instrument Serif usage — always Inter */
.font-serif {
    font-family: 'Inter', sans-serif !important;
}

/* Ensure Tailwind font-medium/semibold/bold map correctly */
.font-medium { font-weight: 500 !important; }
.font-semibold { font-weight: 600 !important; }
.font-bold { font-weight: 700 !important; }

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

/* Button styles, cards, etc. */

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

/* Newiotheme Contact Form - Clean underline design */
/* Using ID + class for maximum specificity to override sauriatheme base.css */
form.newiotheme-contact-form input[type="text"],
form.newiotheme-contact-form input[type="email"],
form.newiotheme-contact-form input[type="number"],
form.newiotheme-contact-form input[type="tel"],
form.newiotheme-contact-form input[type="url"],
form.newiotheme-contact-form textarea,
form.newiotheme-contact-form select,
.newiotheme-contact-form input[type="text"],
.newiotheme-contact-form input[type="email"],
.newiotheme-contact-form input[type="number"],
.newiotheme-contact-form input[type="tel"],
.newiotheme-contact-form input[type="url"],
.newiotheme-contact-form textarea,
.newiotheme-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;
}

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

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

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

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

/* Checkbox styling */
.newiotheme-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;
}

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

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

/* Mobile-first responsive adjustments */