/**
 * WooCommerce Styles - Netflix Design
 */

/* Кнопки */
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button,
.woocommerce button.alt {
    background: #E50914 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 12px 28px !important;
    font-weight: 600 !important;
    transition: 0.3s !important;
}

.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button:hover {
    background: #f40612 !important;
    transform: scale(1.02) !important;
}

/* Таблицы */
.woocommerce table.shop_table {
    background: #181818 !important;
    border: none !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.woocommerce table.shop_table th {
    background: #141414 !important;
    color: #FFFFFF !important;
    border-bottom: 1px solid #333 !important;
    padding: 20px !important;
}

.woocommerce table.shop_table td {
    color: #FFFFFF !important;
    border-top: 1px solid #333 !important;
    padding: 20px !important;
}

/* Поля ввода */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    background: #141414 !important;
    border: 1px solid #333 !important;
    color: #FFFFFF !important;
    padding: 12px !important;
    border-radius: 4px !important;
}

/* Уведомления */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    background: #181818 !important;
    border-top: 3px solid #E50914 !important;
    border-radius: 4px !important;
    padding: 20px !important;
}

/* Корзина */
.woocommerce-cart .cart-collaterals .cart_totals {
    background: #181818 !important;
    padding: 30px !important;
    border-radius: 8px !important;
}

/* Checkout */
.woocommerce-checkout #payment {
    background: #141414 !important;
    padding: 20px !important;
    border-radius: 4px !important;
}

.woocommerce-checkout #payment ul.payment_methods {
    padding: 0 !important;
}

.woocommerce-checkout #payment ul.payment_methods li {
    padding: 15px !important;
    border-bottom: 1px solid #333 !important;
}

/* My Account */
.woocommerce-account .woocommerce-MyAccount-navigation {
    background: #181818 !important;
    padding: 20px !important;
    border-radius: 8px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid #333 !important;
    padding: 10px 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    color: #B3B3B3 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    color: #E50914 !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
    background: #181818 !important;
    padding: 30px !important;
    border-radius: 8px !important;
}

/* TeraWallet */
.woo-wallet-balance {
    color: #46d369 !important;
    font-weight: 600 !important;
    background: rgba(70, 211, 105, 0.1) !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
}

/* Responsive */
@media (max-width: 768px) {
    .woocommerce-cart-form table {
        font-size: 14px !important;
    }
    
    .woocommerce-cart-form .product-thumbnail {
        display: none !important;
    }
}