/* ===================================================================
   psylifeonline.com — правки под Helix3 3.x после миграции на Joomla 4
   Восстановление стилей, потерянных при апгрейде Helix3 2.0 -> 3.1.3
   =================================================================== */

/* Кнопки-плашки в боковых модулях-меню (позиция left и т.п.).
   В Helix3 2.0 это правило было в template.css; в 3.1.3 его нет.
   Эталон: синий фон #309dff, белый жирный текст, блочные ссылки. */
.sp-module ul > li > a {
    display: block;
    padding: 10px 15px;
    text-transform: none;
    font-style: normal;
    color: #ffffff;
    text-shadow: 0 1px 2px #000;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    transition: 300ms;
    background: #309dff;
}

.sp-module ul > li > a:hover,
.sp-module ul > li > a:focus {
    background: #309dff;
    color: #ffffff;
}

/* Синий фон выпадающего (dropdown) меню — как в Helix3 2.0.
   В 3.1.3 фон .sp-dropdown-inner прозрачный -> белый текст не виден. */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #309dff;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    color: #ffffff;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:focus {
    background: #2b8be0;
    color: #ffffff;
}

/* Жирный <strong>/<b>. В Bootstrap 5 strong{font-weight:bolder} относительно
   основного шрифта 300 даёт лишь 400 -> слоган и заголовки выглядели не жирными.
   Эталон Helix3 2.0: 700. */
b,
strong {
    font-weight: 700;
}

/* Пункты верхнего меню: жирные, обычный регистр — как в эталоне.
   В Helix3 3.1.3 по умолчанию 300 + uppercase.
   Размер/отступы НЕ трогаем: при 14px меню шире контейнера и «падает» под полосу. */
.sp-megamenu-parent > li > a {
    font-weight: 700;
    text-transform: none;
}