/*
Theme Name:  Startup Sidlo Plain
Theme URI:   https://startup-sidlo.cz
Description: Plain WordPress theme – no build tools, no Sage/Blade.
Version:     1.0.0
Author:      Interaktif
Text Domain: startup-plain
*/

/* Alpine.js cloak – hide elements until Alpine initialises */
[x-cloak] { display: none !important; }

/* ---------------------------------------------------------------
   Form styles (used by the [startup-form] shortcode)
--------------------------------------------------------------- */
.startup-form-wrap form {
    max-width: 640px;
    margin: 2rem auto;
    font-family: system-ui, sans-serif;
    font-size: 1rem;
    color: #1a202c;
}

.startup-form-wrap fieldset {
    border: 1px solid #cbd5e0;
    border-radius: 0.5rem;
    padding: 1.25rem;
    margin-bottom: 1.25rem;
}

.startup-form-wrap legend {
    font-weight: 700;
    padding: 0 0.5rem;
    font-size: 1.05rem;
}

.startup-form-wrap label {
    display: block;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.startup-form-wrap input[type="text"],
.startup-form-wrap input[type="email"],
.startup-form-wrap input[type="tel"],
.startup-form-wrap input[type="date"],
.startup-form-wrap select {
    width: 100%;
    padding: 0.5rem 0.75rem;
    border: 1px solid #cbd5e0;
    border-radius: 0.375rem;
    background: #fff;
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.startup-form-wrap .mt-1 { margin-top: 0.75rem; }
.startup-form-wrap .note { font-size: 0.8rem; color: #718096; margin: 0; }
.startup-form-wrap .small { font-size: 0.875rem; color: #4a5568; }

.startup-form-wrap .grid.grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}
@media (max-width: 640px) {
    .startup-form-wrap .grid.grid-2 { grid-template-columns: 1fr; }
}

.startup-form-wrap .flex { display: flex; align-items: flex-start; gap: 0.5rem; margin-bottom: 0.5rem; }
.startup-form-wrap .flex-start { display: flex; align-items: flex-start; gap: 0.5rem; }

.startup-form-wrap button[type="submit"] {
    display: inline-block;
    background: #3b82f6;
    color: #fff;
    font-weight: 700;
    font-size: 1.1rem;
    padding: 0.75rem 2rem;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background 0.2s;
}
.startup-form-wrap button[type="submit"]:hover { background: #2563eb; }

.startup-form-wrap input[type="radio"],
.startup-form-wrap input[type="checkbox"] {
    margin-top: 0.2rem;
    flex-shrink: 0;
}

/* ---------------------------------------------------------------
   Simple page / conditions layout
--------------------------------------------------------------- */
.simple-page-content {
    max-width: 800px;
    margin: 2rem auto;
    padding: 0 1rem 4rem;
    line-height: 1.7;
}
.simple-page-content h1 { font-size: 2rem; font-weight: 700; margin-bottom: 1rem; }
.simple-page-content h2 { font-size: 1.4rem; font-weight: 700; margin: 1.5rem 0 0.5rem; }
.simple-page-content p { margin-bottom: 1rem; }
.simple-page-content ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 1rem; }

/* ---------------------------------------------------------------
   Responsive mobile nav
--------------------------------------------------------------- */
@media (max-width: 768px) {
    .mobile-menu { display: none; }
    .mobile-menu.open { display: flex; flex-direction: column; position: absolute; top: 100%; left: 0; right: 0; background: #fff; border-top: 1px solid #e5e7eb; padding: 1rem; gap: 0.75rem; z-index: 50; }
}