/* Top-bar */

#masthead {
    padding: 20px 0;
}

.ms {
    margin-top: 40px;
}

.color-message ul {
    gap: 20px;
}

.color-message svg.e-font-icon-svg.e-fab-telegram-plane {
    fill: #27a7e7;
}

.color-message svg.e-font-icon-svg.e-fab-whatsapp {
    fill: #43d854;
}

.color-message svg.e-font-icon-svg.e-fab-vk {
    fill: #0077ff;
}

.main-img img {
    height: 280px;
    object-fit: contain;
}

.product-img.nasa-product-gallery-lightbox img {
    height: 200px !important;
    object-fit: contain;
}

body .nasa-static-sidebar .btn-mini-cart .woocommerce-mini-cart__buttons a {
    background-color: var(--e-global-color-accent) !important;
    color: #fff !important;
}

body .nasa-static-sidebar .btn-mini-cart .woocommerce-mini-cart__buttons a:hover {
    background-color: #da7618 !important;
    border-color: #da7618 !important;
}

.widget_price_filter .ui-slider .ui-slider-range {
    background: var(--e-global-color-accent) !important;
}

.group-btn-in-list .add_to_cart_text {
    background-color: var(--e-global-color-accent);
    color: #fff;
}

.group-btn-in-list .add_to_cart_text:hover {
    background-color: #da7618;
}

.safe-checkout.nasa-crazy-box {
    display: none;
}

form.checkout.woocommerce-checkout {
    overflow: hidden;
}

#nasa-billing-info .customer-info-left {
    width: 120px;
}

.shop_table.woocommerce-table--order-details tbody th,
.shop_table.woocommerce-table--order-details tbody td,
.shop_table.woocommerce-table--order-details tfoot th,
.shop_table.woocommerce-table--order-details tfoot td {
    padding-left: 10px;
    padding-right: 10px;
}

.banner-style {
    background-color: #fff;
    font-size: 120%;
    padding: 10px 40px;
}

/* Базовые стили для чекбоксов и радио */
form input[type="checkbox"],
form input[type="radio"] {
    appearance: none;
    background: #fff !important;
    border: 2px solid #d1d5db !important;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0;
    position: relative;
    vertical-align: middle;
    transition: all 0.2s ease-in-out;
    padding: 5px !important;
}

/* Стили при наведении */
form input[type="checkbox"]:hover,
form input[type="radio"]:hover {
    border-color: var(--e-global-color-accent);
}

/* Специфичные стили для радиокнопок */
form input[type="radio"] {
    border-radius: 50% !important;
}

form input[type="radio"]:checked {
    border: 2px solid var(--e-global-color-accent) !important;
    background: #fff !important;
}

/* Специфичные стили для чекбоксов */
form input[type="checkbox"] {
    border-radius: 4px !important;
}

form input[type="checkbox"]:checked {
    background: var(--e-global-color-accent) !important;
    border-color: var(--e-global-color-accent) !important;
}

form input[type="checkbox"]:checked:after {
    content: "\2713";
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Стили для отключенного состояния */
form input[type="checkbox"]:disabled,
form input[type="radio"]:disabled {
    background: #f3f4f6;
    border-color: #e5e7eb;
    cursor: not-allowed;
}

/* Стили для текста метки */
form label {
    cursor: pointer;
    user-select: none;
}

/* Фокус для доступности */
form input[type="checkbox"]:focus,
form input[type="radio"]:focus {
    outline: 2px solid var(--e-global-color-accent);
    outline-offset: 2px;
}

/*Конец чекбоксы*/

/* Для iPhone исключаем appearance: none; */
@supports (-webkit-touch-callout: none) {

    form input[type="checkbox"],
    form input[type="radio"] {
        appearance: auto;
        /* Возвращаем стандартное отображение */
    }
}

@media screen and (min-width:1025px) {
    .main-images.nasa-single-product-main-image.nasa-main-image-default .item-wrap img {
        max-height: 150px;
        object-fit: contain;
    }

    .product-gallery .main-images .item-wrap:first-child img {
        max-height: 400px;
    }
}

@media screen and (max-width:1025px) {
    .product-gallery .main-images .item-wrap img {
        max-height: 350px;
        object-fit: contain;
    }
}

@media only screen and (min-width: 768px) {
    .nasa-modern-3 .product-item .nasa-product-grid .btn-link:hover {
        background-color: var(--e-global-color-accent) !important;
    }

    .checkout-modern-wrap .checkout-modern-right-wrap {
        padding-left: 40px;
        padding-right: 20px;
    }
}

@media screen and (max-width:767px) {
    .color-message ul {
        gap: 10px;
    }

    #nasa-billing-info .customer-info {
        flex-wrap: wrap;
    }

    p#order_comments_field span.optional {
        display: none;
    }

    .main-ban .banner.nasa-banner.hover-zoom.nasa-not-responsive {
        max-height: 350px;
    }

    .ms {
        margin-top: 20px;
    }
}


/* ============================================
   Таблица
   ============================================ */

   /* ============================================
   Таблицы
   ============================================ */
.table-container {
  overflow-x: auto !important;
  margin: 2em 0;
}

/* ---------- Основная таблица ---------- */
.table-container table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 2em;
  border: 1px solid #d0d7e2;
}

/* ---------- Верхняя шапка (Размер породы ...) ---------- */
.table-container table tr:first-child th {
  background-color: #1f4e78;
  color: #fff;
  font-weight: 600;
  padding: 12px;
  border: 1px solid #1f4e78;
}

/* ---------- Вторая строка (Количество щенков ...) ---------- */
.table-container table tr:nth-child(2) td {
  background-color: #f3f6fa;
  font-weight: 600;
}

/* ---------- Общие ячейки ---------- */
.table-container th, td {
  padding: 10px 12px !important;
  border: 1px solid #d0d7e2;
  text-align: center;
}

.table-container td:first-child {
  text-align: left;
  font-weight: 600;
  color: #333;
}

/* ---------- Фон строк ---------- */
.table-container tbody tr:nth-child(even) td {
  background-color: #f9fbfe;
}

/* ---------- Эффект наведения ---------- */
.table-container table tr:hover td {
  background-color: #eef5ff;
}

/* ---------- Скругление и тень (опционально) ---------- */
.table-container table {
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.term-description h3 {
	font-size: 1.3em;
}