/**
* List Block - Минимальные стили
*/
.wp-block-mychooz-list {
list-style: none;
margin: 0 0 10px 0;
padding-left: 10px;
--mcb-list-border: 1px solid rgba(0, 0, 0, 0.08);
--mcb-dot-svg: url('data:image/svg+xml;utf8,');
--mcb-icon-reviews: url('data:image/svg+xml;utf8,');
--mcb-icon-ratings: url('data:image/svg+xml;utf8,');
}
.wp-block-mychooz-list li {
padding: 4px 0;
border-bottom: var(--mcb-list-border);
line-height: 1.6;
}
/* Точка по умолчанию для li и ссылок - SVG для единообразия */
.wp-block-mychooz-list li::before,
.wp-block-mychooz-list a::before {
content: '';
display: inline-block;
width: 22px;
height: 22px;
margin-right: 8px;
vertical-align: text-bottom;
background-image: var(--mcb-dot-svg);
background-size: 22px 22px;
background-repeat: no-repeat;
background-position: center center;
position: relative;
top: 1px;
}
/* Убираем точку li если внутри есть ссылка (иконка будет на ссылке) */
.wp-block-mychooz-list li:has(a)::before {
content: none;
}
/* Специальные иконки для определенных URL */
.wp-block-mychooz-list a[href*="/reviews/"]::before {
background-image: var(--mcb-icon-reviews);
}
.wp-block-mychooz-list a[href*="/ratings/"]::before {
background-image: var(--mcb-icon-ratings);
}
/* Mobile */
@media (max-width: 600px) {
.wp-block-mychooz-list {
margin: 16px 0;
}
.wp-block-mychooz-list li {
padding: 8px 0;
font-size: 14px;
}
}