/*
* awesome-media-capture/assets/css/amc-style.css
* Styles pour le conteneur adaptable et l'aperçu
*/

.amc-wrapper {
    display: flex;
    flex-direction: column;
    margin: 15px 0;
    box-sizing: border-box;
}

/* Le placeholder s'adapte à 100% du wrapper défini par l'utilisateur */
.amc-placeholder {
    width: 100%;
    height: 100%;
    min-height: 180px;
    background-color: #111418;
    border: 2px dashed #2d3238;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.amc-video, 
.amc-preview-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.amc-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #8c98a4;
}

.amc-empty-state .amc-icon {
    font-size: 32px;
    margin-bottom: 8px;
}

.amc-actions {
    margin-top: 10px;
}

.amc-btn-group {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.amc-btn {
    padding: 8px 14px;
    border: 1px solid #d2d6dc;
    background-color: #ffffff;
    color: #2c3338;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    transition: all 0.2s ease;
}

.amc-btn:hover {
    background-color: #f3f4f6;
}

.amc-btn-primary {
    background-color: #007cba;
    color: #ffffff;
    border-color: #007cba;
}

.amc-btn-danger {
    background-color: #d94f4f;
    color: #ffffff;
    border-color: #d94f4f;
}