/*
Theme Name:   Minimind Dendy
Description:  Дочерняя тема Dendy от темы Minimind
Author:       g8r8
Template:     minimind
Version:      1.0.2
*/

/**
 * Класс для ссылок без подчеркивания
 */
.no-underline a
{
    text-decoration: none !important;
}

/**
 * Блок цикла запросов типа "сетка"
 * на телефонах и планшетах в два столбца
 */
@media (max-width: 1024px) {
    .wp-block-post-template.is-layout-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/**
 * Изменим шрифт с DM-Serif на PT-Serif, остальное в theme.json
 */
.wp-block-pullquote::before,
.wp-block-pullquote::after {
	font-family: var( --wp--preset--font-family--pt-serif ) !important;
}

/**
 * Патч, чтобы скрыть имя языка у GTranslate, оставив толко флаг.
 * А флаг постараемся центрировать.
 */
.gt_switcher-popup span {
    display: none;
}
.gtranslate_wrapper,
.gtranslate_wrapper a {
    display: inline-flex;
    align-items: center;
}

/**
 * Патч, чтобы разрешить контенту поста обтекать внешние плавающие блоки
 */
.wp-block-post-content {
    display: block !important;
}

/**
 * На мобильном отменяем обтекание справа
 * и видео заставляем занимать 100%
 */
@media (max-width: 768px) {
    .alignleft {
        float: none;
        margin-right: 0;
        width: 100%;
    }
	video {
    	width: 100% !important;
	}
}

/**
 * Расположение и интервал между кнопками скачиваняи прошивок
 */
.gr-firmware-downloads {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

/**
 * Добавляем стрелку в левую часть кнопок скачивания и уменьшим расстояние между символами
 */
.wp-block-file .wp-block-file__button {
    display: inline-flex;
    align-items: center;
	letter-spacing: 0.05em !important;
}
.wp-block-file .wp-block-file__button::before {
    content: "";
    display: inline-block;
    height: 22px;
    width: 22px;
    min-width: 22px;  /* добавляем минимальную ширину */
    max-width: 22px;  /* и максимальную, чтобы не растягивалась */
    flex-shrink: 0;   /* главное — запретить сжатие во flex-контейнере */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
 	margin-bottom: -2px;
	margin-right: 4px;
}