/**
 * Theme Name:     Hello Elementor Child
 * Author:         Левин Игорь
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */
.counter {visibility:hidden;}

/* Полный сброс структуры кнопки для принудительного переноса */
.mf-toggle-select-option .mf-input-toggle-option {
    display: grid !important;          /* Заменяем flex на grid (Samsung лучше обрабатывает переносы в grid) */
    grid-template-columns: minmax(0, 1fr) !important; /* Защита от распирания текстом */
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
}

/* Стили самого текстового блока */
.mf-toggle-select-option .mf-input-toggle-option .attr-btn {
    display: block !important;          /* Строгий блочный элемент */
    width: 100% !important;
    max-width: 100% !important;         /* Запрещаем выходить за пределы экрана */
    
    /* Свойства для железного переноса строк */
    white-space: normal !important;     /* Разрешаем перенос */
    word-wrap: break-word !important;   /* Перенос длинных слов */
    word-break: break-word !important;  /* Альтернативный синтаксис для старых движков */
    overflow-wrap: anywhere !important; /* Самое жесткое свойство для современных браузеров */
    
    /* Выравнивание */
    text-align: left !important;
    text-align: start !important;
    direction: ltr !important;
}


/* Стилизация отключенной опции в MetForm
.mf-toggle-select-option.disabled {
    opacity: 0.5 !important;
    background-color: #f4f4f4 !important;
    border-color: #ddd !important;
    cursor: not-allowed !important;
}

/* Изменение цвета текста внутри отключенной опции 
.mf-toggle-select-option.disabled .attr-btn {
    color: #888888 !important;
} */

/* Делает плашку плоской, белой и убирает объем */
.mf-toggle-select-option.disabled .attr-btn {
    background: #ffffff !important;
    box-shadow: none !important;
    border: 1px solid #e2e8f0 !important;
    text-decoration: line-through !important;
    color: #a0a0a0 !important;
}

/* Делает весь блок полупрозрачным */
.mf-toggle-select-option.disabled {
    opacity: 0.6 !important;
    box-shadow: none !important;
}