/* ============================================================================= RentUp Context — tab bar + B2B dark theme Applied class: html.rc-b2b (set in , zero flash) body.rc-b2b (set by inline script when tabs render) ============================================================================= */ /* ============================================================================= TAB BAR ============================================================================= */ /* Fixed at top — immune to theme JS moving DOM elements after load */ #rentup-context-bar { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; background-color: #F2F4F7; } #rentup-context-bar .container { padding-top: 10px; padding-bottom: 10px; } /* Push the fixed header down so it sits below the tab bar. The theme already compensates body/wrapper for #header height — we only need to shift #header itself, not add body padding. */ #header { top: 44px !important; } .rc-tabs { display: flex; align-items: center; gap: 4px; } /* ── Pill / chip style tabs ── */ .rc-tab { display: inline-flex; align-items: center; gap: 7px; padding: 7px 16px 7px 12px; border: none; border-radius: 30px; background: transparent; cursor: pointer; font-family: inherit; font-size: 13px; font-weight: 600; line-height: 1; color: #667085; transition: background-color 0.18s ease, color 0.18s ease; white-space: nowrap; } .rc-tab svg { width: 15px; height: 15px; flex-shrink: 0; } .rc-tab:focus-visible { outline: 2px solid #5B5EF4; outline-offset: 2px; } /* Inactive hover */ .rc-tab:not(.rc-tab--active):hover { background-color: rgba(0, 0, 0, 0.06); color: #344054; } /* ── B2C active: blue filled pill ── */ .rc-tab[data-context="b2c"].rc-tab--active { background-color: #5B5EF4; color: #ffffff; } /* ── B2B active: dark navy filled pill (on light bar) ── */ .rc-tab[data-context="b2b"].rc-tab--active { background-color: #030615; color: #ffffff; } /* ============================================================================= B2B DARK THEME html.rc-b2b is set BEFORE first paint by the inline script. body.rc-b2b is set by the synchronous inline script in tabs.tpl. Both selectors are listed for safety. ============================================================================= */ /* ── Site-wide B2B surface + typography ── */ html.rc-b2b, html.rc-b2b body, body.rc-b2b { background-color: #030615 !important; color: #ffffff; } html.rc-b2b #page, html.rc-b2b #wrapper, html.rc-b2b #main, html.rc-b2b main, html.rc-b2b #content, html.rc-b2b #content-wrapper, html.rc-b2b .page-content, html.rc-b2b .page-wrapper, html.rc-b2b .elementor, html.rc-b2b .elementor-section, html.rc-b2b .elementor-container, html.rc-b2b .elementor-column, html.rc-b2b .elementor-widget-wrap, html.rc-b2b .featured-products, html.rc-b2b .tab-content, html.rc-b2b .products, html.rc-b2b .product-miniature, html.rc-b2b .product-miniature .thumbnail-container, html.rc-b2b .product-miniature .product-description, html.rc-b2b #top_column, html.rc-b2b #js-product-list, html.rc-b2b .block-category, html.rc-b2b .breadcrumb, html.rc-b2b .card, html.rc-b2b .block, html.rc-b2b .dropdown-menu, html.rc-b2b .popover, html.rc-b2b .modal-content, html.rc-b2b #footer, html.rc-b2b .footer-container, html.rc-b2b footer, body.rc-b2b #page, body.rc-b2b #wrapper, body.rc-b2b #main, body.rc-b2b main, body.rc-b2b #content, body.rc-b2b #content-wrapper, body.rc-b2b .page-content, body.rc-b2b .page-wrapper, body.rc-b2b .elementor, body.rc-b2b .elementor-section, body.rc-b2b .elementor-container, body.rc-b2b .elementor-column, body.rc-b2b .elementor-widget-wrap, body.rc-b2b .featured-products, body.rc-b2b .tab-content, body.rc-b2b .products, body.rc-b2b .product-miniature, body.rc-b2b .product-miniature .thumbnail-container, body.rc-b2b .product-miniature .product-description, body.rc-b2b #top_column, body.rc-b2b #js-product-list, body.rc-b2b .block-category, body.rc-b2b .breadcrumb, body.rc-b2b .card, body.rc-b2b .block, body.rc-b2b .dropdown-menu, body.rc-b2b .popover, body.rc-b2b .modal-content, body.rc-b2b #footer, body.rc-b2b .footer-container, body.rc-b2b footer { background-color: #030615 !important; } html.rc-b2b .ru-hero-card, body.rc-b2b .ru-hero-card, html.rc-b2b .ru-hero-card .elementor-container, body.rc-b2b .ru-hero-card .elementor-container, html.rc-b2b .ru-hero-card .elementor-row, body.rc-b2b .ru-hero-card .elementor-row, html.rc-b2b .ru-hero-card .elementor-column, body.rc-b2b .ru-hero-card .elementor-column, html.rc-b2b .ru-hero-card .elementor-column-wrap, body.rc-b2b .ru-hero-card .elementor-column-wrap, html.rc-b2b .ru-hero-card .elementor-widget-wrap, body.rc-b2b .ru-hero-card .elementor-widget-wrap, html.rc-b2b .ru-hero-card .elementor-widget, body.rc-b2b .ru-hero-card .elementor-widget, html.rc-b2b .ru-hero-card .elementor-widget-container, body.rc-b2b .ru-hero-card .elementor-widget-container, html.rc-b2b .ru-hero-card .elementor-text-editor, body.rc-b2b .ru-hero-card .elementor-text-editor { background-color: transparent !important; } html.rc-b2b h1, html.rc-b2b h2, html.rc-b2b h3, html.rc-b2b h4, html.rc-b2b h5, html.rc-b2b h6, html.rc-b2b p, html.rc-b2b a, html.rc-b2b span, html.rc-b2b li, html.rc-b2b label, html.rc-b2b .product-title a, html.rc-b2b .products-section-title, html.rc-b2b .products-section-title a, html.rc-b2b .product-price-and-shipping, html.rc-b2b .rentprice, html.rc-b2b .rentprice-type-header, html.rc-b2b .rentprice-type-price, html.rc-b2b .rentprice-text-muted, body.rc-b2b h1, body.rc-b2b h2, body.rc-b2b h3, body.rc-b2b h4, body.rc-b2b h5, body.rc-b2b h6, body.rc-b2b p, body.rc-b2b a, body.rc-b2b span, body.rc-b2b li, body.rc-b2b label, body.rc-b2b .product-title a, body.rc-b2b .products-section-title, body.rc-b2b .products-section-title a, body.rc-b2b .product-price-and-shipping, body.rc-b2b .rentprice, body.rc-b2b .rentprice-type-header, body.rc-b2b .rentprice-type-price, body.rc-b2b .rentprice-text-muted { color: #ffffff !important; } html.rc-b2b #products .product-image, html.rc-b2b .featured-products .product-image, html.rc-b2b .product-accessories .product-image, html.rc-b2b .product-miniature .product-image, body.rc-b2b #products .product-image, body.rc-b2b .featured-products .product-image, body.rc-b2b .product-accessories .product-image, body.rc-b2b .product-miniature .product-image { background: #030615 !important; } html.rc-b2b .products:not(.pr1) .product-item .product-title a, html.rc-b2b .products:not(.pr1) .product-item .product-price-and-shipping, html.rc-b2b #ui_prod .ui_name, html.rc-b2b #ui_prod .ui_price, body.rc-b2b .products:not(.pr1) .product-item .product-title a, body.rc-b2b .products:not(.pr1) .product-item .product-price-and-shipping, body.rc-b2b #ui_prod .ui_name, body.rc-b2b #ui_prod .ui_price { background: #030615 !important; box-shadow: -4px 0 0 4px #030615, 4px 0 0 4px #030615 !important; } html.rc-b2b .products:not(.pr1) .product-item .product-title a > span, html.rc-b2b .products:not(.pr1) .product-item .product-price-and-shipping > span:not(.sr-only), html.rc-b2b #ui_prod .ui_name > span, html.rc-b2b #ui_prod .ui_price > span:not(.sr-only), body.rc-b2b .products:not(.pr1) .product-item .product-title a > span, body.rc-b2b .products:not(.pr1) .product-item .product-price-and-shipping > span:not(.sr-only), body.rc-b2b #ui_prod .ui_name > span, body.rc-b2b #ui_prod .ui_price > span:not(.sr-only) { background: #030615 !important; color: #ffffff !important; } html.rc-b2b .ru-offer-product .products:not(.pr1) .product-item .product-title a, body.rc-b2b .ru-offer-product .products:not(.pr1) .product-item .product-title a, html.rc-b2b .ru-offer-product .products:not(.pr1) .product-item .product-title a > span, body.rc-b2b .ru-offer-product .products:not(.pr1) .product-item .product-title a > span, html.rc-b2b .ru-offer-product .products:not(.pr1) .product-item .product-price-and-shipping, body.rc-b2b .ru-offer-product .products:not(.pr1) .product-item .product-price-and-shipping, html.rc-b2b .ru-offer-product .products:not(.pr1) .product-item .product-price-and-shipping > span:not(.sr-only), body.rc-b2b .ru-offer-product .products:not(.pr1) .product-item .product-price-and-shipping > span:not(.sr-only), html.rc-b2b .elementor-widget-product:is([class*="ru-badge-"], [class*="ru-card-"]) .products:not(.pr1) .product-item .product-title a, body.rc-b2b .elementor-widget-product:is([class*="ru-badge-"], [class*="ru-card-"]) .products:not(.pr1) .product-item .product-title a, html.rc-b2b .elementor-widget-product:is([class*="ru-badge-"], [class*="ru-card-"]) .products:not(.pr1) .product-item .product-title a > span, body.rc-b2b .elementor-widget-product:is([class*="ru-badge-"], [class*="ru-card-"]) .products:not(.pr1) .product-item .product-title a > span, html.rc-b2b .elementor-widget-product:is([class*="ru-badge-"], [class*="ru-card-"]) .products:not(.pr1) .product-item .product-price-and-shipping, body.rc-b2b .elementor-widget-product:is([class*="ru-badge-"], [class*="ru-card-"]) .products:not(.pr1) .product-item .product-price-and-shipping, html.rc-b2b .elementor-widget-product:is([class*="ru-badge-"], [class*="ru-card-"]) .products:not(.pr1) .product-item .product-price-and-shipping > span:not(.sr-only), body.rc-b2b .elementor-widget-product:is([class*="ru-badge-"], [class*="ru-card-"]) .products:not(.pr1) .product-item .product-price-and-shipping > span:not(.sr-only), html.rc-b2b .ru-offer-card .elementor-widget-product .products:not(.pr1) .product-item .product-title a, body.rc-b2b .ru-offer-card .elementor-widget-product .products:not(.pr1) .product-item .product-title a, html.rc-b2b .ru-offer-card .elementor-widget-product .products:not(.pr1) .product-item .product-title a > span, body.rc-b2b .ru-offer-card .elementor-widget-product .products:not(.pr1) .product-item .product-title a > span, html.rc-b2b .ru-offer-card .elementor-widget-product .products:not(.pr1) .product-item .product-price-and-shipping, body.rc-b2b .ru-offer-card .elementor-widget-product .products:not(.pr1) .product-item .product-price-and-shipping, html.rc-b2b .ru-offer-card .elementor-widget-product .products:not(.pr1) .product-item .product-price-and-shipping > span:not(.sr-only), body.rc-b2b .ru-offer-card .elementor-widget-product .products:not(.pr1) .product-item .product-price-and-shipping > span:not(.sr-only) { background: transparent !important; box-shadow: none !important; } html.rc-b2b .product-miniature .thumbnail-container, body.rc-b2b .product-miniature .thumbnail-container { border-color: #272a38 !important; } html.rc-b2b body#product .col-content, body.rc-b2b#product .col-content, body#product.rc-b2b .col-content { background-color: #030615 !important; border-color: #272a38 !important; box-shadow: none !important; } html.rc-b2b body#product section#product-details, body.rc-b2b#product section#product-details, body#product.rc-b2b section#product-details { background-color: transparent !important; border-color: #272a38 !important; } html.rc-b2b body#product #description, body.rc-b2b#product #description, body#product.rc-b2b #description { background-color: transparent !important; } html.rc-b2b .box, body.rc-b2b .box { background-color: transparent !important; border-color: #272a38 !important; } html.rc-b2b .simpleblog__listing__post__wrapper__content, body.rc-b2b .simpleblog__listing__post__wrapper__content { background-color: transparent !important; border-color: #272a38 !important; } html.rc-b2b body#cart .cart-overview, html.rc-b2b body#cart .cart-summary, html.rc-b2b body#checkout .cart-summary, body.rc-b2b#cart .cart-overview, body.rc-b2b#cart .cart-summary, body.rc-b2b#checkout .cart-summary, body#cart.rc-b2b .cart-overview, body#cart.rc-b2b .cart-summary, body#checkout.rc-b2b .cart-summary { background-color: #030615 !important; border-color: #272a38 !important; } html.rc-b2b body#cart .mte-cart-subscription-section, body.rc-b2b#cart .mte-cart-subscription-section, body#cart.rc-b2b .mte-cart-subscription-section { background-color: #030615 !important; border-color: #272a38 !important; } html.rc-b2b body#cart .product-line-info.feature-stan, html.rc-b2b body#checkout .product-line-info.feature-stan, body.rc-b2b#cart .product-line-info.feature-stan, body.rc-b2b#checkout .product-line-info.feature-stan, body#cart.rc-b2b .product-line-info.feature-stan, body#checkout.rc-b2b .product-line-info.feature-stan { background: transparent !important; color: #ffffff !important; } html.rc-b2b body#cart .product-line-info.feature-stan span, html.rc-b2b body#checkout .product-line-info.feature-stan span, body.rc-b2b#cart .product-line-info.feature-stan span, body.rc-b2b#checkout .product-line-info.feature-stan span, body#cart.rc-b2b .product-line-info.feature-stan span, body#checkout.rc-b2b .product-line-info.feature-stan span { display: inline-flex; padding: 2px 8px; border: 1px solid #272a38; border-radius: 6px; background: rgba(206, 199, 253, 0.10) !important; color: #ffffff !important; } html.rc-b2b #cart-rentprice-total-b2c.context-option, body.rc-b2b #cart-rentprice-total-b2c.context-option, html.rc-b2c #cart-rentprice-total-b2b.context-option, body.rc-b2c #cart-rentprice-total-b2b.context-option { display: none !important; } html.rc-b2b #cart-rentprice-total-b2b.context-option, body.rc-b2b #cart-rentprice-total-b2b.context-option, html.rc-b2c #cart-rentprice-total-b2c.context-option, body.rc-b2c #cart-rentprice-total-b2c.context-option { display: block !important; width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; } html.rc-b2b #cart-rentprice-total-b2b, body.rc-b2b #cart-rentprice-total-b2b { background: #050a11 !important; border-color: #272a38 !important; color: #ffffff !important; } html.rc-b2b :not(.mte-cart-modal-rentprice) > #cart-rentprice-total-b2b.context-option.selected, body.rc-b2b :not(.mte-cart-modal-rentprice) > #cart-rentprice-total-b2b.context-option.selected { border-color: #412df1 !important; background: rgba(65, 45, 241, 0.16) !important; } html.rc-b2b #cart-rentprice-total-b2b .b2b-header-title, html.rc-b2b #cart-rentprice-total-b2b .b2b-price, html.rc-b2b #cart-rentprice-total-b2b .b2b-just-price, html.rc-b2b #cart-rentprice-total-b2b .b2b-included-title, html.rc-b2b #cart-rentprice-total-b2b .b2b-included-list, html.rc-b2b #cart-rentprice-total-b2b .b2b-included-list li, html.rc-b2b #cart-rentprice-total-b2b .b2b-deposit, html.rc-b2b #cart-rentprice-total-b2b .b2b-deposit span, html.rc-b2b #cart-rentprice-total-b2b .b2b-deposit-note, body.rc-b2b #cart-rentprice-total-b2b .b2b-header-title, body.rc-b2b #cart-rentprice-total-b2b .b2b-price, body.rc-b2b #cart-rentprice-total-b2b .b2b-just-price, body.rc-b2b #cart-rentprice-total-b2b .b2b-included-title, body.rc-b2b #cart-rentprice-total-b2b .b2b-included-list, body.rc-b2b #cart-rentprice-total-b2b .b2b-included-list li, body.rc-b2b #cart-rentprice-total-b2b .b2b-deposit, body.rc-b2b #cart-rentprice-total-b2b .b2b-deposit span, body.rc-b2b #cart-rentprice-total-b2b .b2b-deposit-note { color: #ffffff !important; } html.rc-b2b #cart-rentprice-total-b2b .rentprice-text-muted, body.rc-b2b #cart-rentprice-total-b2b .rentprice-text-muted { color: #cec7fd !important; } html.rc-b2b #cart-rentprice-total-b2b .b2b-header-badge, body.rc-b2b #cart-rentprice-total-b2b .b2b-header-badge { background-color: #412df1 !important; color: #ffffff !important; } html.rc-b2b body#cart .cart-summary-line.cart-total span.label, html.rc-b2b body#cart .cart-summary-line.cart-total span.value, html.rc-b2b body#checkout .cart-summary-line.cart-total span.label, html.rc-b2b body#checkout .cart-summary-line.cart-total span.value, body.rc-b2b#cart .cart-summary-line.cart-total span.label, body.rc-b2b#cart .cart-summary-line.cart-total span.value, body.rc-b2b#checkout .cart-summary-line.cart-total span.label, body.rc-b2b#checkout .cart-summary-line.cart-total span.value, body#cart.rc-b2b .cart-summary-line.cart-total span.label, body#cart.rc-b2b .cart-summary-line.cart-total span.value, body#checkout.rc-b2b .cart-summary-line.cart-total span.label, body#checkout.rc-b2b .cart-summary-line.cart-total span.value, html.rc-b2b body#cart #cart-subtotal-shipping span.label, html.rc-b2b body#cart #cart-subtotal-shipping span.value, html.rc-b2b body#checkout #cart-subtotal-shipping span.label, html.rc-b2b body#checkout #cart-subtotal-shipping span.value, body.rc-b2b#cart #cart-subtotal-shipping span.label, body.rc-b2b#cart #cart-subtotal-shipping span.value, body.rc-b2b#checkout #cart-subtotal-shipping span.label, body.rc-b2b#checkout #cart-subtotal-shipping span.value, body#cart.rc-b2b #cart-subtotal-shipping span.label, body#cart.rc-b2b #cart-subtotal-shipping span.value, body#checkout.rc-b2b #cart-subtotal-shipping span.label, body#checkout.rc-b2b #cart-subtotal-shipping span.value { color: #ffffff !important; } html.rc-b2b body#checkout section.checkout-step, html.rc-b2b body#checkout section.checkout-step.-current, html.rc-b2b body#checkout section.checkout-step.-unreachable, html.rc-b2b body#checkout #checkout-personal-information-step, html.rc-b2b body#checkout #checkout-addresses-step, html.rc-b2b body#checkout #checkout-delivery-step, html.rc-b2b body#checkout #checkout-payment-step, html.rc-b2b body#checkout .cart-container, html.rc-b2b body#checkout .page-content, body.rc-b2b#checkout section.checkout-step, body.rc-b2b#checkout section.checkout-step.-current, body.rc-b2b#checkout section.checkout-step.-unreachable, body.rc-b2b#checkout #checkout-personal-information-step, body.rc-b2b#checkout #checkout-addresses-step, body.rc-b2b#checkout #checkout-delivery-step, body.rc-b2b#checkout #checkout-payment-step, body.rc-b2b#checkout .cart-container, body.rc-b2b#checkout .page-content, body#checkout.rc-b2b section.checkout-step, body#checkout.rc-b2b section.checkout-step.-current, body#checkout.rc-b2b section.checkout-step.-unreachable, body#checkout.rc-b2b #checkout-personal-information-step, body#checkout.rc-b2b #checkout-addresses-step, body#checkout.rc-b2b #checkout-delivery-step, body#checkout.rc-b2b #checkout-payment-step, body#checkout.rc-b2b .cart-container, body#checkout.rc-b2b .page-content { background-color: #030615 !important; border-color: #272a38 !important; color: #ffffff !important; } html.rc-b2b body#checkout .address-item, html.rc-b2b body#checkout .delivery-option, html.rc-b2b body#checkout .payment-option, html.rc-b2b body#checkout .additional-information, html.rc-b2b body#checkout .inpost-shipping-container, html.rc-b2b body#checkout #order-summary-content, body.rc-b2b#checkout .address-item, body.rc-b2b#checkout .delivery-option, body.rc-b2b#checkout .payment-option, body.rc-b2b#checkout .additional-information, body.rc-b2b#checkout .inpost-shipping-container, body.rc-b2b#checkout #order-summary-content, body#checkout.rc-b2b .address-item, body#checkout.rc-b2b .delivery-option, body#checkout.rc-b2b .payment-option, body#checkout.rc-b2b .additional-information, body#checkout.rc-b2b .inpost-shipping-container, body#checkout.rc-b2b #order-summary-content { background-color: #050a11 !important; border-color: #272a38 !important; color: #ffffff !important; } html.rc-b2b body#checkout .address-item.selected, body.rc-b2b#checkout .address-item.selected, body#checkout.rc-b2b .address-item.selected, html.rc-b2b body#checkout .delivery-option:has(input:checked), body.rc-b2b#checkout .delivery-option:has(input:checked), body#checkout.rc-b2b .delivery-option:has(input:checked), html.rc-b2b body#checkout .payment-option:has(input:checked), body.rc-b2b#checkout .payment-option:has(input:checked), body#checkout.rc-b2b .payment-option:has(input:checked) { background-color: rgba(65, 45, 241, 0.16) !important; border-color: #412df1 !important; } html.rc-b2b body#checkout section.checkout-step .step-number, body.rc-b2b#checkout section.checkout-step .step-number, body#checkout.rc-b2b section.checkout-step .step-number, html.rc-b2b body#checkout .other-tabs a.nav-link.active, body.rc-b2b#checkout .other-tabs a.nav-link.active, body#checkout.rc-b2b .other-tabs a.nav-link.active { background-color: #412df1 !important; border-color: #412df1 !important; color: #ffffff !important; } html.rc-b2b body#checkout .other-tabs a.nav-link, body.rc-b2b#checkout .other-tabs a.nav-link, body#checkout.rc-b2b .other-tabs a.nav-link, html.rc-b2b body#checkout .checkout-block .inner-area .offer-login a, body.rc-b2b#checkout .checkout-block .inner-area .offer-login a, body#checkout.rc-b2b .checkout-block .inner-area .offer-login a, html.rc-b2b body#checkout .step-edit, body.rc-b2b#checkout .step-edit, body#checkout.rc-b2b .step-edit { background-color: #050a11 !important; border-color: #272a38 !important; color: #ffffff !important; } html.rc-b2b body#checkout .block-header, html.rc-b2b body#checkout .checkout-block[class*='num-'] .block-header:before, html.rc-b2b body#checkout .already-account-label, html.rc-b2b body#checkout .field-label, html.rc-b2b body#checkout span.carrier-delay, html.rc-b2b body#checkout #wrapper :is(.label, label), html.rc-b2b body#checkout .condition-label, html.rc-b2b body#checkout .condition-label label, html.rc-b2b body#checkout .custom-checkbox span.label, html.rc-b2b body#checkout .custom-checkbox label p, body.rc-b2b#checkout .block-header, body.rc-b2b#checkout .checkout-block[class*='num-'] .block-header:before, body.rc-b2b#checkout .already-account-label, body.rc-b2b#checkout .field-label, body.rc-b2b#checkout span.carrier-delay, body.rc-b2b#checkout #wrapper :is(.label, label), body.rc-b2b#checkout .condition-label, body.rc-b2b#checkout .condition-label label, body.rc-b2b#checkout .custom-checkbox span.label, body.rc-b2b#checkout .custom-checkbox label p, body#checkout.rc-b2b .block-header, body#checkout.rc-b2b .checkout-block[class*='num-'] .block-header:before, body#checkout.rc-b2b .already-account-label, body#checkout.rc-b2b .field-label, body#checkout.rc-b2b span.carrier-delay, body#checkout.rc-b2b #wrapper :is(.label, label), body#checkout.rc-b2b .condition-label, body#checkout.rc-b2b .condition-label label, body#checkout.rc-b2b .custom-checkbox span.label, body#checkout.rc-b2b .custom-checkbox label p { color: #ffffff !important; } html.rc-b2b body#checkout .checkout-block[class*='num-'] .block-header:before, body.rc-b2b#checkout .checkout-block[class*='num-'] .block-header:before, body#checkout.rc-b2b .checkout-block[class*='num-'] .block-header:before { border-color: #ffffff !important; } html.rc-b2b body#checkout .form-control, html.rc-b2b body#checkout input, html.rc-b2b body#checkout textarea, html.rc-b2b body#checkout select, body.rc-b2b#checkout .form-control, body.rc-b2b#checkout input, body.rc-b2b#checkout textarea, body.rc-b2b#checkout select, body#checkout.rc-b2b .form-control, body#checkout.rc-b2b input, body#checkout.rc-b2b textarea, body#checkout.rc-b2b select { background-color: #161b25 !important; border-color: #3a3e50 !important; color: #ffffff !important; } html.rc-b2b body#checkout .form-control::placeholder, html.rc-b2b body#checkout input::placeholder, html.rc-b2b body#checkout textarea::placeholder, body.rc-b2b#checkout .form-control::placeholder, body.rc-b2b#checkout input::placeholder, body.rc-b2b#checkout textarea::placeholder, body#checkout.rc-b2b .form-control::placeholder, body#checkout.rc-b2b input::placeholder, body#checkout.rc-b2b textarea::placeholder { color: #cec7fd !important; opacity: 1 !important; } html.rc-b2b body#checkout .custom-radio, html.rc-b2b body#checkout .custom-checkbox input[type=checkbox] + span, body.rc-b2b#checkout .custom-radio, body.rc-b2b#checkout .custom-checkbox input[type=checkbox] + span, body#checkout.rc-b2b .custom-radio, body#checkout.rc-b2b .custom-checkbox input[type=checkbox] + span { background-color: #161b25 !important; border-color: #cec7fd !important; box-shadow: 0 0 0 2px rgba(206, 199, 253, 0.14) !important; } html.rc-b2b body#checkout .custom-radio, body.rc-b2b#checkout .custom-radio, body#checkout.rc-b2b .custom-radio { position: relative !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; overflow: hidden !important; } html.rc-b2b body#checkout .custom-radio input[type=radio], body.rc-b2b#checkout .custom-radio input[type=radio], body#checkout.rc-b2b .custom-radio input[type=radio] { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; opacity: 0 !important; } html.rc-b2b body#checkout .custom-radio input[type=radio] + span, body.rc-b2b#checkout .custom-radio input[type=radio] + span, body#checkout.rc-b2b .custom-radio input[type=radio] + span { position: static !important; display: block !important; width: 10px !important; height: 10px !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: transparent !important; background-image: none !important; box-shadow: none !important; transform: none !important; } html.rc-b2b body#checkout .custom-radio input[type=radio] + span::before, html.rc-b2b body#checkout .custom-radio input[type=radio] + span::after, body.rc-b2b#checkout .custom-radio input[type=radio] + span::before, body.rc-b2b#checkout .custom-radio input[type=radio] + span::after, body#checkout.rc-b2b .custom-radio input[type=radio] + span::before, body#checkout.rc-b2b .custom-radio input[type=radio] + span::after { content: none !important; } html.rc-b2b body#checkout .using-material-icons .custom-radio input[type=radio]:checked + span, body.rc-b2b#checkout .using-material-icons .custom-radio input[type=radio]:checked + span, body#checkout.rc-b2b .using-material-icons .custom-radio input[type=radio]:checked + span, html.rc-b2b body#checkout .custom-checkbox input[type=checkbox]:checked + span, body.rc-b2b#checkout .custom-checkbox input[type=checkbox]:checked + span, body#checkout.rc-b2b .custom-checkbox input[type=checkbox]:checked + span, html.rc-b2b body#checkout .checkout-block .inner-area .offer-login a:hover, body.rc-b2b#checkout .checkout-block .inner-area .offer-login a:hover, body#checkout.rc-b2b .checkout-block .inner-area .offer-login a:hover { background-color: #412df1 !important; border-color: #412df1 !important; color: #ffffff !important; box-shadow: 0 0 0 2px rgba(65, 45, 241, 0.32) !important; } html.rc-b2b body#checkout .custom-radio input[type=radio]:checked + span, body.rc-b2b#checkout .custom-radio input[type=radio]:checked + span, body#checkout.rc-b2b .custom-radio input[type=radio]:checked + span { background: #cec7fd !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } html.rc-b2b body#checkout .custom-checkbox input[type=checkbox]:checked + span .checkbox-checked, body.rc-b2b#checkout .custom-checkbox input[type=checkbox]:checked + span .checkbox-checked, body#checkout.rc-b2b .custom-checkbox input[type=checkbox]:checked + span .checkbox-checked, html.rc-b2b body#checkout .custom-checkbox input[type=checkbox]:checked + span i, body.rc-b2b#checkout .custom-checkbox input[type=checkbox]:checked + span i, body#checkout.rc-b2b .custom-checkbox input[type=checkbox]:checked + span i { color: #ffffff !important; opacity: 1 !important; } html.rc-b2b body#checkout .custom-checkbox input[type=checkbox]:focus + span, body.rc-b2b#checkout .custom-checkbox input[type=checkbox]:focus + span, body#checkout.rc-b2b .custom-checkbox input[type=checkbox]:focus + span, html.rc-b2b body#checkout .custom-radio input[type=radio]:focus + span, body.rc-b2b#checkout .custom-radio input[type=radio]:focus + span, body#checkout.rc-b2b .custom-radio input[type=radio]:focus + span { box-shadow: 0 0 0 3px rgba(206, 199, 253, 0.28) !important; } html.rc-b2b body#checkout .error-msg, body.rc-b2b#checkout .error-msg, body#checkout.rc-b2b .error-msg { background-color: #3a1018 !important; border: 1px solid #ff4d6d !important; border-radius: 6px; color: #ffccd5 !important; padding: 10px 12px !important; } html.rc-b2b body#checkout .error-msg a, body.rc-b2b#checkout .error-msg a, body#checkout.rc-b2b .error-msg a { color: #ffffff !important; text-decoration: underline; } html.rc-b2b .elementor-29 .elementor-element.elementor-element-9324972:not(.elementor-motion-effects-element-type-background) > .elementor-element-populated, body.rc-b2b .elementor-29 .elementor-element.elementor-element-9324972:not(.elementor-motion-effects-element-type-background) > .elementor-element-populated, html.rc-b2b .elementor-29 .elementor-element.elementor-element-9324972 > .elementor-column-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer, body.rc-b2b .elementor-29 .elementor-element.elementor-element-9324972 > .elementor-column-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: transparent !important; } html.rc-b2b .elementor-29 .elementor-element.elementor-element-b58f72d:not(.elementor-motion-effects-element-type-background) > .elementor-element-populated, body.rc-b2b .elementor-29 .elementor-element.elementor-element-b58f72d:not(.elementor-motion-effects-element-type-background) > .elementor-element-populated, html.rc-b2b .elementor-29 .elementor-element.elementor-element-b58f72d > .elementor-column-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer, body.rc-b2b .elementor-29 .elementor-element.elementor-element-b58f72d > .elementor-column-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: transparent !important; } html.rc-b2b .elementor-accordion .elementor-accordion-item, body.rc-b2b .elementor-accordion .elementor-accordion-item { border-color: #272a38 !important; } html.rc-b2b .elementor-widget-accordion .elementor-accordion .elementor-tab-title, body.rc-b2b .elementor-widget-accordion .elementor-accordion .elementor-tab-title, html.rc-b2b .elementor-widget-accordion .elementor-accordion .elementor-tab-title.elementor-active, body.rc-b2b .elementor-widget-accordion .elementor-accordion .elementor-tab-title.elementor-active { color: #ffffff !important; } html.rc-b2b .popover, body.rc-b2b .popover, html.rc-b2b .popover *, body.rc-b2b .popover * { color: #ffffff !important; } html.rc-b2b .rentprice-container, body.rc-b2b .rentprice-container { border-color: #272a38 !important; } html.rc-b2b #main .input-group.bootstrap-touchspin, body.rc-b2b #main .input-group.bootstrap-touchspin, html.rc-b2b .quickview .input-group.bootstrap-touchspin, body.rc-b2b .quickview .input-group.bootstrap-touchspin, html.rc-b2b .facet-dropdown a.select-title, body.rc-b2b .facet-dropdown a.select-title, html.rc-b2b .custom-radio, body.rc-b2b .custom-radio, html.rc-b2b .custom-checkbox input[type=checkbox]+span, body.rc-b2b .custom-checkbox input[type=checkbox]+span, html.rc-b2b .bootstrap-touchspin .input-group-btn-vertical>.btn, body.rc-b2b .bootstrap-touchspin .input-group-btn-vertical>.btn, html.rc-b2b .form-control, body.rc-b2b .form-control, html.rc-b2b input, body.rc-b2b input, html.rc-b2b textarea, body.rc-b2b textarea, html.rc-b2b .form-control-select, body.rc-b2b .form-control-select, html.rc-b2b body select.form-control:not([size]):not([multiple]), body.rc-b2b select.form-control:not([size]):not([multiple]), html.rc-b2b #attributes .attribute_list #color_to_pick_list li, body.rc-b2b #attributes .attribute_list #color_to_pick_list li, html.rc-b2b .customizationUploadLine textarea, body.rc-b2b .customizationUploadLine textarea, html.rc-b2b input.uniform-input, body.rc-b2b input.uniform-input, html.rc-b2b select.uniform-multiselect, body.rc-b2b select.uniform-multiselect, html.rc-b2b textarea.uniform, body.rc-b2b textarea.uniform { border-color: #272a38 !important; } html.rc-b2b .input-group .input-group-btn>.btn[data-action="show-password"], body.rc-b2b .input-group .input-group-btn>.btn[data-action="show-password"], html.rc-b2b .input-group .input-group-btn>.btn[data-action="show-password"]:hover, body.rc-b2b .input-group .input-group-btn>.btn[data-action="show-password"]:hover, html.rc-b2b .bootstrap-touchspin .btn-touchspin, body.rc-b2b .bootstrap-touchspin .btn-touchspin, html.rc-b2b .bootstrap-touchspin .js-touchspin, body.rc-b2b .bootstrap-touchspin .js-touchspin, html.rc-b2b .facet-dropdown a.select-title, body.rc-b2b .facet-dropdown a.select-title, html.rc-b2b .form-control, body.rc-b2b .form-control, html.rc-b2b input, body.rc-b2b input, html.rc-b2b textarea, body.rc-b2b textarea, html.rc-b2b .form-control-select, body.rc-b2b .form-control-select, html.rc-b2b body select.form-control:not([size]):not([multiple]), body.rc-b2b select.form-control:not([size]):not([multiple]), html.rc-b2b div.selector:after, body.rc-b2b div.selector:after, html.rc-b2b .customizationUploadLine textarea, body.rc-b2b .customizationUploadLine textarea, html.rc-b2b input.uniform-input, body.rc-b2b input.uniform-input, html.rc-b2b select.uniform-multiselect, body.rc-b2b select.uniform-multiselect, html.rc-b2b textarea.uniform, body.rc-b2b textarea.uniform { color: #ffffff !important; } html.rc-b2b #search_filters .facet-dropdown a.select-title, body.rc-b2b #search_filters .facet-dropdown a.select-title, html.rc-b2b #search_filters .facet-dropdown a.select-title span, body.rc-b2b #search_filters .facet-dropdown a.select-title span, html.rc-b2b #search_filters .facet-dropdown a.select-title i, body.rc-b2b #search_filters .facet-dropdown a.select-title i { color: #161b25 !important; } html.rc-b2b .rentprice-price, body.rc-b2b .rentprice-price { color: #ffffff !important; } html.rc-b2b #blockcart-modal .modal-content, body.rc-b2b #blockcart-modal .modal-content { background-color: #050a11 !important; } html.rc-b2b label, body.rc-b2b label, html.rc-b2b #blockcart-modal .modal-body p strong, body.rc-b2b #blockcart-modal .modal-body p strong { color: #ffffff !important; } html.rc-b2b .rentpay--cart.rentpay__info, body.rc-b2b .rentpay--cart.rentpay__info { background-color: #161b25 !important; border-color: #272a38 !important; color: #ffffff !important; } html.rc-b2b .rentpay--cart[data-b2c="true"], body.rc-b2b .rentpay--cart[data-b2c="true"], html.rc-b2c .rentpay--cart[data-b2c="false"], body.rc-b2c .rentpay--cart[data-b2c="false"] { display: none !important; } html.rc-b2b #login-form .form-group label, body.rc-b2b #login-form .form-group label, html.rc-b2b form#login-form .form-group label, body.rc-b2b form#login-form .form-group label { color: #ffffff !important; } html.rc-b2b .address-form label, body.rc-b2b .address-form label, html.rc-b2b .js-address-form label, body.rc-b2b .js-address-form label, html.rc-b2b .address-form .form-control-comment, body.rc-b2b .address-form .form-control-comment, html.rc-b2b .js-address-form .form-control-comment, body.rc-b2b .js-address-form .form-control-comment, html.rc-b2b .address-form .req, body.rc-b2b .address-form .req, html.rc-b2b .js-address-form .req, body.rc-b2b .js-address-form .req { color: #ffffff !important; } html.rc-b2b .address-form .form-control, body.rc-b2b .address-form .form-control, html.rc-b2b .address-form input, body.rc-b2b .address-form input, html.rc-b2b .address-form textarea, body.rc-b2b .address-form textarea, html.rc-b2b .address-form select, body.rc-b2b .address-form select, html.rc-b2b .js-address-form .form-control, body.rc-b2b .js-address-form .form-control, html.rc-b2b .js-address-form input, body.rc-b2b .js-address-form input, html.rc-b2b .js-address-form textarea, body.rc-b2b .js-address-form textarea, html.rc-b2b .js-address-form select, body.rc-b2b .js-address-form select { background-color: #ffffff !important; border-color: #272a38 !important; color: #161b25 !important; } html.rc-b2b .address-form .form-control::placeholder, body.rc-b2b .address-form .form-control::placeholder, html.rc-b2b .address-form input::placeholder, body.rc-b2b .address-form input::placeholder, html.rc-b2b .address-form textarea::placeholder, body.rc-b2b .address-form textarea::placeholder, html.rc-b2b .js-address-form .form-control::placeholder, body.rc-b2b .js-address-form .form-control::placeholder, html.rc-b2b .js-address-form input::placeholder, body.rc-b2b .js-address-form input::placeholder, html.rc-b2b .js-address-form textarea::placeholder, body.rc-b2b .js-address-form textarea::placeholder { color: #667085 !important; opacity: 1 !important; } html.rc-b2b #rentprice-label, body.rc-b2b #rentprice-label { color: #ffffff !important; } html.rc-b2b .rentprice-subscribe-text, body.rc-b2b .rentprice-subscribe-text { color: #ffffff !important; } html.rc-b2c .rentprice-price, body.rc-b2c .rentprice-price { color: #0054ff !important; } html.rc-b2b .add .btn.add-to-cart, body.rc-b2b .add .btn.add-to-cart, html.rc-b2c .add .btn.add-to-cart, body.rc-b2c .add .btn.add-to-cart { background-color: #0054ff !important; border-color: #0054ff !important; color: #ffffff !important; } /* ── Tab bar ── */ html.rc-b2b #rentup-context-bar, body.rc-b2b #rentup-context-bar { background-color: #030615 !important; } html.rc-b2b .rc-tab, body.rc-b2b .rc-tab { color: rgba(255, 255, 255, 0.5); } html.rc-b2b .rc-tab:not(.rc-tab--active):hover, body.rc-b2b .rc-tab:not(.rc-tab--active):hover { background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.85); } /* B2B active on dark bar: subtle lighter pill */ html.rc-b2b .rc-tab[data-context="b2b"].rc-tab--active, body.rc-b2b .rc-tab[data-context="b2b"].rc-tab--active { background-color: rgba(255, 255, 255, 0.12); color: #ffffff; } /* B2C active on dark bar */ html.rc-b2b .rc-tab[data-context="b2c"].rc-tab--active, body.rc-b2b .rc-tab[data-context="b2c"].rc-tab--active { background-color: rgba(255, 255, 255, 0.12); color: #ffffff; } /* ── Main header background ── */ html.rc-b2b #header .header-top, body.rc-b2b #header .header-top { background-color: #030615 !important; } html.rc-b2b #header .head_menu, body.rc-b2b #header .head_menu { background-color: #030615 !important; } /* ── Logo: switch to B2B white version ── */ #header .logo.logo-b2b { display: none !important; } html.rc-b2b #header .logo.logo-normal, body.rc-b2b #header .logo.logo-normal, html.rc-b2b #header .logo.logo-trans, body.rc-b2b #header .logo.logo-trans, html.rc-b2b #header .logo.logo-mobile-normal, body.rc-b2b #header .logo.logo-mobile-normal { display: none !important; } html.rc-b2b #header .logo.logo-b2b, body.rc-b2b #header .logo.logo-b2b { display: block !important; } .footer-container .logo_footer.logo_footer_b2b { display: none !important; } html.rc-b2b .footer-container .logo_footer:not(.logo_footer_b2b), body.rc-b2b .footer-container .logo_footer:not(.logo_footer_b2b) { display: none !important; } html.rc-b2b .footer-container .logo_footer.logo_footer_b2b, body.rc-b2b .footer-container .logo_footer.logo_footer_b2b { display: block !important; } /* ── Header action icons & links ── */ html.rc-b2b #header .head_action li a, html.rc-b2b #header .head_action li button, html.rc-b2b #header .head_action li .user-info, html.rc-b2b #header .head_action li i, html.rc-b2b #header.normal .row.action > div i.ai, body.rc-b2b #header .head_action li a, body.rc-b2b #header .head_action li button, body.rc-b2b #header .head_action li .user-info, body.rc-b2b #header .head_action li i, body.rc-b2b #header.normal .row.action > div i.ai { color: #ffffff; } html.rc-b2b #header .head_action .cart-products-count, body.rc-b2b #header .head_action .cart-products-count { background-color: #ff0048; color: #000000 !important; } html.rc-b2b #header .cart_header.tip_inside .tip, body.rc-b2b #header .cart_header.tip_inside .tip { color: #000000 !important; } html.rc-b2b .tip, body.rc-b2b .tip { color: #000000 !important; } html.rc-b2b #header .tip, body.rc-b2b #header .tip, html.rc-b2b #header a .tip, body.rc-b2b #header a .tip, html.rc-b2b #header .tip *, body.rc-b2b #header .tip * { color: #000000 !important; } html.rc-b2b body #ui_tip, body.rc-b2b #ui_tip, html.rc-b2b body #ui_tip .ui_title, body.rc-b2b #ui_tip .ui_title, html.rc-b2b body #ui_tip *, body.rc-b2b #ui_tip * { color: #000000 !important; } html.rc-b2b .mte-rentup-btn, body.rc-b2b .mte-rentup-btn, html.rc-b2b .mte-rentup-btn span, body.rc-b2b .mte-rentup-btn span { color: #000000 !important; } html.rc-b2b .mte-rentup-btn svg, body.rc-b2b .mte-rentup-btn svg, html.rc-b2b .mte-rentup-btn svg path, body.rc-b2b .mte-rentup-btn svg path { color: #000000 !important; fill: #000000 !important; stroke: #000000 !important; } /* ── Search bar ── */ html.rc-b2b #header .header-top .search-widget form input[type="text"], body.rc-b2b #header .header-top .search-widget form input[type="text"] { background-color: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.15); color: #ffffff; } html.rc-b2b .search-widget form input[type="text"], html.rc-b2b .search-widget form input[name="s"], html.rc-b2b .search-widget.search4 form input[type="text"], body.rc-b2b .search-widget form input[type="text"], body.rc-b2b .search-widget form input[name="s"], body.rc-b2b .search-widget.search4 form input[type="text"] { color: #ffffff !important; } html.rc-b2b #header .header-top .search-widget form input[type="text"]::placeholder, body.rc-b2b #header .header-top .search-widget form input[type="text"]::placeholder { color: rgba(255, 255, 255, 0.4); } html.rc-b2b .search-widget form input[type="text"]::placeholder, html.rc-b2b .search-widget form input[name="s"]::placeholder, html.rc-b2b .search-widget.search4 form input[type="text"]::placeholder, html.rc-b2b .search-widget.search4 form input[name="s"]::placeholder, body.rc-b2b .search-widget form input[type="text"]::placeholder, body.rc-b2b .search-widget form input[name="s"]::placeholder, body.rc-b2b .search-widget.search4 form input[type="text"]::placeholder, body.rc-b2b .search-widget.search4 form input[name="s"]::placeholder { color: #ffffff !important; opacity: 1; } html.rc-b2b .search-widget.search4 form input[name="s"]::-webkit-input-placeholder, body.rc-b2b .search-widget.search4 form input[name="s"]::-webkit-input-placeholder { color: #ffffff !important; opacity: 1; } html.rc-b2b .search-widget.search4 form input[name="s"]::-moz-placeholder, body.rc-b2b .search-widget.search4 form input[name="s"]::-moz-placeholder { color: #ffffff !important; opacity: 1; } html.rc-b2b .search-widget.search4 form input[name="s"]:-ms-input-placeholder, body.rc-b2b .search-widget.search4 form input[name="s"]:-ms-input-placeholder { color: #ffffff !important; opacity: 1; } html.rc-b2b #header.normal .header-top .search-widget.search4 form input[name="s"]::placeholder, body.rc-b2b #header.normal .header-top .search-widget.search4 form input[name="s"]::placeholder, html.rc-b2b #header.normal .header-top .search-widget.search4 form input[type="text"]::placeholder, body.rc-b2b #header.normal .header-top .search-widget.search4 form input[type="text"]::placeholder { color: #ffffff !important; opacity: 1 !important; } html.rc-b2b #header.normal .header-top .search-widget.search4 form input[name="s"]::-webkit-input-placeholder, body.rc-b2b #header.normal .header-top .search-widget.search4 form input[name="s"]::-webkit-input-placeholder, html.rc-b2b #header.normal .header-top .search-widget.search4 form input[type="text"]::-webkit-input-placeholder, body.rc-b2b #header.normal .header-top .search-widget.search4 form input[type="text"]::-webkit-input-placeholder { color: #ffffff !important; opacity: 1 !important; } html.rc-b2b #header.normal .header-top .search-widget.search4 form input[name="s"]::-moz-placeholder, body.rc-b2b #header.normal .header-top .search-widget.search4 form input[name="s"]::-moz-placeholder, html.rc-b2b #header.normal .header-top .search-widget.search4 form input[type="text"]::-moz-placeholder, body.rc-b2b #header.normal .header-top .search-widget.search4 form input[type="text"]::-moz-placeholder { color: #ffffff !important; opacity: 1 !important; } html.rc-b2b #header.normal .header-top .search-widget.search4 form input[name="s"]:-ms-input-placeholder, body.rc-b2b #header.normal .header-top .search-widget.search4 form input[name="s"]:-ms-input-placeholder, html.rc-b2b #header.normal .header-top .search-widget.search4 form input[type="text"]:-ms-input-placeholder, body.rc-b2b #header.normal .header-top .search-widget.search4 form input[type="text"]:-ms-input-placeholder { color: #ffffff !important; opacity: 1 !important; } html.rc-b2b #header .header-top .search-widget form button[type="submit"], body.rc-b2b #header .header-top .search-widget form button[type="submit"] { color: rgba(255, 255, 255, 0.6); } html.rc-b2b .search-widget form button[type="submit"], html.rc-b2b .search-widget form button[type="submit"] i, body.rc-b2b .search-widget form button[type="submit"], body.rc-b2b .search-widget form button[type="submit"] i { color: #ffffff !important; } html.rc-b2b #search_results_header .ui-widget-content, html.rc-b2b #search_results_side .ui-widget-content, html.rc-b2b .searchbar-autocomplete.ui-widget-content, html.rc-b2b .ui-autocomplete.searchbar-autocomplete, body.rc-b2b #search_results_header .ui-widget-content, body.rc-b2b #search_results_side .ui-widget-content, body.rc-b2b .searchbar-autocomplete.ui-widget-content, body.rc-b2b .ui-autocomplete.searchbar-autocomplete { background: #030615 !important; border: 1px solid #272a38 !important; color: #ffffff !important; box-shadow: 0 18px 38px rgba(0, 0, 0, 0.36) !important; } html.rc-b2b #search_results_header .ui-menu-item, html.rc-b2b #search_results_side .ui-menu-item, body.rc-b2b #search_results_header .ui-menu-item, body.rc-b2b #search_results_side .ui-menu-item { background: transparent !important; } html.rc-b2b #search_results_header .ui-menu-item a, html.rc-b2b #search_results_side .ui-menu-item a, html.rc-b2b .searchbar-autocomplete .ui-menu-item a, body.rc-b2b #search_results_header .ui-menu-item a, body.rc-b2b #search_results_side .ui-menu-item a, body.rc-b2b .searchbar-autocomplete .ui-menu-item a { background: transparent !important; border: 0 !important; color: #ffffff !important; } html.rc-b2b #search_results_header .ui-menu-item a:hover, html.rc-b2b #search_results_header .ui-menu-item a.ui-state-focus, html.rc-b2b #search_results_side .ui-menu-item a:hover, html.rc-b2b #search_results_side .ui-menu-item a.ui-state-focus, html.rc-b2b .searchbar-autocomplete .ui-menu-item a:hover, html.rc-b2b .searchbar-autocomplete .ui-menu-item a.ui-state-focus, body.rc-b2b #search_results_header .ui-menu-item a:hover, body.rc-b2b #search_results_header .ui-menu-item a.ui-state-focus, body.rc-b2b #search_results_side .ui-menu-item a:hover, body.rc-b2b #search_results_side .ui-menu-item a.ui-state-focus, body.rc-b2b .searchbar-autocomplete .ui-menu-item a:hover, body.rc-b2b .searchbar-autocomplete .ui-menu-item a.ui-state-focus { background: rgba(206, 199, 253, 0.12) !important; color: #ffffff !important; } html.rc-b2b .searchbar-autocomplete .searchDescription .product, html.rc-b2b .searchbar-autocomplete .searchDescription .searchPrice, body.rc-b2b .searchbar-autocomplete .searchDescription .product, body.rc-b2b .searchbar-autocomplete .searchDescription .searchPrice { color: #ffffff !important; } /* ── Mega-menu ── */ html.rc-b2b .ets_mm_megamenu_content, body.rc-b2b .ets_mm_megamenu_content { background-color: #030615 !important; } html.rc-b2b .hook-default.layout_layout1 .ets_mm_megamenu_content, body.rc-b2b .hook-default.layout_layout1 .ets_mm_megamenu_content { border-bottom-color: rgba(255, 255, 255, 0.08) !important; } html.rc-b2b .layout_layout1 li > a, body.rc-b2b .layout_layout1 li > a { color: rgba(255, 255, 255, 0.8) !important; } html.rc-b2b #header .layout_layout1 li > a:hover, body.rc-b2b #header .layout_layout1 li > a:hover { color: #ffffff !important; } html.rc-b2b .ets_mm_block_content, body.rc-b2b .ets_mm_block_content { color: rgba(255, 255, 255, 0.7) !important; } @media (min-width: 992px) { html.rc-b2b #header .layout_layout1 .mm_menus_li:hover > a, body.rc-b2b #header .layout_layout1 .mm_menus_li:hover > a { background: rgba(206, 199, 253, 0.12) !important; color: #ffffff !important; } html.rc-b2b .layout_layout1.ets_mm_megamenu .mm_columns_ul, html.rc-b2b .ets_mm_block_content ul li ul, body.rc-b2b .layout_layout1.ets_mm_megamenu .mm_columns_ul, body.rc-b2b .ets_mm_block_content ul li ul { background: #030615 !important; border-color: #272a38 !important; } html.rc-b2b #header .layout_layout1 .ets_mm_block_content a, html.rc-b2b #header .layout_layout1 .ets_mm_categories a, body.rc-b2b #header .layout_layout1 .ets_mm_block_content a, body.rc-b2b #header .layout_layout1 .ets_mm_categories a { color: rgba(255, 255, 255, 0.78) !important; } html.rc-b2b #header .layout_layout1 .ets_mm_block_content li:hover > a, html.rc-b2b #header .layout_layout1 .ets_mm_block_content a:hover, html.rc-b2b #header .layout_layout1 .ets_mm_categories li:hover > a, html.rc-b2b #header .layout_layout1 .ets_mm_categories a:hover, body.rc-b2b #header .layout_layout1 .ets_mm_block_content li:hover > a, body.rc-b2b #header .layout_layout1 .ets_mm_block_content a:hover, body.rc-b2b #header .layout_layout1 .ets_mm_categories li:hover > a, body.rc-b2b #header .layout_layout1 .ets_mm_categories a:hover { background: rgba(206, 199, 253, 0.12) !important; color: #ffffff !important; } } /* ── Mobile header ── */ html.rc-b2b .header-mobile, body.rc-b2b .header-mobile { background-color: #030615 !important; } html.rc-b2b .header-mobile .head_action li, html.rc-b2b .header-mobile .head_action i, body.rc-b2b .header-mobile .head_action li, body.rc-b2b .header-mobile .head_action i { color: #ffffff; } html.rc-b2b .header-mobile .box-menu span, body.rc-b2b .header-mobile .box-menu span { background-color: #ffffff; } html.rc-b2b .header-mobile-search .search-widget form input[type="text"], html.rc-b2b .header-mobile-search .search-widget form input[name="s"], body.rc-b2b .header-mobile-search .search-widget form input[type="text"], body.rc-b2b .header-mobile-search .search-widget form input[name="s"] { background-color: rgba(255, 255, 255, 0.08) !important; border-color: #272a38 !important; color: #ffffff !important; } html.rc-b2b .header-mobile-search .search-widget form input[type="text"]::placeholder, html.rc-b2b .header-mobile-search .search-widget form input[name="s"]::placeholder, body.rc-b2b .header-mobile-search .search-widget form input[type="text"]::placeholder, body.rc-b2b .header-mobile-search .search-widget form input[name="s"]::placeholder { color: #ffffff !important; opacity: 1 !important; } html.rc-b2b .header-mobile-search .search-widget form button[type="submit"], html.rc-b2b .header-mobile-search .search-widget form button[type="submit"] i, body.rc-b2b .header-mobile-search .search-widget form button[type="submit"], body.rc-b2b .header-mobile-search .search-widget form button[type="submit"] i { color: #ffffff !important; } /* ============================================================================= HOME PAGE — context-aware block visibility Wrap B2C home content in .rc-home-b2c, B2B home content in .rc-home-b2b. Page reloads on tab switch so both blocks are in the DOM but only one shown. ============================================================================= */ .rc-home-b2b { display: none; } html.rc-b2b .rc-home-b2c { display: none !important; } html.rc-b2b .rc-home-b2b { display: block; } body.rc-b2b .rc-home-b2c { display: none !important; } body.rc-b2b .rc-home-b2b { display: block; } html.rc-b2b .rc-home-b2b.elementor-hidden, body.rc-b2b .rc-home-b2b.elementor-hidden, html.rc-b2b .rc-home-b2b.hidden, body.rc-b2b .rc-home-b2b.hidden { display: none !important; } @media (max-width: 767px) { html.rc-b2b .rc-home-b2b.elementor-hidden-phone, body.rc-b2b .rc-home-b2b.elementor-hidden-phone, html.rc-b2b .rc-home-b2b.hidden-phone, body.rc-b2b .rc-home-b2b.hidden-phone { display: none !important; } } @media (min-width: 768px) and (max-width: 1024px) { html.rc-b2b .rc-home-b2b.elementor-hidden-tablet, body.rc-b2b .rc-home-b2b.elementor-hidden-tablet, html.rc-b2b .rc-home-b2b.hidden-tablet, body.rc-b2b .rc-home-b2b.hidden-tablet { display: none !important; } } @media (min-width: 1025px) { html.rc-b2b .rc-home-b2b.elementor-hidden-desktop, body.rc-b2b .rc-home-b2b.elementor-hidden-desktop, html.rc-b2b .rc-home-b2b.hidden-desktop, body.rc-b2b .rc-home-b2b.hidden-desktop { display: none !important; } } html.rc-b2b #faq-tabs, body.rc-b2b #faq-tabs { display: flex !important; visibility: visible !important; opacity: 1 !important; } html.rc-b2b .faq-tab, body.rc-b2b .faq-tab { background-color: transparent !important; border-color: #272a38 !important; color: #ffffff !important; } html.rc-b2b .faq-tab.active, body.rc-b2b .faq-tab.active { background-color: #412df1 !important; border-color: #412df1 !important; color: #ffffff !important; } /* ============================================================================= CONTEXT-AWARE PRICE VISIBILITY Governs which rent price variant is shown in category & cart inline blocks. ============================================================================= */ /* Default (no class set = treat as b2c) & explicit b2c */ .rc-price-b2b { display: none; } .rc-price-b2c { display: block; } html.rc-b2b .rc-price-b2b, body.rc-b2b .rc-price-b2b { display: block; } html.rc-b2b .rc-price-b2c, body.rc-b2b .rc-price-b2c { display: none; } /* Cart inline prices */ html.rc-b2b .cart-price-b2c, body.rc-b2b .cart-price-b2c { display: none !important; } html.rc-b2c .cart-price-b2b, body.rc-b2c .cart-price-b2b { display: none !important; } /* Default (unset context) — show B2B as primary */ html:not(.rc-b2c):not(.rc-b2b) .cart-price-b2c { display: none !important; } /* ============================================================================= MOBILE ============================================================================= */ @media (max-width: 767px) { .rc-tab { font-size: 12px; padding: 6px 12px 6px 10px; gap: 5px; } } @media (max-width: 480px) { .rc-tab svg { display: none; } .rc-tab { padding: 6px 14px; } }