.inoda-fiches,
.inoda-fr {
--if-accent: var(--global-palette1, #1f5fa8);
--if-accent-2: var(--global-palette2, #174a84);
--if-texte: var(--global-palette3, #1a202c);
--if-texte-2: var(--global-palette5, #4a5568);
--if-discret: var(--global-palette6, #718096);
--if-bordure: var(--global-palette7, #e2e8f0);
--if-fond: var(--global-palette8, #f7fafc);
--if-blanc: var(--global-palette9, #ffffff);
--if-meta: var(--inoda-fiches-meta, var(--global-palette4, #2d3748));
--if-rayon: 6px;
} .inoda-fiches__outils {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
margin-bottom: 12px;
}
.inoda-fiches__champ { flex: 1 1 280px; }
.inoda-fiches__q,
.inoda-fiches__cat {
width: 100%;
min-height: 44px;
border: 1px solid var(--if-bordure);
border-radius: var(--if-rayon);
background: var(--if-blanc);
color: var(--if-texte);
font-size: 16px; }
.inoda-fiches__q { padding: 0 14px; }
.inoda-fiches__cats { flex: 0 1 240px; }
.inoda-fiches__marques { display: flex; flex-wrap: wrap; gap: 6px; }
.inoda-fiches__marque {
min-height: 44px;
padding: 0 16px;
border: 1px solid var(--if-bordure);
border-radius: 999px;
background: var(--if-blanc);
color: var(--if-texte);
font-size: 15px;
line-height: 1;
cursor: pointer;
box-shadow: none;
}
.inoda-fiches__marque:hover { border-color: var(--if-accent); color: var(--if-accent); background: var(--if-blanc); }
.inoda-fiches__marque.is-active { background: var(--if-accent); border-color: var(--if-accent); color: var(--if-blanc); }
.inoda-fiches__compteur { margin: 0 0 8px; font-size: 14px; color: var(--if-discret); }
.inoda-fiches__liste {
list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid var(--if-bordure);
}
.inoda-fiches--2col .inoda-fiches__liste { border-top: 0; }
@media (min-width: 1024px) {
.inoda-fiches--2col .inoda-fiches__liste {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 32px;
}
.inoda-fiches--2col .inoda-fiches__item:nth-child(-n+2) { border-top: 1px solid var(--if-bordure); }
}
.inoda-fiches__item {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin: 0;
padding: 12px 4px;
border-bottom: 1px solid var(--if-bordure);
}
.inoda-fiches__item[hidden] { display: none; }
.inoda-fiches__item:hover { background: var(--if-fond); }
.inoda-fiches__infos { display: flex; flex-direction: column; min-width: 0; }
.inoda-fiches__nom { font-weight: 600; color: var(--if-texte); }
.inoda-fiches__meta { font-size: 13px; color: var(--if-meta); }
.inoda-fiches__actions { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
.inoda-fiches__pdf {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 38px;
padding: 0 14px;
border-radius: var(--if-rayon);
background: var(--if-accent);
color: var(--if-blanc) !important;
font-size: 14px;
font-weight: 600;
text-decoration: none !important;
white-space: nowrap;
}
.inoda-fiches__pdf:hover,
.inoda-fiches__pdf:focus-visible { background: var(--if-accent-2); }
.inoda-fiches__pdf small { font-weight: 400; opacity: .85; }
.inoda-fiches__ico {
width: 14px;
height: 14px;
background: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6M9 15h6M9 18h4'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6M9 15h6M9 18h4'/%3E%3C/svg%3E") center / contain no-repeat;
}
.inoda-fiches__absent { font-size: 13px; font-style: italic; color: var(--if-discret); white-space: nowrap; }
.inoda-fiches__produit { font-size: 13px; color: var(--if-texte-2); white-space: nowrap; }
.inoda-fiches__vide { padding: 24px 0; color: var(--if-discret); }
@media (max-width: 600px) {
.inoda-fiches__item { flex-direction: column; align-items: flex-start; gap: 8px; }
.inoda-fiches__cats { flex-basis: 100%; }
} .inoda-fr { position: relative; width: 100%; max-width: 480px; margin: 0 auto; }
.inoda-fr--gauche { margin-left: 0; margin-right: auto; }
.inoda-fr--droite { margin-left: auto; margin-right: 0; }
.inoda-fr form, .inoda-fr__champ { margin: 0; }
.inoda-fr__champ { position: relative; }
.inoda-fr__loupe {
position: absolute;
left: 12px;
top: 50%;
width: 16px;
height: 16px;
transform: translateY(-50%);
background: var(--if-discret);
pointer-events: none;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") center / contain no-repeat;
}
.inoda-fr__q {
width: 100%;
min-height: 42px;
padding: 0 12px 0 36px !important;
border: 1px solid var(--if-bordure);
border-radius: var(--if-rayon);
background: var(--if-blanc);
color: var(--if-texte);
font-size: 16px;
}
.inoda-fr__liste {
position: absolute;
z-index: 1000;
top: calc(100% + 4px);
left: 0;
right: 0;
min-width: 300px;
max-height: 60vh;
overflow-y: auto;
margin: 0;
padding: 4px;
list-style: none;
background: var(--if-blanc);
border: 1px solid var(--if-bordure);
border-radius: var(--if-rayon);
box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
text-align: left;
}
.inoda-fr__liste[hidden] { display: none; }
.inoda-fr__liste li { margin: 0; }
.inoda-fr__opt a {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 8px 10px;
border-radius: 4px;
color: var(--if-texte) !important;
text-decoration: none !important;
}
.inoda-fr__opt.is-actif a { background: var(--if-fond); }
.inoda-fr__txt { display: flex; flex-direction: column; min-width: 0; }
.inoda-fr__nom { font-weight: 600; font-size: 15px; line-height: 1.3; }
.inoda-fr__meta { font-size: 12px; color: var(--if-meta); line-height: 1.3; }
.inoda-fr__badge {
flex-shrink: 0;
padding: 3px 8px;
border-radius: 4px;
background: var(--if-accent);
color: var(--if-blanc);
font-size: 12px;
font-weight: 700;
white-space: nowrap;
}
.inoda-fr__badge small { font-weight: 400; opacity: .85; }
.inoda-fr__absent { flex-shrink: 0; font-size: 12px; font-style: italic; color: var(--if-discret); white-space: nowrap; }
.inoda-fr__aucun { padding: 10px; font-size: 14px; color: var(--if-discret); }
.inoda-fr__tout { border-top: 1px solid var(--if-bordure); margin-top: 4px !important; }
.inoda-fr__tout a { display: block; padding: 8px 10px; font-size: 13px; color: var(--if-accent); text-decoration: none; }
.inoda-fr__tout a:hover { text-decoration: underline; }