/* ========================================
   DARK THEME OVERRIDES - RAVE TECH
   Force dark background everywhere
   ======================================== */

/* FORCE DARK BACKGROUND ON ALL PAGES - MAXIMUM PRIORITY */
body,
html,
#wrapwrap,
#wrap,
main,
.o_connected_user #wrapwrap,
.oe_website_apps_store,
.js_sale,
.oe_website_sale,
.o_wapps_detail_page,
.o_wapps_single_app {
    background: #101435 !important;
    background-color: #101435 !important;
}

/* FORCE ALL CONTAINERS DARK */
.container,
.container-fluid,
.row,
.col,
.col-md-12,
.col-12,
.mb32,
.mt32 {
    background-color: transparent !important;
}

/* Publisher Info Section - FORCE WHITE BG BLACK TEXT */
.o_wapps_publisher_info,
.o_wapps_about_publisher,
.publisher-section,
[class*="publisher"][class*="info"],
.o_wapps_publisher_card,
#wrap .o_wapps_publisher_info,
#wrap .o_wapps_about_publisher {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    padding: 20px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(0, 212, 255, 0.3) !important;
}

/* FORCE ALL TEXT BLACK */
.o_wapps_publisher_info,
.o_wapps_publisher_info h1,
.o_wapps_publisher_info h2,
.o_wapps_publisher_info h3,
.o_wapps_publisher_info h4,
.o_wapps_publisher_info h5,
.o_wapps_publisher_info h6,
.o_wapps_publisher_info p,
.o_wapps_publisher_info span,
.o_wapps_publisher_info div,
.o_wapps_publisher_info a,
.o_wapps_about_publisher,
.o_wapps_about_publisher h1,
.o_wapps_about_publisher h2,
.o_wapps_about_publisher h3,
.o_wapps_about_publisher h4,
.o_wapps_about_publisher h5,
.o_wapps_about_publisher h6,
.o_wapps_about_publisher p,
.o_wapps_about_publisher span,
.o_wapps_about_publisher div,
.o_wapps_about_publisher a {
    color: #000000 !important;
    background-color: #ffffff !important;
}

/* RAVE Module Image - Fixed Height */
.rave-module-image,
#wrap .rave-module-image,
.o_wapps_detail_page .rave-module-image {
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
    width: 100% !important;
    overflow: hidden !important;
    position: relative !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, rgba(88, 28, 135, 0.4) 0%, rgba(16, 20, 53, 0.6) 100%) !important;
    display: block !important;
}

.rave-module-image img,
#wrap .rave-module-image img,
.o_wapps_detail_page .rave-module-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    position: relative !important;
}

.rave-module-badge {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    background: rgba(0, 212, 255, 0.9) !important;
    color: #101435 !important;
    font-weight: 700 !important;
    padding: 5px 15px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
}

/* Module App Top Cover - Fixed Height */
.module_app_top_cover {
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    overflow: hidden !important;
    position: relative !important;
    background: linear-gradient(135deg, rgba(88, 28, 135, 0.6) 0%, rgba(16, 20, 53, 0.8) 100%) !important;
    border-radius: 16px 16px 0 0 !important;
}

.module_app_top_cover img,
.module_app_top_cover .img-fluid {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

/* Glassmorphism Cards - DARK */
.module_item .card {
    background: rgba(26, 30, 66, 0.8) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(0, 212, 255, 0.3) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 212, 255, 0.1) !important;
    border-radius: 16px !important;
    transition: all 0.4s ease !important;
    overflow: hidden !important;
}

.module_item .card:hover {
    background: rgba(26, 30, 66, 0.9) !important;
    border-color: rgba(0, 212, 255, 0.6) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5), 0 0 30px rgba(0, 212, 255, 0.2) !important;
    transform: translateY(-8px) !important;
}

/* Card Body - Dark */
.apps_store_card_body {
    background: transparent !important;
    color: #ffffff !important;
}

/* Text Colors - Light on Dark */
.module_item,
.module_item h5,
.module_item h6,
.module_item span,
.module_item p,
.module_item div,
.module_item a {
    color: #ffffff !important;
}

.module_item a:hover {
    color: #00d4ff !important;
}

/* Price - Cyan */
.oe_price,
.oe_price_h4 {
    color: #00d4ff !important;
    font-weight: 700 !important;
}

