/* List page */
.etiquetage-resume {
    margin-top : 10px;
}

.etiquetage-resume ul li {
    display: inline-block;
}

.etiquetage-resume ul.icons li {
    width: 60px;
    height: 35px;
}

.etiquetage-resume ul.values li {
    width: 30px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    margin: 0 21px 0 10px;
    padding-top: 3px;
    color: white;
}

.etiquetage-resume ul.values li.a {
    background-color: #00a651;
}

.etiquetage-resume ul.values li.b {
    background-color: #51b848;
}

.etiquetage-resume ul.values li.c {
    background-color: #bed730;
}

.etiquetage-resume ul.values li.d {
    background-color: #fff200;
}

.etiquetage-resume ul.values li.e {
    background-color: #fdb813;
}

.etiquetage-resume ul.values li.f {
    background-color: #f37021;
}

.etiquetage-resume ul.values li.g {
    background-color: #ed1c24;
}

.etiquetage-resume ul.values li.noise {
    background-color: black;
    width: 50px;
}

.etiquetage-resume ul.values li.first {
    margin-left: 6px;
}

.etiquetage-resume ul.values li.middle {
    margin-left: 13px;
    margin-right: 25px;
}

.etiquetage-resume ul.values li.last {
    margin: 0px;
}

.etiquetage-resume ul.values li.noise span {
    font-size: 10px;
    padding-left: 2px;
}

.etiquetage-resume ul.icons li.fuel {
    background: transparent url(../../frontend/Pneuma/autostore/fr_FR/Pneuma_Catalog/images/icons/fuel.jpg) no-repeat center top;
}

.etiquetage-resume ul.icons li.braking {
    background: transparent url(../../frontend/Pneuma/autostore/fr_FR/Pneuma_Catalog/images/icons/braking.jpg) no-repeat center top;
}

.etiquetage-resume ul.icons li.noise {
    background: transparent url(../../frontend/Pneuma/autostore/fr_FR/Pneuma_Catalog/images/icons/noise.jpg) no-repeat center top;
}

.etiquetage-resume ul.values li.u {
    background : transparent url(../../frontend/Pneuma/autostore/fr_FR/Pneuma_Catalog/images/icons/unknown.png) no-repeat center top;
}

/* Product page */
#etiquetage {
    background : transparent url(../../frontend/Pneuma/autostore/fr_FR/Pneuma_Catalog/images/icons/ec_tyre_label.png) no-repeat center top;
    margin: 0 10px 0 10px;
}

#etiquetage a {
    float: right;
}

#etiquetage .etiquetage-euro {
    height : 320px;
}

#etiquetage .etiquetage-euro .fuel {
    display : block;
    position : relative;
    left : 100px;
    width : 32px;
    height : 22px;
}

#etiquetage .etiquetage-euro .braking {
    display : block;
    position : relative;
    left : 180px;
    width : 32px;
    height : 22px;
}

#etiquetage .etiquetage-euro .noise {
    display : block;
    position : relative;
    width : 50px;
    left : 158px;
    top : 186px;
    color : white;
    font-weight : bold;
}

#etiquetage .etiquetage-euro .noise .value {
    font-size : 22px;
}

.fuel-a {
    width : 48px;
    height : 33px;
    top : 83px;
    background : transparent url(../../frontend/Pneuma/autostore/fr_FR/Pneuma_Catalog/images/icons/a.png) no-repeat center top;
}

.fuel-b {
    width : 48px;
    height : 33px;
    top : 100px;
    background : transparent url(../../frontend/Pneuma/autostore/fr_FR/Pneuma_Catalog/images/icons/b.png) no-repeat center top;
}

.fuel-c {
    width : 48px;
    height : 33px;
    top : 115px;
    background : transparent url(../../frontend/Pneuma/autostore/fr_FR/Pneuma_Catalog/images/icons/c.png) no-repeat center top;
}

.fuel-d {
    width : 48px;
    height : 33px;
    top : 130px;
    background : transparent url(../../frontend/Pneuma/autostore/fr_FR/Pneuma_Catalog/images/icons/d.png) no-repeat center top;
}

