/*
 * Korigan - Pictogrammes d'entretien (police TextileLH PiTwo).
 *
 * Les fichiers de police sont attendus dans `../fonts/` (relatif à ce CSS),
 * soit le dossier `modules/korproductfields/views/fonts/`.
 *
 * Recommandation : fournir au minimum WOFF2 (compression, largement supporté)
 * et un fallback WOFF pour les navigateurs anciens. Le TTF n'est plus utile
 * sur le web ; il sert seulement à générer les variantes WOFF/WOFF2.
 */
@font-face {
    font-family: 'KorTextileLH';
    src: url('../fonts/TextileLH-PiTwo-Regular.woff') format('woff'),
     url('../fonts/textilelh-pitwo.woff') format('woff'),
     url('../fonts/textilelh-pitwo.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.product-container-info {
    display: flex;
    flex-wrap: wrap;      /* repasse en colonne sur petit écran */
    gap: 2rem;            /* espace entre les deux blocs */
    align-items: flex-start;
}

.product-container-info > .kor-entretien,
.product-container-info > .product-oekotex {
    flex: 0 1 auto;       /* largeur selon le contenu ; mets 1 1 0 pour 50/50 */
}

.kor-entretien,.product-oekotex {
    margin: 1rem 0;
}

.kor-entretien__title,.kor-oekotex_title {
    margin: 0 0 0.35rem;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.25;
}

/* ---------------------------------------------------------------
 * Bloc "Information technique" (hook displayKorProductInfosTechniques)
 * --------------------------------------------------------------- */
.kor-tech {
    margin: 1rem 0;
    font-size: 1rem;
}

.kor-tech__title {
    margin: 0 0 0.35rem;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.25;
}

.kor-tech__list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* 3 colonnes : ecart plus serre */
    gap: 0.15rem 1.25rem;
    margin: 0;
}

/* Tablette : 2 colonnes, les libelles restent lisibles. */
@media (max-width: 991px) {
    .kor-tech__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Mobile : une ligne par information. */
@media (max-width: 767px) {
    .kor-tech__list {
        grid-template-columns: 1fr;
    }
}

.kor-tech__item {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.kor-tech__label {
    font-weight: 400;
    margin: 0;
}

.kor-tech__value {
    font-weight: 700;
    margin: 0;
}

.kor-entretien__glyphs {
    display: inline-block;
    font-family: 'KorTextileLH', sans-serif;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: 0.25em;
    /* Espacement aéré entre pictos, ajustable selon le rendu réel. */
}