/* Author */
.module_author {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Module Icon */
.v_module_icon {
    background: rgba(0, 212, 255, 0.1) !important;
    border: 2px solid rgba(0, 212, 255, 0.3) !important;
    border-radius: 8px !important;
}

/* Navigation - Dark */
.app_submenu,
#app_main_navbar,
#app_sub_navbar {
    background: rgba(26, 30, 66, 0.9) !important;
    border-bottom: 1px solid rgba(0, 212, 255, 0.2) !important;
}

/* Search Box */
#menu-search-form input {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(0, 212, 255, 0.3) !important;
    color: #fff !important;
    border-radius: 8px !important;
}

/* Buttons - Dark Style */
.btn-outline-secondary,
.btn-outline-primary,
.btn-light,
.btn-secondary {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(0, 212, 255, 0.3) !important;
    color: #ffffff !important;
}

.btn-outline-secondary:hover,
.btn-outline-primary:hover,
.btn-light:hover,
.btn-secondary:hover {
    background: rgba(0, 212, 255, 0.2) !important;
    border-color: rgba(0, 212, 255, 0.5) !important;
    color: #00d4ff !important;
}

/* Section Headers */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #ffffff !important;
}

/* Remove any white backgrounds */
.bg-white {
    background: rgba(26, 30, 66, 0.9) !important;
}

/* Breadcrumb and Search Bar - Dark - MAXIMUM PRIORITY */
.breadcrumb,
.o_wapps_breadcrumb,
.app_main_nav,
#app_main_navbar,
.navbar-light,
.bg-light,
.navbar,
.o_wapps_navbar,
.o_wapps_header,
.o_wapps_detail_header {
    background: rgba(16, 20, 53, 0.95) !important;
    background-color: rgba(16, 20, 53, 0.95) !important;
    border-bottom: 1px solid rgba(0, 212, 255, 0.2) !important;
}

/* Force navbar inner elements dark */
.navbar-collapse,
.navbar-collapse .container,
.navbar-collapse .row {
    background: transparent !important;
    background-color: transparent !important;
}

/* Form and input backgrounds */
form,
.o_website_sale_search,
.search-form {
    background: transparent !important;
}

/* Input fields dark */
input[type="text"],
input[type="search"],
.form-control {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(0, 212, 255, 0.3) !important;
    color: #ffffff !important;
}

input::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Force all navbars dark */
nav.navbar,
nav.navbar-expand,
nav.navbar-expand-lg,
#app_sub_navbar,
.o_wapps_nav,
.o_wapps_detail_header,
.o_wapps_header {
    background: rgba(16, 20, 53, 0.95) !important;
    background-color: rgba(16, 20, 53, 0.95) !important;
}

/* Container backgrounds */
.container .breadcrumb,
.container-fluid .breadcrumb,
.o_wapps_detail_page .breadcrumb {
    background: rgba(26, 30, 66, 0.9) !important;
    background-color: rgba(26, 30, 66, 0.9) !important;
}

/* Breadcrumb items */
.breadcrumb-item,
.breadcrumb-item a,
.o_wapps_breadcrumb a {
    color: rgba(255, 255, 255, 0.8) !important;
}

.breadcrumb-item.active,
.o_wapps_breadcrumb .active {
    color: #00d4ff !important;
}

/* Search input */
.o_website_sale_search input,
#menu-search-form input {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(0, 212, 255, 0.3) !important;
    color: #fff !important;
}

.o_website_sale_search input::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Search button */
.o_website_sale_search .btn,
#menu-search-form .btn {
    background: rgba(0, 212, 255, 0.2) !important;
    border: 1px solid rgba(0, 212, 255, 0.3) !important;
    color: #00d4ff !important;
}

/* Technical Specs Table - DARK THEME */
.module_technical_specs,
.loempia_app_table {
    background: rgba(26, 30, 66, 0.4) !important;
    background-color: rgba(26, 30, 66, 0.4) !important;
    border: 1px solid rgba(0, 212, 255, 0.1) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    margin-top: 1rem !important;
}

.loempia_app_table.table {
    color: #ffffff !important;
    margin-bottom: 0 !important;
}

.loempia_app_table tr,
.loempia_app_table td {
    background: transparent !important;
    background-color: transparent !important;
    border-color: rgba(0, 212, 255, 0.1) !important;
    color: #ffffff !important;
    padding: 10px 15px !important;
}

.loempia_app_table b,
.loempia_app_table strong {
    color: #00d4ff !important;
    font-weight: 600 !important;
}

.loempia_app_table a {
    color: #00d4ff !important;
    text-decoration: none !important;
}

