/* ----------------------------------------------
   GENERAL ADMIN UI STYLES
---------------------------------------------- */

.tcch-repeater {
    margin: 20px 0;
    padding: 0;
}

.tcch-repeater-items {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.tcch-repeater-item {
    background: #fff;
    border: 1px solid #ccd0d4;
    padding: 16px;
    border-radius: 6px;
    position: relative;
}

.tcch-repeater-item:hover {
    border-color: #007cba;
}

.tcch-remove-item {
    margin-top: 10px;
    background: #d63638 !important;
    border-color: #b12b2c !important;
    color: #fff !important;
}

.tcch-remove-item:hover {
    background: #c02829 !important;
}



/* ----------------------------------------------
   IMAGE PREVIEW
---------------------------------------------- */

.tcch-image-preview {
    display: block;
    margin-top: 6px;
    max-width: 150px;
    border-radius: 4px;
}

/* ----------------------------------------------
   "Add" Buttons
---------------------------------------------- */

.tcch-add-item,
.tcch-add-service,
.tcch-add-stat,
.tcch-add-gallery-group {
    margin-top: 10px;
    background: #007cba !important;
    color: #fff !important;
    border-color: #007cba !important;
}

.tcch-add-item:hover,
.tcch-add-service:hover,
.tcch-add-stat:hover,
.tcch-add-gallery-group:hover {
    background: #006ba1 !important;
}



/* ----------------------------------------------
   DRAG & DROP HIGHLIGHTING
---------------------------------------------- */

.tcch-gallery-item.drag-over {
    border-color: #007cba;
    background: #e2f5ff;
}



/* ----------------------------------------------
   FORM TABLE IMPROVEMENTS
---------------------------------------------- */

.form-table th {
    width: 220px;
    vertical-align: top;
}

.form-table input.regular-text,
.form-table textarea.large-text {
    max-width: 500px;
}


/* ----------------------------------------------
   SECTION DIVIDERS
---------------------------------------------- */

hr {
    border: 0;
    border-top: 1px solid #e2e4e7;
    margin: 20px 0;
}
