/**
 * Simple Booking - Hourly Form Styles
 */

.sb-hourly-form {
    max-width: 600px;
    margin: 0 auto;
    font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", sans-serif;
}

.sbh-step {
    display: none;
}

.sbh-step.active {
    display: block;
}

.sbh-step h3 {
    font-size: 18px;
    font-weight: 600;
    color: #2d2d2d;
    text-align: center;
    margin-bottom: 24px;
}

/* Form groups */
.sbh-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}

@media (max-width: 520px) {
    .sbh-form-row {
        grid-template-columns: 1fr;
    }
}

.sbh-form-group {
    margin-bottom: 16px;
}

.sbh-form-group label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #555;
    margin-bottom: 6px;
}

.sbh-form-group input,
.sbh-form-group select,
.sbh-form-group textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    color: #2d2d2d;
    background: #fff;
    transition: border-color 0.2s;
    box-sizing: border-box;
}

.sbh-form-group input:focus,
.sbh-form-group select:focus,
.sbh-form-group textarea:focus {
    outline: none;
    border-color: #c4a265;
}

/* Availability message */
.sbh-msg {
    font-size: 13px;
    padding: 10px 14px;
    border-radius: 6px;
    margin-bottom: 16px;
}

.sbh-msg-ok {
    background: #f0f7f1;
    color: #3a7a45;
    border: 1px solid #c8e6cc;
}

.sbh-msg-warn {
    background: #fef9ee;
    color: #8a6d00;
    border: 1px solid #f0e0a0;
}

.sbh-msg-error {
    background: #fdf2f2;
    color: #b44;
    border: 1px solid #f0d0d0;
}

/* Time section */
.sbh-time-section {
    margin-top: 16px;
}

/* Price note */
.sb-price-note {
    font-size: 11px;
    color: #999;
    margin-top: 8px;
    text-align: right;
}

/* Summary */
.sbh-summary {
    background: #faf8f5;
    border: 1px solid #e8e4de;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
}

.sbh-summary h4 {
    font-size: 15px;
    font-weight: 600;
    color: #2d2d2d;
    margin: 0 0 12px 0;
}

/* Selected date info */
.sbh-selected-info {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #c4a265;
    margin-top: 16px;
    padding: 10px;
    background: rgba(196, 162, 101, 0.08);
    border-radius: 6px;
}

/* Room section after calendar */
#sbh-room-section {
    margin-top: 20px;
}

/* Hourly calendar uses shared sb-calendar styles from calendar.css */
.sbh-calendar {
    margin-bottom: 8px;
}

/* Step actions */
.sbh-step-actions {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 24px;
}