/*
 * Aktions-Labels in den Algolia-Treffern.
 *
 * ACHTUNG: Diese Datei ist eine Zwischenloesung und keine Quelle.
 * Die Quelle der Regeln steht in
 *     layout/frontend/b2c_2018/src/less/app/shop/itemlist_b2c.less
 * im Block "#algolia-hits .itemlist__image" und bei ".promotion-badge".
 *
 * Der Frontend-Build erneuert immer den kompletten dist-Ordner. Solange
 * layout/frontend/b2c_2018/dist/css/style6.min.css nicht neu gebaut ist, liefert diese
 * Datei die Regeln aus. Nach dem naechsten Frontend-Build entfaellt sie zusammen mit
 * ihrem link-Tag in module/dcshop/algolia/algolia_js_init.php.
 *
 * Beide Stellen zusammen aendern.
 */

/*
 * Icon-Groesse. Die Artikelliste setzt sie mit der Regel
 *     .itemlist_wrapper .itemlist_image_container [class*="promotion_"]
 * Die Treffer haben dieses Elternelement nicht. Ohne die Regel bleiben die Icons bei
 * 80x80 Pixeln in der Originalgroesse der Bilddatei.
 */
#algolia-hits .itemlist__image [class*="promotion_"] {
    width: 45px;
    height: 45px;
    background-size: 100% auto;
}

/*
 * Die Badge-Zeile richtet sich am Bild aus. Sie beginnt am Innenrand des Bildes, also ohne
 * den Abstand von 8px aus .itemAttributes.
 */
#algolia-hits .itemlist__image .itemAttributes {
    margin-left: 0;
}

/*
 * Text-Badges. Label 1 (Neu) sieht aus wie .neuer-badge in der Artikelliste. Die anderen
 * Labels sehen aus wie ein Attribut-Chip.
 */
.promotion-badge {
    padding: 6px 12px 4px 12px;
    font-size: 14px;
    white-space: nowrap;
    border-radius: 4px;
    font-weight: 500;
    line-height: 14px;
    border: solid 1px #eee0c0;
    background: #a2843e14;
    color: #464646;
}

.promotion-badge--1 {
    border-color: #be9e55;
    background: #be9e55;
    color: #ffffff;
}