/**
 * 2024 DMConcept
 *
 * NOTICE OF LICENSE
 *
 * This file is licenced under the Software License Agreement.
 * With the purchase or the installation of the software in your application
 * you accept the licence agreement
 *
 * @author    DMConcept <support@dmconcept.fr>
 * @copyright 2024 DMConcept
 * @license   Commercial license (You can not resell or redistribute this software.)
 *
 */

.pfc-card {position: relative; display: flex; flex-direction: column; width: 100%;}
.pfc-card .pfc-card-header {
    position: relative; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;
    align-items: center; width: 100%; padding: 0.8rem 1.2rem; color: #ffffff; background-color: #000;
    border-top-left-radius: 6pt; border-top-right-radius: 6pt; font-size: 15px; font-weight: 1000; gap: 0.5rem;
    border: 1px solid #000; border-bottom: none;
}
.pfc-card .pfc-card-body {
    position: relative; display: flex; flex-direction: column; width: 100%; min-height: 1rem;
    background-color: #ffffff; border: 1px solid #000; border-top: none;
}
.pfc-orders {position: relative; display: flex; flex-direction: column; padding: 0; margin: 0; list-style-type: none;}
.pfc-orders > li:not(:nth-last-child(1)) {border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.pfc-orders > li {
    position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center;
    background-color: #ffffff;
}
/*.pfc-orders > li a {
    display: inherit; flex-direction: inherit; justify-content: inherit; align-items: inherit; gap: inherit;
    padding: 0.2rem; width: 100%;
}*/
.pfc-orders > li .pfc-order-col {position: relative; display: flex; flex: 1 1 0;}
.admin-switch-order-checkbox {width: 1rem; height: 1rem;  cursor: pointer;}
.pfc-orders > li:hover .pfc-order-reference {text-decoration: underline;}
.pfc-orders > li .pfc-order-reference {color: #666;}
.pfc-orders > li .pfc-order-date {font-size: 15px; color: #000000;}
.col-separator {flex-direction: column;}
.col-separator, .row-separator {position: relative; display: flex;}
.pfc-orders > li .pfc-order-price {font-size: 16px; color: #3cbfef; font-weight: bold; text-align: right;}
.pfc-orders > li .pfc-order-payment {color: #8c8c8c; font-size: 12px;}
.pfc-orders > li .pfc-order-status {
    padding: 0.1rem 0.5rem; font-size: 13px; color: #ffffff; border-radius: 3pt; font-weight: 600;
}
#order-products .reference, .order-items .reference {color: #dc0000; font-size: 0.9em; font-weight: normal}
/* Désactiver le sticky en mobile */
@media (max-width: 991.98px) {
    .sticky {
        position: static !important;
        top: auto !important;
    }
}