/* vastu-upitnik.css v1.0.1 */

.vu-wrap { max-width: 100%; margin: 0; padding: 2.5rem 0; font-family: 'Poppins', sans-serif; color: #1a1a1a; }
.vu-header { text-align: center; margin-bottom: 2.5rem; }
.vu-eyebrow { font-family: 'Poppins', sans-serif !important; font-size: 18px !important; font-weight: 400 !important; line-height: 30.6px !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: #897539 !important; margin: 0 0 0 !important; }
.vu-title { font-family: 'Playfair Display', serif; font-size: 40px; font-weight: 600; line-height: 1.25; margin: 0 0 0.75rem; color: #1a1a1a; }
.vu-subtitle { font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.7; color: #333; margin: 0; }

/* Sekcije forme */
.vu-section { background: #fff; border: 1px solid #d5d5d5; border-radius: 12px; padding: 1.5rem; margin-bottom: 1.25rem; box-sizing: border-box; }
.vu-section-title { font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: #897539; margin: 0 0 1.25rem; }
.vu-section-note { font-family: 'Poppins', sans-serif; font-size: 13px; color: #666; margin: -0.75rem 0 1.25rem; font-style: italic; }

/* Redovi i grupe */
.vu-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.vu-group { margin-bottom: 1.1rem; }
.vu-group:last-child { margin-bottom: 0; }
.vu-group label { display: block; font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 500; color: #1a1a1a; margin-bottom: 6px; }
.vu-hint { font-family: 'Poppins', sans-serif; font-size: 13px; color: #666; margin: 5px 0 0; font-style: italic; line-height: 1.5; }

/* Inputi */
.vu-group input[type="text"],
.vu-group input[type="email"],
.vu-group input[type="tel"],
.vu-group input[type="number"],
.vu-group input[type="date"],
.vu-group input[type="time"],
.vu-group select,
.vu-group textarea {
    width: 100% !important;
    padding: 10px 12px !important;
    border: 1px solid #ccc !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-family: 'Poppins', sans-serif !important;
    background: #fafafa !important;
    color: #1a1a1a !important;
    transition: border-color 0.15s;
    box-sizing: border-box !important;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: none !important;
    outline: none !important;
    line-height: 1.5 !important;
}
.vu-group input:focus,
.vu-group select:focus,
.vu-group textarea:focus { border-color: #888 !important; background: #fff !important; }
.vu-group textarea { resize: vertical; min-height: 110px; line-height: 1.6 !important; }
.vu-group select {
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    padding-right: 36px !important;
}
.vu-group input[type="number"] { -moz-appearance: textfield; }
.vu-group input[type="number"]::-webkit-inner-spin-button,
.vu-group input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; }

/* Simptomi checkboxovi */
.vu-simptomi-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 4px; }
.vu-simptom-label { display: flex !important; align-items: center !important; gap: 9px; padding: 9px 12px; border: 1px solid #ccc; border-radius: 8px; cursor: pointer; transition: all 0.15s; font-family: 'Poppins', sans-serif !important; font-size: 13px !important; color: #1a1a1a !important; background: #fafafa; margin-bottom: 0 !important; font-weight: 400 !important; }
.vu-simptom-label:hover { border-color: #999; background: #f5f5f5; }
.vu-simptom-label input[type="checkbox"] { flex-shrink: 0 !important; width: 16px !important; height: 16px !important; accent-color: #1a1a1a; cursor: pointer; margin: 0 !important; }
.vu-simptom-label.checked { border-color: #1a1a1a; background: #f5f5f5; color: #1a1a1a !important; font-weight: 500 !important; }

/* File upload */
.vu-upload-area { border: 2px dashed #ddd; border-radius: 8px; padding: 1.5rem 1rem; text-align: center; cursor: pointer; transition: border-color 0.15s; background: #fafafa; }
.vu-upload-area:hover { border-color: #999; }
.vu-upload-area p { font-family: 'Poppins', sans-serif; font-size: 13px; color: #555; margin: 0 0 0.75rem; line-height: 1.6; }
.vu-upload-area input[type="file"] { display: none; }
.vu-upload-btn { display: inline-block; padding: 9px 20px; background: #1a1a1a; color: #fff !important; border-radius: 8px; font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 500; cursor: pointer; transition: opacity 0.15s; text-decoration: none !important; }
.vu-upload-btn:hover { opacity: 0.8; }
.vu-file-list { margin-top: 0.75rem; }
.vu-file-item { display: flex; align-items: center; justify-content: space-between; padding: 7px 10px; background: #f5f5f5; border-radius: 6px; margin-top: 6px; font-family: 'Poppins', sans-serif; font-size: 12px; color: #444; }
.vu-file-remove { background: none !important; border: none !important; box-shadow: none !important; cursor: pointer; color: #c0392b !important; font-size: 16px; padding: 0 4px; line-height: 1; }
.vu-file-error { font-family: 'Poppins', sans-serif; font-size: 13px; color: #c0392b; margin-top: 5px; }

/* Pristanci */
.vu-divider { height: 1px; background: #eee; margin: 1.25rem 0; }
.vu-privacy-label { display: flex !important; align-items: flex-start !important; gap: 10px; margin-bottom: 1rem; cursor: pointer; }
.vu-privacy-label input[type="checkbox"] { flex-shrink: 0 !important; width: 18px !important; height: 18px !important; margin-top: 2px !important; accent-color: #1a1a1a; cursor: pointer; }
.vu-privacy-label span { font-family: 'Poppins', sans-serif; font-size: 13px; color: #333; line-height: 1.55; }
.vu-privacy-label span a { color: #897539 !important; text-decoration: underline !important; }
.vu-privacy-label span a:hover { color: #5a4d24 !important; }

/* Error */
.vu-error { font-size: 13px; color: #c0392b; background: #fdf0ef; border: 1px solid #f5c6c2; border-radius: 8px; padding: 10px 14px; margin-bottom: 1rem; font-family: 'Poppins', sans-serif; }
.vu-group input.invalid,
.vu-group select.invalid,
.vu-group textarea.invalid { border-color: #c0392b !important; }

/* Dugme — identična kopija vc-btn + vc-btn-gold iz vastu-kontakt */
.vu-btn { width: 100%; padding: 13px; background: #1a1a1a; color: #fff !important; border: none; border-radius: 8px; font-size: 15px; font-weight: 500; cursor: pointer; transition: opacity 0.15s; font-family: 'Poppins', sans-serif; }
.vu-btn:hover { opacity: 0.85; }
.vu-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.vu-btn-gold { background: #ffd145 !important; color: #1a1a1a !important; border: none !important; }
.vu-btn-gold:hover { background: #f0c330 !important; opacity: 1; }
.vu-note { font-family: 'Poppins', sans-serif; font-size: 13px; color: #666; text-align: center; margin-top: 0.75rem; }

/* Success */
.vu-success { text-align: center; padding: 3rem 1.5rem; background: #fff; border: 1px solid #e8e8e8; border-radius: 12px; }
.vu-success.hidden { display: none !important; }
.vu-check { width: 52px; height: 52px; border-radius: 50%; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.25rem; font-size: 22px; color: #1a1a1a; }
.vu-success .vu-success-title { font-family: 'Playfair Display', serif; font-size: 26px; font-weight: 500; margin: 0 0 0.75rem; color: #1a1a1a; }
.vu-success .vu-success-subtitle { font-family: 'Poppins', sans-serif; font-size: 15px; color: #333; line-height: 1.8; margin: 0; white-space: pre-line; }

/* Honeypot */
.vu-website-field { position: absolute; left: -9999px; opacity: 0; height: 0; width: 0; overflow: hidden; }

.hidden { display: none !important; }

@media (max-width: 600px) {
    .vu-title { font-size: 28px; }
    .vu-subtitle { font-size: 14px; }
    .vu-row, .vu-simptomi-grid { grid-template-columns: 1fr; }
}