/**
 * TranslatableFields Module Styles
 */

/* Translation status badges */
.translation-status .label {
    margin-right: 3px;
    font-size: 11px;
    padding: 3px 6px;
}

.translation-status .label i {
    margin-right: 2px;
}

/* Language tabs */
.translatable-space-form .nav-tabs > li > a,
.translatable-calendar-form .nav-tabs > li > a {
    padding: 10px 20px;
}

.translatable-space-form .tab-content,
.translatable-calendar-form .tab-content {
    padding: 20px;
    border: 1px solid #ddd;
    border-top: none;
    background: #fff;
}

/* Translation form styling */
.translation-form {
    background: #fafafa;
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.translation-form .form-group:last-child {
    margin-bottom: 0;
}

/* Language switcher */
.language-switcher {
    display: inline-block;
}

.language-switcher .flag-icon {
    margin-right: 5px;
}

.language-flags .flag-link {
    display: inline-block;
    margin-right: 10px;
    text-decoration: none;
}

.language-flags .flag-link:hover .flag-icon {
    opacity: 1 !important;
}

/* Admin dashboard stats */
.stat-box {
    text-align: center;
    padding: 15px;
}

.stat-box h2 {
    margin: 10px 0;
    font-size: 28px;
    font-weight: bold;
}

.stat-box .progress {
    height: 20px;
    margin-bottom: 15px;
}

.stat-box .progress-bar {
    line-height: 20px;
}

/* Panel improvements */
.panel-heading .fa {
    margin-right: 8px;
}

/* Grid view improvements */
.grid-view .label {
    display: inline-block;
}

/* Alert improvements */
.alert i {
    margin-right: 8px;
}

/* Flag icons (fallback if flag-icon-css not loaded) */
.flag-icon {
    display: inline-block;
    width: 16px;
    height: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

/* Tab active state */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background-color: #fff;
    border-bottom-color: #fff;
}

/* Help block styling */
.help-block {
    font-size: 12px;
    margin-top: 5px;
}

/* Well styling for config */
.well {
    background-color: #f9f9f9;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    padding: 15px;
}

/* Checkbox label */
.checkbox label {
    font-weight: normal;
}

/* Table improvements */
.table > tbody > tr > td {
    vertical-align: middle;
}

/* Button groups in tables */
.table .btn-group .btn,
.table .btn {
    margin-bottom: 0;
}