*{
    font-family: "Open Sans", sans-serif;
    padding: 0;
    margin: 0;
    box-shadow: none;
}

:root {
  --main-color: #f04e27;
  --black-color : #000000;
  --blue-color: #204fa1;
}

/* LOGO SIZE */
.logo-size-header{
    max-width: 150px;
}
.logo-size-footer{
    max-width: 150px;
}

/* FONTS SIZE */
.fs-8{
    font-size: 12px;
}

/* WIDTH */
.width-100{
    width: 100px;
}
.width-200{
    width: 200px;
}
.width-300{
    width: 300px;
}
.width-400{
    width: 400px;
}

/* Écran de tablette (max 768px) */
@media (max-width: 768px) {
    .width-300{
        width: 200px;
    }
    .width-400{
        width: 300px;
    }
}

/* Écran de téléphone (max 480px) */
@media (max-width: 480px) {
    .width-300{
        width: 100%;
    }
    .width-400{
        width: 100%;
    }
}

/* COLORS */
.orange-bg{
    background-color: var(--main-color)!important;
}
.orange-color{
    color: var(--main-color)!important;
}
.black-bg{
    background-color: var(--black-color)!important;
}
.black-color{
    color: var(--black-color)!important;
}
.blue-bg{
    background-color: var(--blue-color)!important;
}
.blue-color{
    color: var(--blue-color)!important;
}

/* MENUS */
.header-menu > a:hover + div {
    display: block!important;
    transition: display 0.3s ease-in-out, height 0.5s ease;
}
.header-menu > a + div:hover {
    display: block!important;
    transition: display 0.3s ease-in-out, height 0.5s ease;
}

/* Z-INDEX */
.z-index-5x{
    z-index: 99999!important;
}
.z-index-6x{
    z-index: 999999!important;
}
.z-index-7x{
    z-index: 9999999!important;
}
.z-index-8x{
    z-index: 99999999!important;
}
.z-index-9x{
    z-index: 999999999!important;
}

/* HEIGHT */
.h-100px{
    height: 100px;
}
.h-200px{
    height: 200px;
}
.h-300px{
    height: 300px;
}
.h-400px{
    height: 400px;
}
.h-500px{
    height: 500px;
}

/* PRODUCT NAME TRUNCATION */
.product-name-truncate {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    line-height: 1.4; /* Hauteur de ligne consistante */
}

/* Variante pour les titres de produits dans les cartes */
.product-card .card-title,
.card-title.text-truncate {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    line-height: 1.4;
}

/* Garantir que tous les noms de produits dans les cartes sont tronqués */
.product-card p.orange-color,
.product-card h6 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* ACTIVITY STYLES */
.activity-item {
    transition: all 0.3s ease;
}

.activity-item:hover {
    background-color: rgba(240, 78, 39, 0.05);
    border-radius: 8px;
    padding: 12px !important;
    margin: 0 -12px 12px -12px !important;
}

.activity-item:last-child {
    border-bottom: none !important;
}