.loempia_app_table a:hover {
    text-decoration: underline !important;
}

/* Full Description Tabs - Dark Theme */
.module_full_description .nav-tabs {
    border-bottom: 1px solid rgba(0, 212, 255, 0.2) !important;
}

.module_full_description .nav-link {
    color: rgba(255, 255, 255, 0.7) !important;
    border: none !important;
    padding: 12px 25px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.module_full_description .nav-link.active {
    background: transparent !important;
    color: #00d4ff !important;
    border-bottom: 3px solid #00d4ff !important;
}

.tab-content {
    background: rgba(26, 30, 66, 0.3) !important;
    border: 1px solid rgba(0, 212, 255, 0.1) !important;
    border-top: none !important;
    border-radius: 0 0 16px 16px !important;
    padding: 30px !important;
    color: #ffffff !important;
}

#module_full_description {
    color: #ffffff !important;
    background-color: transparent !important;
}

#module_full_description *,
.oe_styling_v8 *,
.oe_structure * {
    color: inherit !important;
    background-color: transparent !important;
}

/* Specific overrides for common Odoo snippet styles */
#module_full_description [class*="bg-"],
#module_full_description [style*="background-color"],
.oe_styling_v8 [class*="bg-"],
.oe_structure [class*="bg-"] {
    background-color: transparent !important;
    color: #ffffff !important;
}

/* Force headings to Cyan */
#module_full_description h1,
#module_full_description h2,
#module_full_description h3,
#module_full_description h4,
#module_full_description h5,
#module_full_description h6 {
    color: #00d4ff !important;
    margin-top: 1.5rem !important;
    margin-bottom: 1rem !important;
    font-weight: 700 !important;
}

/* Fix links in description */
#module_full_description a {
    color: #00d4ff !important;
    text-decoration: underline !important;
}

#module_full_description a:hover {
    color: #ffffff !important;
}

/* Fix list items */
#module_full_description li {
    margin-bottom: 0.5rem !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Fix pre/code blocks */
#module_full_description pre,
#module_full_description code {
    background: rgba(0, 0, 0, 0.3) !important;
    color: #00d4ff !important;
    padding: 10px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(0, 212, 255, 0.2) !important;
}

/* Strong/Bold accents */
#module_full_description strong,
#module_full_description b {
    color: #00d4ff !important;
    font-weight: 700 !important;
}

/* Responsive images in description */
#module_full_description img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
    margin: 1.5rem 0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
}

/* Panel/Alert boxes */
#module_full_description .alert,
#module_full_description .panel {
    background: rgba(0, 212, 255, 0.1) !important;
    border: 1px solid rgba(0, 212, 255, 0.3) !important;
    color: #ffffff !important;
}

/* ============================================
   SHOPPING CART - DARK THEME
   ============================================ */

.oe_website_sale .oe_cart,
.oe_website_sale .js_cart_summary,
.oe_website_sale #cart_products {
    background: rgba(26, 30, 66, 0.4) !important;
    border-radius: 16px !important;
    border: 1px solid rgba(0, 212, 255, 0.2) !important;
    color: #ffffff !important;
    padding: 20px !important;
}

.oe_website_sale table.table {
    background: transparent !important;
    color: #ffffff !important;
}

.oe_website_sale thead th {
    background: rgba(0, 212, 255, 0.05) !important;
    color: #00d4ff !important;
    border-bottom: 2px solid rgba(0, 212, 255, 0.2) !important;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
}

.oe_website_sale td,
.oe_website_sale th {
    border-color: rgba(255, 255, 255, 0.05) !important;
    vertical-align: middle !important;
}

.oe_website_sale .td-product_name strong {
    color: #ffffff !important;
    font-size: 16px !important;
}

.oe_website_sale .td-price,
.oe_website_sale .td-subtotal {
    color: #00d4ff !important;
    font-weight: 700 !important;
}

/* Quantity Selector */
.oe_website_sale .css_quantity {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(0, 212, 255, 0.3) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.oe_website_sale .css_quantity input {
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
}

.oe_website_sale .js_add_cart_json {
    background: rgba(0, 212, 255, 0.2) !important;
    color: #00d4ff !important;
    border: none !important;
}

/* Cart Summary Card */
.js_cart_summary .card {
    background: rgba(16, 20, 53, 0.6) !important;
    border: 1px solid rgba(0, 212, 255, 0.2) !important;
    border-radius: 12px !important;
}

.js_cart_summary #order_total hr {
    border-top: 1px solid rgba(0, 212, 255, 0.2) !important;
}

