/* icons.css */

/* Налаштування */
:root {
  --icons-path: "/images/icons"; 
  --icon-size: 24px;              
  --icon-gap: 6px;                
}

p {
  margin: 5px;
}

a {
  display: inline-flex;
  /* Вирівнюємо іконку та текст по центру */
  align-items: top; 
  justify-content: center; 
}

a[href$=".pdf"]::before,
a[href$=".xml"]::before,
a[href$=".docx"]::before,
a[href$=".p7s"]::before {
  content: "";
  display: inline-block;

  width: var(--icon-size);
  height: var(--icon-size);
  
  /* !!! КЛЮЧОВЕ ВИПРАВЛЕННЯ !!! 
     Забороняє іконці стискатися, зберігаючи її фіксований розмір */
  flex-shrink: 0; 
  
  background-size: contain;
  background-repeat: no-repeat;
  
  margin-right: var(--icon-gap); 
  margin-left: 10px;
  
  /* власне команди для іконок */
  background-image: url('/images/icons/pdf.png'); /* для PDF */
}

a[href$=".p7s"]::before {
  background-image: url('/images/icons/p7s.png'); /* для P7S */
}

a[href$=".xml"]::before {
  background-image: url('/images/icons/xml72.png'); /* для XML */
}

a[href$=".docx"]::before {
  background-image: url('/images/icons/word.png'); /* для DOCX */
}