:root {
    --main-color: #ffcc33;
}

/**
 * -------------------------------------------------------------------
 *  General
 * -------------------------------------------------------------------
 **/










/**
 * -------------------------------------------------------------------
 *  List of medias
 * -------------------------------------------------------------------
 **/
.files-actions {
    position: absolute;
    right: 0px;
    top: 0px;
}




/**
 * -------------------------------------------------------------------
 *  Upload medias
 * -------------------------------------------------------------------
 **/
.upload-medias .ml-container {
    max-width: 1100px;
    margin: auto;
}
.upload-medias #uppy {
    background: white;
    border-radius: 10px;
    padding: 10px;
}
.upload-medias #results {
    margin-top: 20px;
}
.upload-medias .result {
    background: white;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 8px;
}
.upload-medias .result a {
    word-break: break-all;
}
.upload-medias .success {
    color: green;
}
.upload-medias .error {
    color: red;
}
.upload-medias code {
    background: #eee;
    padding: 2px 5px;
    border-radius: 4px;
}



/**
 * -------------------------------------------------------------------
 *  Forms
 * -------------------------------------------------------------------
 **/
input[type="select"] {
    padding: var(--theme-var-input_padding) 20px;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: var(--theme-var-rad);
    -ms-border-radius: var(--theme-var-rad);
    border-radius: var(--theme-var-rad);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.02);
    box-sizing: border-box;
}

input[type="file"] {
    color: var(--theme-color-input_text);
    border-color: var(--theme-color-input_bd_color);
    background-color: var(--theme-color-input_bg_color);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.02);
    max-width: 410px;
    padding: var(--theme-var-input_padding) 20px;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: var(--theme-var-rad);
    -ms-border-radius: var(--theme-var-rad);
    border-radius: var(--theme-var-rad);    
}
input[type="range"] {
    accent-color: var(--main-color);
}

.form-row {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.form-col {
    flex: 1;
}

/* Responsive : retour en colonne sur mobile */
@media (max-width: 768px) {
    .form-row {
        flex-direction: column;
        gap: 0;
    }
}






/**
 * -------------------------------------------------------------------
 * Media queries responsive 
 * -------------------------------------------------------------------
 **/
@media (max-width: 2200px) {
}
@media (max-width: 1600px) {
}
@media (max-width: 1024px) {
}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
}