:root {
--primary: #ff65bd;
--primary-dark: #d94e9e;
--dark-bg: #0a0a0a;
--dark-surface: #141414;
--dark-card: #1c1c1c;
--text-main: #ffffff;
--text-sub: #a0a0a0;
--text-muted: #666666;
--border: #2a2a2a;
--font-heading: 'Playfair Display', serif;
--font-body: 'Inter', sans-serif;
} body {
font-family: var(--font-body);
background-color: var(--dark-bg) !important;
color: var(--text-main) !important;
}
h1, h2, h3, h4, h5, h6, .heading-font {
font-family: var(--font-heading);
}
a { color: var(--primary); }
a:hover { color: var(--primary-dark); } .header, .header-wrapper, .header-inner {
background: var(--dark-surface) !important;
}
.nav>li>a {
color: var(--text-main) !important;
font-family: var(--font-body);
}
.nav>li>a:hover,
.nav>li.active>a {
color: var(--primary) !important;
}
.header-inner, .nav-bar {
background: var(--dark-surface) !important;
}
.nav-uppercase>li>a {
text-transform: none;
letter-spacing: 0.5px;
}
.header-main, .header-bottom {
background: var(--dark-surface) !important;
}
.nav-dropdown {
background: var(--dark-card) !important;
border: 1px solid var(--border) !important;
color: var(--text-main) !important;
}
.nav-dropdown>li>a {
color: var(--text-main) !important;
}
.nav-dropdown>li>a:hover {
color: var(--primary) !important;
} .footer, .footer-wrapper {
background: #050505 !important;
border-top: 1px solid var(--border);
}
.footer a { color: var(--text-sub); }
.footer a:hover { color: var(--primary); }
.footer-newsletter, .absolute-footer {
background: #050505 !important;
} .button, input[type=submit], button[type=submit], .btn {
transition: all 0.3s ease !important;
border-radius: 0 !important;
font-family: var(--font-body);
}
.button.primary, .is-primary, .btn-primary {
background-color: var(--primary) !important;
border-color: var(--primary) !important;
color: #fff !important;
}
.button.primary:hover, .is-primary:hover, .btn-primary:hover {
background-color: var(--primary-dark) !important;
border-color: var(--primary-dark) !important;
}
.button.secondary, .is-secondary {
background: transparent !important;
border: 1px solid var(--border) !important;
color: var(--text-main) !important;
}
.button.secondary:hover, .is-secondary:hover {
border-color: var(--primary) !important;
color: var(--primary) !important;
}
.button.white, .is-white {
background: #fff !important;
color: var(--dark-bg) !important;
} .woocommerce-page {
background: var(--dark-bg);
color: var(--text-main);
}
.woocommerce-page .page-title {
font-family: var(--font-heading);
color: var(--text-main);
}
.woocommerce-page .woocommerce-breadcrumb {
color: var(--text-sub);
}
.woocommerce-page .woocommerce-breadcrumb a {
color: var(--primary);
} .woocommerce-page .product-main {
background: var(--dark-surface);
}
.woocommerce-page .product-info {
background: var(--dark-surface);
color: var(--text-main);
}
.woocommerce-page .products .product {
background: var(--dark-card);
border: 1px solid var(--border);
transition: all 0.3s;
}
.woocommerce-page .products .product:hover {
border-color: var(--primary);
}
.woocommerce-page .product-title {
font-family: var(--font-heading) !important;
color: var(--text-main) !important;
}
.woocommerce-page .price, .woocommerce-page .amount {
color: var(--primary) !important;
}
.woocommerce-page .price ins {
color: var(--primary);
}
.woocommerce-page .price del {
color: var(--text-muted);
}
.woocommerce-page .star-rating span {
color: var(--primary);
}
.woocommerce-page .add-to-cart-button,
.woocommerce-page .product .button {
background: var(--primary) !important;
color: #fff !important;
border-radius: 0 !important;
}
.woocommerce-page .add-to-cart-button:hover,
.woocommerce-page .product .button:hover {
background: var(--primary-dark) !important;
}
.woocommerce-ordering select,
.woocommerce-page .woocommerce-result-count {
color: var(--text-sub);
} .woocommerce-page div.product .product_title {
font-family: var(--font-heading);
color: var(--text-main);
}
.woocommerce-page div.product .woocommerce-product-gallery {
background: var(--dark-surface);
}
.woocommerce-page div.product .summary {
color: var(--text-main);
}
.woocommerce-page div.product .summary .product_meta {
color: var(--text-sub);
}
.woocommerce-page div.product .summary .product_meta a {
color: var(--primary);
}
.woocommerce-page div.product .woocommerce-tabs {
background: var(--dark-surface);
border: 1px solid var(--border);
}
.woocommerce-page div.product .woocommerce-tabs .panel {
background: var(--dark-surface);
color: var(--text-main);
}
.woocommerce-page .related.products h2,
.woocommerce-page .upsells.products h2 {
font-family: var(--font-heading);
color: var(--text-main);
}
.woocommerce-page .quantity input[type=number] {
background: var(--dark-card);
border: 1px solid var(--border);
color: var(--text-main);
} .woocommerce-cart .cart-container {
background: var(--dark-surface);
color: var(--text-main);
}
.woocommerce-cart .cart_totals {
background: var(--dark-card);
border: 1px solid var(--border);
}
.woocommerce-cart table.cart td,
.woocommerce-cart table.cart th {
background: var(--dark-card);
color: var(--text-main);
border-color: var(--border);
}
.woocommerce-cart table.cart .product-name a {
color: var(--text-main);
}
.woocommerce-cart table.cart .product-name a:hover {
color: var(--primary);
}
.woocommerce-cart .cart-collaterals .cart_totals h2 {
font-family: var(--font-heading);
color: var(--text-main);
}
.woocommerce-cart .wc-proceed-to-checkout a {
background: var(--primary) !important;
color: #fff !important;
}
.woocommerce-cart .wc-proceed-to-checkout a:hover {
background: var(--primary-dark) !important;
}
.woocommerce-cart .cart-empty {
color: var(--text-main);
}
.woocommerce-cart .return-to-shop a {
background: var(--primary);
color: #fff;
} .woocommerce-checkout .checkout-container {
background: var(--dark-surface);
color: var(--text-main);
}
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
background: var(--dark-card);
border: 1px solid var(--border);
padding: 24px;
}
.woocommerce-checkout h3 {
font-family: var(--font-heading);
color: var(--text-main);
}
.woocommerce-checkout .checkout-review-order {
background: var(--dark-card);
border: 1px solid var(--border);
padding: 24px;
}
.woocommerce-checkout table.shop_table td,
.woocommerce-checkout table.shop_table th {
background: var(--dark-card);
color: var(--text-main);
border-color: var(--border);
}
.woocommerce-checkout #payment {
background: var(--dark-surface);
}
.woocommerce-checkout #payment .payment_box {
background: var(--dark-card);
color: var(--text-main);
}
.woocommerce-checkout #payment div.form-row {
background: var(--dark-surface);
}
.woocommerce-checkout #payment ul.payment_methods {
border-color: var(--border);
}
.woocommerce-checkout #place_order {
background: var(--primary) !important;
} .woocommerce-account .woocommerce-MyAccount-navigation {
background: var(--dark-card);
border: 1px solid var(--border);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
color: var(--text-sub);
border-color: var(--border);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
color: var(--primary);
}
.woocommerce-account .woocommerce-MyAccount-content {
background: var(--dark-surface);
color: var(--text-main);
}
.woocommerce-account .woocommerce-MyAccount-content .order_details {
background: var(--dark-card);
border: 1px solid var(--border);
}
.woocommerce-account .woocommerce-MyAccount-content address {
background: var(--dark-card);
border: 1px solid var(--border);
color: var(--text-main);
}
.woocommerce-account .woocommerce-form {
background: var(--dark-card);
border: 1px solid var(--border);
padding: 24px;
}
.woocommerce-account .woocommerce-form__label-for-checkbox {
color: var(--text-sub);
}
.woocommerce-account .lost_password a {
color: var(--primary);
} .woocommerce-message,
.woocommerce-info {
background: var(--dark-card) !important;
border-color: var(--primary) !important;
color: var(--text-main) !important;
}
.woocommerce-message a,
.woocommerce-info a {
color: var(--primary) !important;
}
.woocommerce-error {
background: #2a1515 !important;
border-color: #ff4444 !important;
color: var(--text-main) !important;
}
.woocommerce-form-coupon {
background: var(--dark-card);
border: 1px solid var(--border);
} input[type=text],
input[type=email],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
textarea,
select {
background: var(--dark-card) !important;
border: 1px solid var(--border) !important;
color: var(--text-main) !important;
border-radius: 0 !important;
font-family: var(--font-body);
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=search]:focus,
textarea:focus,
select:focus {
border-color: var(--primary) !important;
box-shadow: 0 0 0 1px var(--primary) !important;
outline: none !important;
}
input::placeholder, textarea::placeholder {
color: var(--text-muted);
} .select2-container .select2-selection--single {
background: var(--dark-card) !important;
border: 1px solid var(--border) !important;
color: var(--text-main) !important;
height: auto;
}
.select2-container .select2-selection__rendered {
color: var(--text-main) !important;
}
.select2-container .select2-dropdown {
background: var(--dark-card) !important;
border: 1px solid var(--border) !important;
color: var(--text-main) !important;
}
.select2-container .select2-results__option {
color: var(--text-main);
}
.select2-container .select2-results__option--highlighted {
background: var(--primary) !important;
} .cart-icon strong {
border-color: var(--primary);
color: var(--primary);
}
.cart-icon .cart-icon-handle {
border-color: var(--primary);
} .blog-wrapper, .archive-wrapper {
background: var(--dark-bg);
}
.blog-wrapper .post-item, .archive-wrapper .post-item {
background: var(--dark-card);
border: 1px solid var(--border);
}
.entry-title a {
color: var(--text-main);
}
.entry-title a:hover {
color: var(--primary);
}
.entry-meta, .entry-meta a {
color: var(--text-sub);
}
.entry-content {
color: var(--text-main);
}
.blog-wrapper .from_the_blog_excerpt {
color: var(--text-sub);
} .woocommerce-pagination ul.page-numbers li span,
.woocommerce-pagination ul.page-numbers li a {
background: var(--dark-card) !important;
color: var(--text-main) !important;
border-color: var(--border) !important;
}
.woocommerce-pagination ul.page-numbers li span.current {
background: var(--primary) !important;
border-color: var(--primary) !important;
color: #fff !important;
}
.woocommerce-pagination ul.page-numbers li a:hover {
border-color: var(--primary) !important;
} .widget-area .widget {
background: var(--dark-card);
border: 1px solid var(--border);
}
.widget-area .widget-title {
font-family: var(--font-heading);
color: var(--text-main);
}
.widget-area a {
color: var(--text-sub);
}
.widget-area a:hover {
color: var(--primary);
} .searchform .button.icon.circle {
background: var(--primary) !important;
}
.searchform input[type=search] {
background: var(--dark-card) !important;
border: 1px solid var(--border) !important;
}
.search-results .search-result-item {
background: var(--dark-card);
border: 1px solid var(--border);
}
.search-results .search-result-item a {
color: var(--text-main);
} .mfp-bg {
background: rgba(0,0,0,0.95);
}
.mfp-content .lightbox-content {
background: var(--dark-surface);
border: 1px solid var(--border);
} table, th, td {
background: var(--dark-card);
color: var(--text-main);
border-color: var(--border);
} ::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--dark-bg); }
::-webkit-scrollbar-thumb { background: var(--border); }
::-webkit-scrollbar-thumb:hover { background: var(--primary); } @media only screen and (max-width: 48em) {
.woocommerce-page .product-main,
.woocommerce-page .product-info,
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
padding: 16px !important;
}
.woocommerce-cart .cart_totals {
padding: 16px;
}
.woocommerce-account .woocommerce-MyAccount-content {
padding: 16px;
}
}
@media only screen and (max-width: 48em) { }