/* pandabu RC16.274 – Vorrat Kachelansicht: Header-/Icon-Ausrichtung */

@media (max-width:699px){
  /*
   * Kachelkopf bewusst nur optisch nachziehen:
   * - Artikeltitel etwas weiter unter dem Produktbild
   * - 2. Zeile eng an den Titel
   * - Einkaufswagen oben bündig mit Produktbild
   * - Ersteller unten bündig mit Produktbild
   */
  .inventory-page .tile-grid .inventory-card,
  .core-search-result-section .tile-grid .inventory-card{
    --inventory-tile-media-top:12px;
    --inventory-tile-media-size:72px;
    position:relative!important;
  }

  .inventory-page .tile-grid .inventory-card .content-icon,
  .core-search-result-section .tile-grid .inventory-card .content-icon{
    width:var(--inventory-tile-media-size)!important;
    height:var(--inventory-tile-media-size)!important;
    min-width:var(--inventory-tile-media-size)!important;
    margin-top:2px!important;
    margin-bottom:8px!important;
    transform:translateX(-3px);
  }

  /* Etwas mehr Luft zwischen Bild und 1. Zeile, ohne den restlichen Kartenaufbau aufzublähen. */
  .inventory-page .tile-grid .inventory-card .card-main,
  .core-search-result-section .tile-grid .inventory-card .card-main{
    margin-top:5px!important;
    padding-right:34px!important;
  }

  /* 2. Zeile / Variante kompakt an die Titelzeile ziehen. */
  .inventory-page .tile-grid .inventory-card .card-title + .item-subtitle,
  .core-search-result-section .tile-grid .inventory-card .card-title + .item-subtitle{
    margin-top:2px!important;
    margin-bottom:0!important;
    line-height:1.12!important;
  }

  /* Warenkorb: obere Kante auf Höhe des Artikelbildes, etwas weiter nach rechts. */
  .inventory-page .tile-grid .inventory-card .mini-action,
  .core-search-result-section .tile-grid .inventory-card .mini-action{
    top:14px!important;
    right:5px!important;
  }

  /* Ersteller: unter dem Warenkorb, Unterkante bündig mit Unterkante des 72px-Artikelbildes. */
  .inventory-page .tile-grid .inventory-card .inventory-owner-avatar,
  .core-search-result-section .tile-grid .inventory-card .inventory-owner-avatar{
    top:59px!important;
    right:7px!important;
  }
  .inventory-page .tile-grid .inventory-card .inventory-owner-avatar .user-avatar,
  .core-search-result-section .tile-grid .inventory-card .inventory-owner-avatar .user-avatar{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
  }
}

@media (max-width:380px){
  .inventory-page .tile-grid .inventory-card .content-icon,
  .core-search-result-section .tile-grid .inventory-card .content-icon{
    transform:translateX(-2px);
  }
  .inventory-page .tile-grid .inventory-card .mini-action,
  .core-search-result-section .tile-grid .inventory-card .mini-action{
    right:4px!important;
  }
  .inventory-page .tile-grid .inventory-card .inventory-owner-avatar,
  .core-search-result-section .tile-grid .inventory-card .inventory-owner-avatar{
    right:6px!important;
  }
}