/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[1].use[1]!./assets/custom/css/media.css ***!
  \********************************************************************************************************************/
/* dataTable */
#dt-media tbody tr.dt-row-media-group td {
    background-color: #F5D089 !important;
    box-shadow: inset 0 0 0 9999px #F5D089 !important;
}
#dt-media thead tr th {
    background-color: #2A3042;
    color: #fff;
}

/* Collection column: vertical center */
#dt-media tbody tr td:first-child {
    vertical-align: middle;
    text-align: center;
}

/* Row hover */
.dataTables_wrapper #dt-media tbody tr.dt-row-media:hover td {
    background-color: #50A5F1 !important;
    box-shadow: inset 0 0 0 9999px #50A5F1 !important;
    color: #fff;
    cursor: pointer;
}
.dataTables_wrapper #dt-media tbody tr.dt-row-media:hover td .media-collection-link {
    color: #fff;
}

/* Row Activated */
.dataTables_wrapper #dt-media tbody tr.dt-row-media.row-activated td {
    background-color: #34C38F !important;
    box-shadow: inset 0 0 0 9999px #34C38F !important;
    color: #fff;
}
.dataTables_wrapper #dt-media tbody tr.dt-row-media.row-activated td .media-collection-link {
    color: #fff;
}

/* Pagination */
.dataTables_paginate .paginate_button.page-item.active .page-link {
    background-color: var(--bs-success);
    border-color: var(--bs-success);
    color: #fff;
}
.dataTables_paginate .paginate_button.page-item:not(.disabled) .page-link:hover,
.dataTables_paginate .paginate_button.page-item:not(.disabled) .page-link:focus {
    background-color: var(--bs-info);
    border-color: var(--bs-info);
    color: #fff;
}

/* Table content */
.media-table-title {
    font-size: 1rem;
    font-weight: 600;
}

/* Top bar: filter button + search sur la même ligne toujours */
#datatable_wrapper .row:first-child .col-12 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Search input */
#dt-media_filter {
    flex: 1 1 auto;
    min-width: 0;
}
#dt-media_filter label {
    display: flex;
    align-items: center;
    margin: 0;
    width: 100%;
}
.dt-search-wrapper {
    flex: 1 1 auto;
    position: relative;
    min-width: 0;
    width: 100%;
}
#dt-media_filter input[type="search"] {
    width: 100%;
    min-width: 0;
    padding-left: 2rem;
    font-size: 0.85rem;
}
.dt-search-icon {
    position: absolute;
    left: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    color: #aaa;
    pointer-events: none;
    z-index: 1;
}

/* Media row */
#dt-media tbody tr td:has(> .media-detail-row) {
    padding-top: 0;
    padding-bottom: 0;
}
.media-detail-row {
    border: 1px solid #34C38F;
    padding: 5px;
}
.media-detail-col-main {
    display: flex;
    flex-direction: column;
}

.media-detail-label {
    font-weight: bold;
}

/* Media row - main data */
.media-detail-row-main {
    border-bottom: 1px solid #34C38F;
    padding-bottom: 5px;
    margin-bottom: 5px;
    width: 100%;
}
.media-data-line {
    text-align: start;
    margin-bottom: 2px;
}

/* Media row - people */
.media-detail-row-people {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    width: 100%;
}

.media-detail-person-role-icon {
    display: inline-flex;
    align-items: center;
}

/* Media col actions */
.media-detail-col-action {
    border-left: 1px solid #34C38F;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 5px;
}

.media-detail-button {
    color: #2A3042;
    font-size: 0.95rem;
    padding: 2px 3px;
    transition: color 0.2s;
    line-height: 1;
    width: auto !important;
}
.media-detail-button:hover {
    color: #448CCD;
}
.media-detail-button:active {
    color: #2CA67A;
}
.media-detail-button-danger {
    color: #f46a6a;
}
.media-detail-button-danger:hover {
    color: #c0392b;
}

/* Select2 multi-select: caret-down on the right */
.select2-container--default .select2-selection--multiple {
    position: relative;
    padding-left: 0;
    padding-right: 28px;
}
.select2-container--default .select2-selection--multiple::after {
    content: "\f107"; /* fa-angle-down */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none;
    font-size: 0.9rem;
}
/* Select2 multi-select: align placeholder to the left edge */
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding-left: 0;
}
.select2-container--default .select2-selection--multiple .select2-search--inline,
.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
    margin-left: 0;
}

/* Form: placeholder color (native inputs + Select2) */
input::placeholder,
textarea::placeholder,
.select2-search__field::placeholder {
    color: #9C9C9C !important;
    opacity: 1; /* override Firefox default opacity */
}
.select2-container--default .select2-selection__placeholder {
    color: #9C9C9C;
}
/* Native <select>: grey out when placeholder option is selected, restore real options to default */
select:has(option[value=""]:checked) {
    color: #9C9C9C;
}
select option {
    color: initial;
}

/* Mobile view */
@media (max-width: 767.98px) {
    #dt-media_length {
        display: none;
    }

    .media-data-line {
        display: flex;
        flex-direction: column;
    }
    .media-data-line > span {
        display: block;
        width: 100%;
        text-align: left;
    }
    .media-detail-row-people {
        padding-bottom: 12px;
    }
    .media-detail-col-action {
        border-left: none;
        border-top: 1px solid #34C38F;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
}