.js_cart_summary .text-muted {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* Totals styling */
#order_total_untaxed,
#order_total_taxes {
    color: rgba(255, 255, 255, 0.8) !important;
}

#order_total strong {
    color: #00d4ff !important;
    font-size: 1.2rem !important;
}

/* Promo code */
.oe_website_sale .js_promo_code {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(0, 212, 255, 0.2) !important;
    border-radius: 8px !important;
}

.oe_website_sale .js_promo_code input {
    background: transparent !important;
    color: #ffffff !important;
    border: none !important;
}

/* Wizard Steps */
.oe_website_sale .wizard {
    background: transparent !important;
}

/* CUSTOM TOTALS CARD STYLING (Main Cart Page) */
#o_cart_summary .card,
.js_cart_summary .card {
    background: rgba(16, 20, 53, 0.8) !important;
    border: 1px solid #00d4ff !important;
    box-shadow: 0 0 20px rgba(0, 212, 255, 0.1) !important;
}

#o_cart_summary .card-body,
.js_cart_summary .card-body {
    background: transparent !important;
    color: #fff !important;
}

#order_total_untaxed,
#order_total_taxes {
    color: rgba(255, 255, 255, 0.7) !important;
}

#order_total td.text-end strong {
    color: #00d4ff !important;
    font-size: 1.5rem !important;
    text-shadow: 0 0 10px rgba(0, 212, 255, 0.5);
}

.oe_website_sale .wizard .nav-link {
    color: rgba(255, 255, 255, 0.4) !important;
}

.oe_website_sale .wizard .nav-link.active {
    color: #00d4ff !important;
}

.oe_website_sale .wizard .progress {
    background-color: rgba(255, 255, 255, 0.1) !important;
    height: 4px !important;
}

.oe_website_sale .wizard .progress-bar {
    background-color: #00d4ff !important;
}

/* Continue Shopping & Checkout Buttons */
.oe_website_sale a.btn-secondary,
.oe_website_sale a.btn-primary {
    padding: 12px 25px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.oe_website_sale a.btn-secondary {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(0, 212, 255, 0.2) !important;
    color: #ffffff !important;
}

.oe_website_sale a.btn-primary {
    background: linear-gradient(135deg, #00d4ff 0%, #00a8cc 100%) !important;
    border: none !important;
    color: #101435 !important;
    box-shadow: 0 4px 15px rgba(0, 212, 255, 0.4) !important;
}

/* ============================================
   PAGINATION - RAVE THEME
   ============================================ */

.pagination {
    gap: 10px !important;
    margin-top: 30px !important;
}

.pagination .page-item {
    border: none !important;
    background: transparent !important;
}

.pagination .page-link {
    background: rgba(26, 30, 66, 0.6) !important;
    border: 1px solid rgba(0, 212, 255, 0.2) !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.pagination .page-item.active .page-link {
    background: linear-gradient(135deg, #00d4ff 0%, #00a8cc 100%) !important;
    border-color: #00d4ff !important;
    color: #101435 !important;
    box-shadow: 0 0 15px rgba(0, 212, 255, 0.5) !important;
}

.pagination .page-item.disabled .page-link {
    background: rgba(255, 255, 255, 0.05) !important;
    color: rgba(255, 255, 255, 0.3) !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
}

.pagination .page-link:hover:not(.active) {
    background: rgba(0, 212, 255, 0.2) !important;
    border-color: #00d4ff !important;
    color: #00d4ff !important;
    transform: translateY(-3px) !important;
}

/* ============================================
   ECOMMERCE SHOP - RAVE THEME
   ============================================ */

.oe_website_sale,
.o_wsale_products_main {
    background: transparent !important;
}

/* Sidebar / Filters */
#products_grid_before {
    background: rgba(26, 30, 66, 0.4) !important;
    border-right: 1px solid rgba(0, 212, 255, 0.1) !important;
    padding: 20px !important;
    border-radius: 16px 0 0 16px !important;
}

#products_grid_before h6,
#products_grid_before strong {
    color: #00d4ff !important;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}

#products_grid_before .nav-pills .nav-link {
    color: rgba(255, 255, 255, 0.7) !important;
    transition: all 0.3s ease;
}

#products_grid_before .nav-pills .nav-link.active,
#products_grid_before .nav-pills .nav-link:hover {
    background: rgba(0, 212, 255, 0.1) !important;
    color: #00d4ff !important;
}

/* Top Navbar (Sort, View Switcher) */
.o_wsale_products_main_row .navbar {
    background: rgba(26, 30, 66, 0.6) !important;
    border: 1px solid rgba(0, 212, 255, 0.2) !important;
    border-radius: 12px !important;
    margin-bottom: 2rem !important;
    padding: 10px 20px !important;
}

/* Product Cards in Shop */
.oe_product_cart {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(0, 212, 255, 0.2) !important;
    border-radius: 16px !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 20px !important;
}

.oe_product_cart:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: #00d4ff !important;
    transform: translateY(-10px) scale(1.02) !important;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.5), 0 0 30px rgba(0, 212, 255, 0.2) !important;
    z-index: 10 !important;
}

