/*
Color Scheme Override - Black & Pink
For Envo Shop theme - adult store edition
Load order: after style.css / bootstrap.css so these rules win.
*/

:root {
    --brand-black: #0d0d0f;
    --brand-black-soft: #17171a;
    --brand-black-elevated: #1f1f23;
    --brand-pink: #ff2e88;
    --brand-pink-dark: #d81b6a;
    --brand-pink-light: #ff7fb4;
    --brand-text: #f2f2f4;
    --brand-text-muted: #b7b7bd;
    --brand-border: #2b2b30;
}

/* ---------- Base ---------- */
body {
    background-color: var(--brand-black);
    color: var(--brand-text);
}

/* Vùng nội dung chính (sidebar, sản phẩm, bài viết...) nằm trên nền TRẮNG
   -> chữ phải là màu đen, không dùng chữ sáng của theme tối */
.main-container,
.main-container .page-area,
#site-content,
.main-container p,
.main-container li,
.main-container span,
.main-container label,
.main-container h1,
.main-container h2,
.main-container h3,
.main-container h4,
.main-container h5,
.main-container h6,
.main-container td,
.main-container th {
    color: #1a1a1a;
}

a {
    color: var(--brand-pink);
}
a:hover,
a:focus {
    color: var(--brand-pink-dark);
}
.top-bar-section a:hover,
#colophon a:hover,
.site-footer a:hover,
.navbar-default .navbar-nav a:hover {
    color: var(--brand-pink-light);
}

::selection {
    background: var(--brand-pink);
    color: #fff;
}

/* ---------- Top bar & Header ---------- */
.top-bar-section,
.site-header,
.site-header.container-fluid {
    background-color: var(--brand-black-soft) !important;
    border-color: var(--brand-border) !important;
}

.top-bar-section,
.top-bar-section a {
    color: var(--brand-text-muted);
}
.top-bar-section a:hover {
    color: var(--brand-pink);
}

.navbar-default {
    background-color: var(--brand-black-soft) !important;
    border-color: var(--brand-border) !important;
}

.navbar-default .navbar-nav > li > a {
    color: var(--brand-text) !important;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a {
    color: var(--brand-pink) !important;
    background-color: transparent !important;
}

.dropdown-menu {
    background-color: var(--brand-black-elevated) !important;
    border-color: var(--brand-border) !important;
}
.dropdown-menu > li > a {
    color: var(--brand-text) !important;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: var(--brand-pink) !important;
    color: #fff !important;
}

/* Cấp menu con thứ 2 trở đi: nền hồng nổi bật */
li li ul.dropdown-menu,
.dropdown-submenu .dropdown-menu,
.dropdown-menu .dropdown-menu {
    background-color: var(--brand-pink) !important;
    border-color: var(--brand-pink-dark) !important;
}
li li ul.dropdown-menu > li > a,
.dropdown-submenu .dropdown-menu > li > a,
.dropdown-menu .dropdown-menu > li > a {
    color: #fff !important;
}
li li ul.dropdown-menu > li > a:hover,
li li ul.dropdown-menu > li > a:focus,
.dropdown-submenu .dropdown-menu > li > a:hover,
.dropdown-menu .dropdown-menu > li > a:hover {
    background-color: var(--brand-black) !important;
    color: var(--brand-pink-light) !important;
}
.dropdown-submenu > a:after {
    border-left-color: #fff !important;
}

/* Nhãn "New/Hot" trên menu */
.menu-description {
    background-color: var(--brand-pink) !important;
    color: #fff !important;
}
.menu-description:after {
    border-top-color: var(--brand-pink) !important;
}

/* Nút danh mục / "Shop by category" trên menu */
.navbar-nav > li > a.envo-categories-menu-first {
    background-color: var(--brand-pink) !important;
    color: #fff !important;
}

/* Bootstrap contextual buttons/labels/alerts thường dùng cho banner "Shop Now", nhãn "New" trong nội dung trang */
.btn-success,
.btn-warning,
.btn-info,
.label-success,
.label-warning,
.label-info,
.badge-success,
.badge-warning,
.badge-info {
    background-color: var(--brand-pink) !important;
    border-color: var(--brand-pink) !important;
    color: #fff !important;
}
.btn-success:hover,
.btn-warning:hover,
.btn-info:hover {
    background-color: var(--brand-pink-dark) !important;
    border-color: var(--brand-pink-dark) !important;
}
.text-success,
.text-warning,
.text-info {
    color: var(--brand-pink) !important;
}
.bg-success,
.bg-warning,
.bg-info {
    background-color: var(--brand-pink) !important;
    color: #fff !important;
}
.alert-success,
.alert-warning,
.alert-info {
    background-color: var(--brand-black-elevated) !important;
    border-color: var(--brand-pink) !important;
    color: var(--brand-text) !important;
}

.header-search-form,
.header-search-input,
.header-search-select {
    background-color: var(--brand-black-elevated) !important;
    border-color: var(--brand-border) !important;
    color: var(--brand-text) !important;
}
.header-search-button {
    background-color: var(--brand-pink) !important;
    color: #fff !important;
}
.header-search-button:hover {
    background-color: var(--brand-pink-dark) !important;
}

.header-cart a.cart-contents,
.header-my-account a,
.header-wishlist a,
.header-compare a {
    color: var(--brand-text) !important;
}
.header-cart a.cart-contents:hover,
.header-my-account a:hover,
.header-wishlist a:hover,
.header-compare a:hover {
    color: var(--brand-pink) !important;
}
.header-cart .cart-count,
.amount-cart,
.count-value,
span.count {
    background-color: var(--brand-pink) !important;
    color: #fff !important;
}

.float-cart a.cart-contents,
.header-my-account.float-login a,
.header-wishlist.float-wishlist a {
    background-color: var(--brand-black-elevated) !important;
    color: var(--brand-text) !important;
    border-color: var(--brand-border) !important;
}

/* Mobile menu (mmenu-light) */
.mm-menu,
.mm-panel {
    background-color: var(--brand-black-soft) !important;
    color: var(--brand-text) !important;
}
.mm-listitem {
    border-color: var(--brand-border) !important;
}
.mm-listitem > a,
.mm-listitem > span {
    color: var(--brand-text) !important;
}
.mm-listitem > a:hover {
    color: var(--brand-pink) !important;
}

/* ---------- Buttons ---------- */
.btn-primary,
button,
input[type="submit"],
input[type="button"],
.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit,
.single_add_to_cart_button,
.add_to_cart_button,
.checkout-button,
.wc-forward,
a.added_to_cart {
    background-color: var(--brand-pink) !important;
    border-color: var(--brand-pink) !important;
    color: #fff !important;
    transition: background-color .25s ease, border-color .25s ease;
}
.btn-primary:hover,
.btn-primary:focus,
button:hover,
.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover,
.single_add_to_cart_button:hover,
.add_to_cart_button:hover,
.checkout-button:hover,
.wc-forward:hover,
a.added_to_cart:hover {
    background-color: var(--brand-pink-dark) !important;
    border-color: var(--brand-pink-dark) !important;
    color: #fff !important;
}

.btn-outline,
.btn-default {
    background-color: transparent !important;
    border: 1px solid var(--brand-pink) !important;
    color: var(--brand-pink) !important;
}
.btn-outline:hover,
.btn-default:hover {
    background-color: var(--brand-pink) !important;
    color: #fff !important;
}

/* ---------- WooCommerce shop / product ---------- */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background-color: var(--brand-black-soft);
    border-color: var(--brand-border);
}

