/**
 * Чекаут: способ доставки (customer_data.twig / shipping_method.twig / shipping/*.twig) — v10 tokens.
 * Только точечные правки поверх легаси-разметки, саму карточку адреса/вкладки не переписываем.
 */

/* Кнопка «Выбрать пункт выдачи» (открывает виджет карты СДЭК) — лаконичная,
   в цвет зелёного акцента карточки СДЭК (#43B54F/#40b550 в её же CSS),
   но спокойнее основной кнопки «Оформить заказ» — не спорит с ней за внимание. */
#addCdekAddressButton.cdek_btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    border: 1.5px solid #4fce5d;
    border-radius: 12px;
    background: var(--white);
    color: #2f9e3d;
    font-family: var(--font-roboto);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

#addCdekAddressButton.cdek_btn i {
    font-size: 15px;
}

#addCdekAddressButton.cdek_btn:hover,
#addCdekAddressButton.cdek_btn:focus {
    background: rgba(79, 206, 93, .08);
    box-shadow: 0 2px 8px rgba(79, 206, 93, .18);
}

#addCdekAddressButton.cdek_btn:active {
    background: rgba(79, 206, 93, .14);
}

/* Вкладки «Доставка СДЭК» / «Доставка курьером» — раньше голый bootstrap
   nav-tabs без единого правила стиля (слипались в текст без разделения).
   Тот же паттерн, что уже есть в сайдбаре мини-корзины (.tabs-nav /
   .tabs-nav-btn в v10-cart.css) — плоские вкладки с подчёркиванием снизу. */
#simplecheckout_shipping_address > ul.nav.nav-tabs {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    padding: 0;
    margin-left: 0;
    margin-top: 16px;
    border-bottom: 1px solid var(--gray-200);
    background: transparent;
    border-radius: 0;
}

#simplecheckout_shipping_address > ul.nav.nav-tabs > li.nav-item {
    list-style: none;
}

#simplecheckout_shipping_address > ul.nav.nav-tabs > li.nav-item > a.nav-link {
    display: flex;
    align-items: center;
    padding: 10px 6px;
    margin-bottom: -1px;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--gray-400);
    font-family: var(--font-roboto);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: color .15s ease, border-color .15s ease;
}

#simplecheckout_shipping_address > ul.nav.nav-tabs > li.nav-item:hover > a.nav-link {
    color: var(--gray-700);
}

#simplecheckout_shipping_address > ul.nav.nav-tabs > li.nav-item.active > a.nav-link {
    color: #21467d;
    border-bottom-color: #21467d;
}

/* Кнопка «Добавить новый адрес» (курьерская доставка) — тот же лаконичный
   паттерн, что у кнопки СДЭК, но в акцентный цвет своей вкладки: у карточек
   курьерской доставки при выборе используется navy (#21467d), не зелёный. */
#addAddressButton.btn.btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    border: 1.5px solid #21467d;
    border-radius: 12px;
    background: var(--white);
    color: #21467d;
    font-family: var(--font-roboto);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color .15s ease, box-shadow .15s ease;
}

#addAddressButton.btn.btn-primary i {
    font-size: 15px;
}

#addAddressButton.btn.btn-primary:hover,
#addAddressButton.btn.btn-primary:focus {
    background: rgba(33, 70, 125, .06);
    box-shadow: 0 2px 8px rgba(33, 70, 125, .15);
}

#addAddressButton.btn.btn-primary:active {
    background: rgba(33, 70, 125, .1);
}

/* Карточки пунктов СДЭК и сохранённых адресов — легаси border-radius:5px
   (dist/css/add.css, той же специфичности) грузится ПОЗЖЕ нашего файла
   (add.css — в бандле common_styles_head_post, мы — в head_pre), поэтому
   по чистому совпадению специфичности легаси-правило побеждало по порядку
   загрузки. Добавляем #id в селектор, чтобы больше не зависеть от порядка. */
#simplecheckout_shipping_address .addresses-list .address-select-item-content {
    border-radius: 16px;
}

/* На мобильном у #addAddressButton уже есть легаси-правило width:100%
   (dist/css/add.css, @media max-width:767px) — у кнопки СДЭК такого не было,
   растягиваем её так же, для единообразия ширины с карточкой адреса. */
@media screen and (max-width: 767px) {
    #addCdekAddressButton.cdek_btn {
        width: 100%;
        justify-content: center;
    }
}