/*
#------------------------------------------------------------------------
# inStyle - November Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Here you can include your override CSS styles */

/* Скрываем ТОЛЬКО то уведомление, которое содержит ошибку адреса */
joomla-alert[data-address-error="true"] {
    display: none !important;
}

/* Стилизация счетчика, созданного рядом со ссылкой /shopping-cart */
.menu li #gkCartCounter {
    color: #e53935 !important; /* Ярко-красный цвет количества */
    font-style: normal !important; /* Отмена курсива */
    font-weight: bold !important;
    margin-left: 5px;
    display: inline-block !important;
}




/* Базовое состояние карточки способа доставки */
.vm-shipment-method-row {
    padding: 15px !important;
    margin-bottom: 12px !important;
    background: #fdfdfd !important;
    border: 1px solid #e2e2e2 !important;
    border-radius: 4px !important;
    transition: all 0.25s ease-in-out !important;
}

/* Состояние при наведении мыши (легкий интерактив) */
.vm-shipment-method-row:hover {
    border-color: #b5b5b5 !important;
    background: #f9f9f9 !important;
}

/* АКТИВНОЕ СОСТОЯНИЕ: Стиль для карточки, которую кликнул покупатель */
.vm-shipment-active {
    background: #f5fafd !important; /* Мягкий фоновый цвет выделения */
    border-color: #e53935 !important; /* Фирменная красная рамка norka.by */
    box-shadow: 0 2px 8px rgba(229, 57, 53, 0.12) !important; /* Легкое свечение */
}

/* Подсветка текста заголовка в активной карточке */
.vm-shipment-active .shipment-name {
    color: #e53935 !important;
    font-weight: bold !important;
}

/* Главный flex-контейнер кнопки выбора и названия внутри карточки */
.gk-shipment-label {
    display: flex !important;
    align-items: center !important;
    cursor: pointer;
    font-weight: bold !important;
    font-size: 15px !important;
    color: #222222 !important;
    margin-bottom: 6px !important;
}

/* Сама круглая радиокнопка */
.gk-shipment-label input[type="radio"] {
    margin: 0 10px 0 0 !important;
    width: 16px !important;
    height: 16px !important;
    cursor: pointer;
    flex-shrink: 0;
}

/* Описание условий, сдвинутое ровно под текст */
.shipment-description {
    margin-left: 26px !important;
    color: #555555 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}





/* Дизайн карточек способов оплаты norka.by в Joomla 5 */
.vm-payment-method-row {
    padding: 15px !important;
    margin-bottom: 12px !important;
    background: #fdfdfd !important;
    border: 1px solid #e2e2e2 !important;
    border-radius: 4px !important;
    transition: all 0.25s ease-in-out !important;
}
.vm-payment-method-row:hover {
    border-color: #b5b5b5 !important;
    background: #f9f9f9 !important;
}
.vm-payment-active {
    background: #f5fafd !important;
    border-color: #e53935 !important; /* Наша фирменная красная рамка */
    box-shadow: 0 2px 8px rgba(229, 57, 53, 0.12) !important;
}
.vm-payment-active .payment-name {
    color: #e53935 !important;
    font-weight: bold !important;
}
.gk-payment-label {
    display: flex !important;
    align-items: center !important;
    cursor: pointer;
    font-weight: bold !important;
    font-size: 15px !important;
    color: #222222 !important;
    margin-bottom: 6px !important;
}
.gk-payment-label input[type="radio"] {
    margin: 0 10px 0 0 !important;
    width: 16px !important;
    height: 16px !important;
    cursor: pointer;
    flex-shrink: 0;
}
.payment-description {
    margin-left: 26px !important;
    color: #555555 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}







/* Выравнивание анкеты покупателя OPC norka.by */
.vm-custom-userfields-list .gk-form-field-row input,
.vm-custom-userfields-list .gk-form-field-row select {
    width: 100% !important;
    max-width: 400px !important;
    padding: 8px 12px !important;
    border: 1px solid #cccccc !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
}

.vm-custom-userfields-list .gk-form-field-row input:focus,
.vm-custom-userfields-list .gk-form-field-row select:focus {
    border-color: #e53935 !important; /* Фокус в цвет нашего красного счетчика */
    outline: none !important;
}






/************/
/*  sidebar */
/************/

/* 1. Находим все списки, класс которых начинается со слова menu (menuzhen и т.д.) */
ul[class^="menu"] {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* 2. Нарезаем серые разделительные линии под пунктами основного уровня */
ul[class^="menu"] > li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border-bottom: 1px solid #e5e5e5 !important; /* Тонкая серая полоса из J3 */
    position: relative;
}

/* 3. Убираем нижнюю линию у самого последнего корневого пункта */
ul[class^="menu"] > li:last-child {
    border-bottom: none !important;
}

/* 4. Раздвигаем прижатые строки: делаем отступы по 10px сверху/снизу для ссылок */
ul[class^="menu"] > li > div > a {
    display: block !important;
    padding: 10px 0 10px 2px !important; /* Тот самый оригинальный воздух Gavick */
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: #555 !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

/* Эффект наведения мыши для основных ссылок */
ul[class^="menu"] > li > div > a:hover {
    color: #a47c56 !important; /* Фирменный цвет */
}




/* Добавляем отступ сверху для модулей-заголовков в левой панели */
/* Нацеливаемся на модули-заголовки, которые стоят прямо перед списками категорий */
div.custom:has(+ ul.menuzhen),
div.custom:has(+ ul.menumuzh),
div.custom:has(+ ul.menuaks),
#gkLeft div.custom,
#gkSidebar div.custom {
    margin-top: 25px !important;    /* Возвращаем заветный воздух над заголовком */
    margin-bottom: 10px !important; /* Расстояние до первой линии списка */
}

/* Стилизация текста только для этих заголовков */
div.custom:has(+ ul.menuzhen) > div > a,
div.custom:has(+ ul.menumuzh) > div > a,
div.custom:has(+ ul.menuaks) > div > a,
#gkLeft div.custom > div > a,
#gkSidebar div.custom > div > a {
    display: inline-block !important;
    font-size: 14px !important;     
    text-transform: uppercase !important; /* Делаем буквы заглавными, как на J3 */
    color: #000 !important;         
    text-decoration: none !important;
}


/* VK Wiget */
/* Переводим контейнер футера на современные флексы, чтобы выстроить все блоки в один ряд */
/* Выстраиваем сетку футера в один ряд */
#gkBottom3 .gkCols6 {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
}

/* Перераспределяем ширину для «родных» колонок Gavick, чтобы текст не зажимался */
#gkBottom3 .gkCols6 > div.gkcols {
    flex: 1 1 auto !important;
    margin-right: 20px !important; /* Делаем аккуратные отступы между колонками */
}

/* Стилизуем выпавший модуль ВК (четвертую колонку) */
#gkBottom3 > div.custom {
    flex: 0 0 220px !important; /* Жестко фиксируем ширину под размер виджета ВК */
    margin-top: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Убираем маргин у последнего элемента, чтобы не ломать правый край */
#gkBottom3 .gkCols6 > div.gkcols:last-of-type {
    margin-right: 0 !important;
}