/**
 * MHBO Admin Business Info Styles
 *
 * Styling for the tabbed interface and media previews in the WordPress admin.
 *
 * @package ModernHotelBooking
 * @since   2.1.0
 */

.mhbo-business-wrap {
    max-width: 1200px;
    margin-top: 20px;
}

.mhbo-business-wrap .nav-tab-wrapper {
    margin-bottom: 0;
}

.mhbo-business-wrap .mhbo-tab-content {
    background: #fff;
    border: 1px solid #c3c4c7;
    border-top: none;
    padding: 20px 30px;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
}

.mhbo-business-wrap .dashicons {
    margin-right: 5px;
    vertical-align: middle;
}

.mhbo-business-wrap .form-table th {
    width: 200px;
}

.mhbo-business-wrap h1 {
    margin-bottom: 5px;
}

.mhbo-image-preview {
    margin-bottom: 10px;
    padding: 10px;
    border: 1px dashed #c3c4c7;
    background: #f6f7f7;
    display: inline-block;
    border-radius: 4px;
}

.mhbo-image-preview img {
    display: block;
    max-width: 200px;
    height: auto;
}

.mhbo-shortcodes-reference table {
    margin: 20px 0;
}

.mhbo-shortcodes-reference code {
    background: #f0f0f1;
    padding: 3px 6px;
    border-radius: 3px;
    color: #d63638;
}

.mhbo-shortcodes-reference .description {
    font-style: italic;
    color: #646970;
}