.oe_product_cart .oe_product_image {
    padding: 20px !important;
    background: rgba(0, 0, 0, 0.2) !important;
    border-radius: 12px !important;
    margin: 10px !important;
    transition: transform 0.5s ease;
}

.oe_product_cart:hover .oe_product_image {
    transform: scale(1.1);
}

.oe_product_cart .o_wsale_product_information {
    background: transparent !important;
    padding: 15px !important;
}

.oe_product_cart .o_wsale_products_item_title a {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    text-decoration: none !important;
}

.oe_product_cart:hover .o_wsale_products_item_title a {
    color: #00d4ff !important;
}

.oe_product_cart .product_price {
    color: #00d4ff !important;
    font-weight: 800 !important;
    margin-top: 5px !important;
}

/* Add to Cart Ribbon / Buttons in Shop */
.oe_product_cart .o_wsale_product_btn {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease;
}

.oe_product_cart:hover .o_wsale_product_btn {
    opacity: 1;
    transform: translateY(0);
}

.oe_product_cart .o_wsale_product_btn .btn {
    background: #00d4ff !important;
    color: #101435 !important;
    border: none !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 15px rgba(0, 212, 255, 0.4) !important;
}

/* Force specific Shop element backgrounds to BLACK */
.tp-product-content {
    background: #000000 !important;
    background-color: #000000 !important;
    padding: 15px !important;
}

.tp-product-title a,
.tp-link-dark {
    color: #ffffff !important;
}

.tp-product-title a:hover {
    color: #00d4ff !important;
}


/* ============================================
   ULTRA AGGRESSIVE SHOP OVERRIDES
   ============================================ */

/* Force Sidebar Dark */
#products_grid_before,
.o_wsale_products_sidebar {
    background: rgba(13, 17, 43, 0.8) !important;
    background-color: rgba(13, 17, 43, 0.8) !important;
    border-right: 1px solid rgba(0, 212, 255, 0.2) !important;
    padding: 20px !important;
    color: #ffffff !important;
}

/* Force Sort/View Navbar Dark */
.o_wsale_products_main_row .navbar,
.o_wsale_products_main_row header.navbar,
#products_grid .navbar {
    background: rgba(16, 20, 53, 0.95) !important;
    background-color: rgba(16, 20, 53, 0.95) !important;
    border: 1px solid rgba(0, 212, 255, 0.2) !important;
    border-radius: 12px !important;
    color: #ffffff !important;
}

/* Force Filter Button Cyan */
.o_wsale_offcanvas_title_container .btn-primary,
#products_grid_before .btn-primary,
.o_wsale_products_main_row .btn-primary {
    background: #00d4ff !important;
    background-color: #00d4ff !important;
    color: #101435 !important;
    border: none !important;
    font-weight: 700 !important;
}

/* Force Product Cards Glassmorphism */
.oe_product_cart {
    background: rgba(26, 30, 66, 0.75) !important;
    background-color: rgba(26, 30, 66, 0.75) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(0, 212, 255, 0.2) !important;
}

/* Fix Search Bar */
.o_wsale_products_searchbar_form .input-group {
    background: rgba(13, 17, 43, 0.6) !important;
    border: 1px solid rgba(0, 212, 255, 0.3) !important;
    border-radius: 50px !important;
}

.o_wsale_products_searchbar_form .form-control {
    background: transparent !important;
    color: #ffffff !important;
    border: none !important;
}

.o_wsale_products_searchbar_form .btn {
    background: transparent !important;
    color: #00d4ff !important;
    border: none !important;
}

/* View Switcher Icons */
.o_wsale_apply_layout .btn {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    border: 1px solid rgba(0, 212, 255, 0.2) !important;
}

.o_wsale_apply_layout .btn.active {
    background: #00d4ff !important;
    color: #101435 !important;
}