/* Стили для изображения превью PDF */
img[alt^="Презентация"] {
    transition: transform 0.2s;
    object-fit: contain;
}
img[alt^="Презентация"]:hover {
    transform: scale(1.1);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

/* Стили для ссылки с PDF-презентацией */
.pdf-presentation-link {
    display: inline-block;
    width: 60px;
    height: 60px;
    /*border: 1px solid #ccc;*/
    border-radius: 5px;
    cursor: pointer;
    margin-right: 10px;
    vertical-align: top;
}

/* Цвета для fallback-иконок */
.pdf-presentation-fallback-0 {
    background-image: url('data:image/svg+xml;utf8,<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="80" height="80" rx="8" fill="%23D81F26"/><text x="50%25" y="50%25" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="%23FFFFFF" text-anchor="middle" dominant-baseline="middle">PDF</text></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.pdf-presentation-fallback-1 {
    background-image: url('data:image/svg+xml;utf8,<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="80" height="80" rx="8" fill="%232196F3"/><text x="50%25" y="50%25" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="%23FFFFFF" text-anchor="middle" dominant-baseline="middle">PDF</text></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.pdf-presentation-fallback-2 {
    background-image: url('data:image/svg+xml;utf8,<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="80" height="80" rx="8" fill="%234CAF50"/><text x="50%25" y="50%25" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="%23FFFFFF" text-anchor="middle" dominant-baseline="middle">PDF</text></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.pdf-presentation-fallback-3 {
    background-image: url('data:image/svg+xml;utf8,<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="80" height="80" rx="8" fill="%23FF9800"/><text x="50%25" y="50%25" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="%23FFFFFF" text-anchor="middle" dominant-baseline="middle">PDF</text></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.pdf-presentation-fallback-4 {
    background-image: url('data:image/svg+xml;utf8,<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="80" height="80" rx="8" fill="%239C27B0"/><text x="50%25" y="50%25" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="%23FFFFFF" text-anchor="middle" dominant-baseline="middle">PDF</text></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Эффекты ховера для fallback-иконок */
[class^="pdf-presentation-fallback-"]:hover {
    transform: scale(1.05);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}