.fuel-e {
    width : 48px;
    height : 33px;
    top : 146px;
    background : transparent url(../../frontend/Pneuma/autostore/fr_FR/Pneuma_Catalog/images/icons/e.png) no-repeat center top;
}

.fuel-f {
    width : 48px;
    height : 33px;
    top : 162px;
    background : transparent url(../../frontend/Pneuma/autostore/fr_FR/Pneuma_Catalog/images/icons/f.png) no-repeat center top;
}

.fuel-g {
    width : 48px;
    height : 33px;
    top : 179px;
    background : transparent url(../../frontend/Pneuma/autostore/fr_FR/Pneuma_Catalog/images/icons/g.png) no-repeat center top;
}

.braking-a {
    width : 48px;
    height : 33px;
    top : 61px;
    background : transparent url(../../frontend/Pneuma/autostore/fr_FR/Pneuma_Catalog/images/icons/a.png) no-repeat center top;
}

.braking-b {
    width : 48px;
    height : 33px;
    top : 78px;
    background : transparent url(../../frontend/Pneuma/autostore/fr_FR/Pneuma_Catalog/images/icons/b.png) no-repeat center top;
}

.braking-c {
    width : 48px;
    height : 33px;
    top : 93px;
    background : transparent url(../../frontend/Pneuma/autostore/fr_FR/Pneuma_Catalog/images/icons/c.png) no-repeat center top;
}

.braking-d {
    width : 48px;
    height : 33px;
    top : 109px;
    background : transparent url(../../frontend/Pneuma/autostore/fr_FR/Pneuma_Catalog/images/icons/d.png) no-repeat center top;
}

.braking-e {
    width : 48px;
    height : 33px;
    top : 124px;
    background : transparent url(../../frontend/Pneuma/autostore/fr_FR/Pneuma_Catalog/images/icons/e.png) no-repeat center top;
}

.braking-f {
    width : 48px;
    height : 33px;
    top : 140px;
    background : transparent url(../../frontend/Pneuma/autostore/fr_FR/Pneuma_Catalog/images/icons/f.png) no-repeat center top;
}

.braking-g {
    width : 48px;
    height : 33px;
    top : 156px;
    background : transparent url(../../frontend/Pneuma/autostore/fr_FR/Pneuma_Catalog/images/icons/g.png) no-repeat center top;
}/**
 * PNEUMA WhatsApp - Version 1.0.0
 * Copyright (c) 2026 PNEU.MA Company. All Rights Reserved.
 *
 * Floating button + agent-picker popup, shown on every device.
 */

.pneu-wa-widget {
    display: block;
}

.pneu-wa-trigger {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 9998;
    width: 56px;
    height: 56px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background-color: #25d366;
    color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.pneu-wa-trigger:focus {
    outline: 2px solid #128c7e;
    outline-offset: 2px;
}

.pneu-wa-icon {
    width: 30px;
    height: 30px;
}

.pneu-wa-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.45);
}

.pneu-wa-overlay[hidden],
.pneu-wa-popup[hidden] {
    display: none;
}

.pneu-wa-popup {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 10000;
    width: fit-content;
    max-width: calc(100vw - 32px);
    max-height: 70vh;
    overflow-y: auto;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
}

.pneu-wa-popup-header {
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px;
    background-color: #25d366;
    color: #fff;
    border-radius: 12px 12px 0 0;
}

.pneu-wa-popup-title {
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
}

.pneu-wa-close {
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 24px;
    line-height: 1;
    padding: 0 4px;
    cursor: pointer;
}

.pneu-wa-agent-list {
    list-style: none;
    margin: 0;
    padding: 8px;
}

.pneu-wa-agent-item + .pneu-wa-agent-item {
    border-top: 1px solid #eee;
}

.pneu-wa-agent-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 8px;
    text-decoration: none;
    color: inherit;
}

.pneu-wa-agent-photo {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    background-color: #f0f0f0;
}

.pneu-wa-agent-info {
    display: flex;
    flex-direction: column;
}

.pneu-wa-agent-name {
    font-size: 14px;
    font-weight: 600;
    color: #222;
}

.pneu-wa-agent-role {
    font-size: 12px;
    color: #666;
}