.woocommerce span.onsale,
.onsale {
    background-color: var(--brand-pink) !important;
    color: #fff !important;
}

.woocommerce .price,
.woocommerce-Price-amount,
.woocommerce-Price-amount.amount,
.price {
    color: var(--brand-pink) !important;
}
.woocommerce .price ins,
.price ins {
    color: var(--brand-pink) !important;
    text-decoration: none;
}
.woocommerce .price del,
.price del {
    color: var(--brand-text-muted) !important;
    opacity: .7;
}

.star-rating,
.star-rating::before {
    color: var(--brand-pink) !important;
}
.star-rating span::before {
    color: var(--brand-pink) !important;
}

.woocommerce-message,
.woocommerce-info {
    background-color: var(--brand-black-elevated) !important;
    border-top-color: var(--brand-pink) !important;
    color: var(--brand-text) !important;
}
.woocommerce-message::before,
.woocommerce-info::before {
    color: var(--brand-pink) !important;
}

.woocommerce-error {
    background-color: var(--brand-black-elevated) !important;
    border-top-color: #ff4d4d !important;
    color: var(--brand-text) !important;
}

.woocommerce-tabs ul.tabs li.active,
.woocommerce-tabs ul.tabs li a.active {
    color: var(--brand-pink) !important;
    border-color: var(--brand-pink) !important;
}

.product_meta,
.product_title,
.product h1,
.product h2,
.product h3 {
    color: var(--brand-text) !important;
}

/* Forms / inputs */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="search"],
textarea,
select {
    background-color: var(--brand-black-elevated) !important;
    border: 1px solid var(--brand-border) !important;
    color: var(--brand-text) !important;
}
input:focus,
textarea:focus,
select:focus {
    border-color: var(--brand-pink) !important;
    outline: none !important;
}

/* ---------- Widgets / sidebar (nền trắng -> chữ đen) ---------- */
.widget,
.widget p,
.widget li,
.widget span,
.widget label,
.widget .tagcloud a,
.widget_price_filter .price_slider_amount,
.woocommerce ul.product_list_widget li .product-title,
.widget ul.product_list_widget li a {
    color: #1a1a1a !important;
}
.widget-title,
.widget h3,
.widget h4 {
    color: #1a1a1a !important;
    border-bottom: 2px solid var(--brand-pink);
}
.widget a {
    color: var(--brand-pink);
}
.widget a:hover {
    color: var(--brand-pink-dark);
}
.woocommerce ul.product_list_widget li .woocommerce-Price-amount {
    color: var(--brand-pink) !important;
}

/* ---------- Footer ---------- */
#colophon,
.site-footer,
footer#colophon {
    background-color: #000 !important;
    color: var(--brand-text-muted) !important;
    border-top: 1px solid var(--brand-border);
}
#colophon a,
.site-footer a {
    color: var(--brand-text-muted) !important;
}
#colophon a:hover,
.site-footer a:hover {
    color: var(--brand-pink) !important;
}
#colophon .widget-title,
.site-footer .widget-title {
    color: var(--brand-pink) !important;
    border-bottom-color: var(--brand-border);
}

/* ---------- Misc accents ---------- */
hr {
    border-color: var(--brand-border);
}
blockquote {
    border-left: 3px solid var(--brand-pink);
    color: var(--brand-text-muted);
}
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: var(--brand-black-soft);
}
::-webkit-scrollbar-thumb {
    background: var(--brand-pink);
    border-radius: 6px;
}

/* Age / adult content notice badges, if theme uses .badge or .label */
.badge,
.label {
    background-color: var(--brand-pink) !important;
    color: #fff !important;
}