/**
 * Product Files - prilohy v galerii produktu a nahled v modalu
 *
 * Umisteni:
 *   media/templates/site/<sablona>/css/productfiles.css
 *
 * Jen to, co Bootstrap utility neumi: velikost a barvy ikon, vyska nahledu.
 *
 * @version 1.2.0
 */

/* Dlazdice prilohy - ikona zhruba ve velikosti nahledu obrazku */
.product-file-icon {
    font-size: 4.5rem;
    line-height: 1;
    color: #6c757d;
    transition: transform 0.15s ease-in-out;
}

.product-file-tile:hover .product-file-icon,
.product-file-tile:focus-visible .product-file-icon {
    transform: scale(1.06);
}

.product-file-icon--pdf {
    color: #e5252a;
}

.product-file-icon--doc,
.product-file-icon--docx,
.product-file-icon--odt,
.product-file-icon--rtf {
    color: #2b579a;
}

.product-file-icon--xls,
.product-file-icon--xlsx,
.product-file-icon--ods,
.product-file-icon--csv {
    color: #217346;
}

.product-file-icon--ppt,
.product-file-icon--pptx {
    color: #d24726;
}

/* Nahled v modalu */
.product-file-frame {
    height: 80vh;
}