/**
* The Gadgets Lab — shop / product CSS regression fixes + site typography.
* Minifier-safe: explicit units, hardcoded stacks before var(), no empty shorthands.
*/
/* --------------------------------------------------------------------------
0) Site-wide type: Outfit body, Orbitron headings.
Hardcoded stacks first so a broken --typography-* var cannot fall back
to Times New Roman. Then var() so Kirki values still win when valid.
-------------------------------------------------------------------------- */
html,
body,
.elementor-kit-9 {
--e-global-typography-primary-font-family: "Orbitron", "Outfit", "Segoe UI", sans-serif;
--e-global-typography-secondary-font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
--e-global-typography-text-font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
--e-global-typography-accent-font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-family: var(--typography-body, "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body,
#page,
#primary,
.site-main,
.elementor-widget-text-editor,
.elementor-widget-heading .elementor-heading-title {
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
.product_title,
.product_name,
.title_heading,
.main-title,
.title,
.blog_title {
font-family: "Orbitron", "Outfit", "Segoe UI", sans-serif;
font-family: var(--typography-heading, "Orbitron", "Outfit", "Segoe UI", sans-serif);
letter-spacing: 0.02em;
line-height: 1.3;
}
/* Header nav: HOME / SHOP / PRODUCT / PAGES */
.rbb-default-header .menu a,
.rbb-default-header .primary-menu a,
.rbb-header-sticky .menu a,
#rbb-default-header nav a,
.elementor-nav-menu a {
font-family: "Orbitron", "Outfit", "Segoe UI", sans-serif;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.button,
.rbb-button,
input[type="submit"],
.single_add_to_cart_button,
.wp-element-button {
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-family: var(--typography-button, "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
font-weight: 600;
letter-spacing: 0.04em;
}
.woocommerce-breadcrumb,
.rbb-page-title,
.rbb-breadcrumb {
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-size: 13px;
letter-spacing: 0.01em;
}
/* --------------------------------------------------------------------------
1) Restore readable text on light WooCommerce surfaces.
Elementor kit (.elementor-kit-9) sets color:#FFFFFF on the document.
Theme headings still win; inheriting body/copy does not.
-------------------------------------------------------------------------- */
body.single-product #primary,
body.woocommerce-shop #primary,
body.woocommerce-page #primary,
body.tax-product_cat #primary,
body.tax-product_tag #primary,
body.post-type-archive-product #primary,
body.search-results #primary {
color: #1c1c1c;
background-color: #ffffff;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-family: var(--typography-body, "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
line-height: var(--typography-body-line-height, 1.5);
}
body.single-product #primary h1,
body.single-product #primary h2,
body.single-product #primary h3,
body.single-product #primary h4,
body.single-product #primary h5,
body.single-product #primary h6,
body.single-product #primary .product_title,
body.single-product #primary .title_heading,
body.woocommerce-shop #primary h1,
body.woocommerce-shop #primary h2,
body.woocommerce-page #primary h1,
body.woocommerce-page #primary h2,
body.tax-product_cat #primary h1,
body.tax-product_cat #primary h2 {
color: #111111;
font-family: "Orbitron", "Outfit", "Segoe UI", sans-serif;
font-family: var(--typography-heading, "Orbitron", "Outfit", "Segoe UI", sans-serif);
line-height: var(--typography-heading-line-height, 1.3);
letter-spacing: 0.02em;
}
/* --------------------------------------------------------------------------
2) Product description / tabs — white-on-white body copy.
Headings stay dark; ,
, , , tables inherit white
from the kit + Additional CSS `strong { color:white !important }`.
-------------------------------------------------------------------------- */
body.single-product .woocommerce-tabs,
body.single-product .woocommerce-tabs-panel,
body.single-product .woocommerce-Tabs-panel,
body.single-product .entry-content,
body.single-product .product-summary,
body.single-product .description-bottom,
body.single-product .woocommerce-product-details__short-description {
color: #1c1c1c;
background-color: transparent;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.6;
}
body.single-product .woocommerce-tabs-panel p,
body.single-product .woocommerce-tabs-panel li,
body.single-product .woocommerce-tabs-panel td,
body.single-product .woocommerce-tabs-panel th,
body.single-product .woocommerce-tabs-panel span,
body.single-product .entry-content p,
body.single-product .entry-content li,
body.single-product .entry-content td,
body.single-product .entry-content th,
body.single-product .entry-content span,
body.single-product .description-bottom p,
body.single-product .description-bottom li,
body.single-product .woocommerce-product-details__short-description p {
color: #1c1c1c;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.6;
}
body.single-product .woocommerce-tabs-panel h2,
body.single-product .woocommerce-tabs-panel h3,
body.single-product .woocommerce-tabs-panel h4,
body.single-product .entry-content h2,
body.single-product .entry-content h3,
body.single-product .entry-content h4,
body.single-product .description-bottom h2,
body.single-product .description-bottom h3,
body.single-product .description-bottom h4 {
font-family: "Orbitron", "Outfit", "Segoe UI", sans-serif;
font-weight: 600;
letter-spacing: 0.02em;
line-height: 1.3;
}
body.single-product .woocommerce-tabs-panel b,
body.single-product .woocommerce-tabs-panel strong,
body.single-product .entry-content b,
body.single-product .entry-content strong,
body.single-product .description-bottom b,
body.single-product .description-bottom strong,
body.single-product .product-summary b,
body.single-product .product-summary strong {
color: #111111 !important;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-weight: 700;
}
body.single-product .woocommerce-tabs-panel table,
body.single-product .entry-content table {
width: 100%;
border-collapse: collapse;
color: #1c1c1c;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
body.single-product .woocommerce-tabs-panel table td,
body.single-product .woocommerce-tabs-panel table th,
body.single-product .entry-content table td,
body.single-product .entry-content table th {
color: #1c1c1c;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: 1px solid #e5e7eb;
}
/* --------------------------------------------------------------------------
3) Sale / regular prices — strikethrough was #d6d6d6 on white.
Shop loop regular price was hardcoded #ffffff on bg-white cards.
-------------------------------------------------------------------------- */
body.single-product .product-summary .price,
body.single-product .product-summary .price ins,
body.single-product .product-summary .price ins .woocommerce-Price-amount,
body.single-product .product-summary .price ins bdi {
color: var(--rbb-general-primary-color, #7c3aed);
background-color: transparent;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-weight: 600;
}
body.single-product .product-summary .price del,
body.single-product .product-summary .price del .amount,
body.single-product .product-summary .price del .woocommerce-Price-amount,
body.single-product .product-summary .price del bdi {
color: #6b7280;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-weight: 500;
-webkit-text-decoration-color: #e82525;
text-decoration-color: #e82525;
-webkit-text-decoration-thickness: 1px;
text-decoration-thickness: 1px;
}
body.single-product .product-summary .product_title {
font-family: "Orbitron", "Outfit", "Segoe UI", sans-serif;
font-weight: 700;
letter-spacing: 0.02em;
line-height: 1.25;
}
body.woocommerce-shop .item-product .product-content.bg-white .product_name,
body.woocommerce-shop .item-product .product_name,
body.tax-product_cat .item-product .product-content.bg-white .product_name,
body.tax-product_cat .item-product .product_name,
body.post-type-archive-product .item-product .product-content.bg-white .product_name,
body.post-type-archive-product .item-product .product_name,
body.woocommerce-page .item-product .product-content.bg-white .product_name,
body.archive .item-product .product_name {
color: #111111;
-webkit-text-fill-color: #111111;
font-family: "Orbitron", "Outfit", "Segoe UI", sans-serif;
font-weight: 600;
letter-spacing: 0.02em;
line-height: 1.3;
opacity: 1;
visibility: visible;
}
body.woocommerce-shop .woocommerce-result-count,
body.tax-product_cat .woocommerce-result-count,
body.post-type-archive-product .woocommerce-result-count,
body.woocommerce-page .woocommerce-result-count {
color: #374151;
-webkit-text-fill-color: #374151;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
opacity: 1;
}
body.woocommerce-shop .item-product .product_price,
body.woocommerce-shop .item-product .product_price > .woocommerce-Price-amount,
body.woocommerce-shop .item-product .product_price > .woocommerce-Price-amount bdi,
body.woocommerce-shop .item-product .product_price .woocommerce-Price-amount,
body.woocommerce-shop .item-product .product_price .woocommerce-Price-amount bdi,
body.tax-product_cat .item-product .product_price,
body.tax-product_cat .item-product .product_price .woocommerce-Price-amount,
body.tax-product_cat .item-product .product_price .woocommerce-Price-amount bdi,
body.post-type-archive-product .item-product .product_price,
body.post-type-archive-product .item-product .product_price .woocommerce-Price-amount,
body.post-type-archive-product .item-product .product_price .woocommerce-Price-amount bdi,
body.woocommerce-page .item-product .product-content.bg-white .product_price,
body.woocommerce-page .item-product .product-content.bg-white .product_price .woocommerce-Price-amount,
body.woocommerce-page .item-product .product-content.bg-white .product_price .woocommerce-Price-amount bdi,
body.archive .item-product .product_price,
body.archive .item-product .product_price .woocommerce-Price-amount,
body.archive .item-product .product_price .woocommerce-Price-amount bdi {
color: #111111;
-webkit-text-fill-color: #111111;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-weight: 600;
opacity: 1;
visibility: visible;
}
body.woocommerce-shop .item-product .product_price ins,
body.woocommerce-shop .item-product .product_price ins .woocommerce-Price-amount,
body.woocommerce-shop .item-product .product_price ins bdi,
body.tax-product_cat .item-product .product_price ins,
body.tax-product_cat .item-product .product_price ins bdi,
body.post-type-archive-product .item-product .product_price ins,
body.post-type-archive-product .item-product .product_price ins bdi {
color: var(--rbb-general-primary-color, #7c3aed);
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-weight: 600;
}
body.woocommerce-shop .item-product .product_price del,
body.woocommerce-shop .item-product .product_price del .woocommerce-Price-amount,
body.woocommerce-shop .item-product .product_price del bdi,
body.tax-product_cat .item-product .product_price del,
body.tax-product_cat .item-product .product_price del bdi,
body.post-type-archive-product .item-product .product_price del,
body.post-type-archive-product .item-product .product_price del bdi {
color: #6b7280;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-weight: 500;
}
/* --------------------------------------------------------------------------
4) Quantity input — inherits kit white on --rbb-general-button-bg-color (#ececec).
-------------------------------------------------------------------------- */
body.single-product .quantity .qty,
body.single-product form.cart .quantity input.qty,
body.single-product form.cart input[type="number"].qty {
color: #111111;
background-color: var(--rbb-general-button-bg-color, #ececec);
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-family: var(--typography-form, "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
font-size: var(--typography-form-font-size, 14px);
font-weight: 500;
line-height: 1.2;
-webkit-text-fill-color: #111111;
}
body.single-product .quantity button.minus,
body.single-product .quantity button.plus {
color: #111111;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
/* --------------------------------------------------------------------------
5) Shop archive loop copy on white cards only (not homepage dark widgets).
-------------------------------------------------------------------------- */
body.woocommerce-shop .item-product .product_info .product_name,
body.woocommerce-shop .item-product .short_description,
body.woocommerce-shop .item-product .product_info_custom_field,
body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-shop ul.products li.product .price,
body.tax-product_cat .item-product .product_info .product_name,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
body.tax-product_cat ul.products li.product .price,
body.post-type-archive-product .item-product .product_info .product_name,
body.post-type-archive-product ul.products li.product .woocommerce-loop-product__title,
body.post-type-archive-product ul.products li.product .price,
body.woocommerce-page .item-product .product-content.bg-white .product_name,
body.woocommerce-page .item-product .product-content.bg-white .product_price {
color: #111111;
-webkit-text-fill-color: #111111;
}
body.woocommerce-shop .item-product .product_info .product_name,
body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title,
body.tax-product_cat .item-product .product_info .product_name,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
body.post-type-archive-product .item-product .product_info .product_name,
body.post-type-archive-product ul.products li.product .woocommerce-loop-product__title {
font-family: "Orbitron", "Outfit", "Segoe UI", sans-serif;
font-weight: 600;
letter-spacing: 0.02em;
line-height: 1.3;
}
body.woocommerce-shop .item-product .short_description,
body.woocommerce-shop .item-product .product_info_custom_field,
body.woocommerce-shop ul.products li.product .price,
body.tax-product_cat ul.products li.product .price,
body.post-type-archive-product ul.products li.product .price {
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-weight: 600;
}
body.woocommerce-shop ul.products li.product .price ins,
body.woocommerce-shop ul.products li.product .price ins .woocommerce-Price-amount,
body.woocommerce-shop ul.products li.product .price ins bdi,
body.tax-product_cat ul.products li.product .price ins,
body.tax-product_cat ul.products li.product .price ins bdi,
body.post-type-archive-product ul.products li.product .price ins,
body.post-type-archive-product ul.products li.product .price ins bdi {
color: var(--rbb-general-primary-color, #7c3aed);
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-weight: 600;
}
body.woocommerce-shop ul.products li.product .price del,
body.woocommerce-shop ul.products li.product .price del .woocommerce-Price-amount,
body.woocommerce-shop ul.products li.product .price del bdi,
body.tax-product_cat ul.products li.product .price del,
body.tax-product_cat ul.products li.product .price del bdi,
body.post-type-archive-product ul.products li.product .price del,
body.post-type-archive-product ul.products li.product .price del bdi {
color: #6b7280;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-weight: 500;
}
/* --------------------------------------------------------------------------
6) Homepage / Elementor product carousels sit on #2b282f cards.
Titles, prices, and stars must stay light.
-------------------------------------------------------------------------- */
.rbb_woo_products .item-product .product_name,
.elementor-widget .rbb_woo_products .item-product .product_name,
body.home .rbb_woo_products .item-product .product_name,
body.page .rbb_woo_products .item-product .product_name {
color: #ffffff;
-webkit-text-fill-color: #ffffff;
font-family: "Orbitron", "Outfit", "Segoe UI", sans-serif;
font-weight: 600;
letter-spacing: 0.02em;
line-height: 1.3;
}
.rbb_woo_products .item-product .product_name:hover {
color: var(--rbb-general-secondary-color, #ff4da9);
-webkit-text-fill-color: var(--rbb-general-secondary-color, #ff4da9);
}
.rbb_woo_products .item-product .product_price,
.rbb_woo_products .item-product .product_price .woocommerce-Price-amount,
.rbb_woo_products .item-product .product_price .woocommerce-Price-amount bdi,
.rbb_woo_products .item-product .product_price > .woocommerce-Price-amount bdi {
color: #ffffff;
-webkit-text-fill-color: #ffffff;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-weight: 600;
}
.rbb_woo_products .item-product .product_price ins,
.rbb_woo_products .item-product .product_price ins .woocommerce-Price-amount,
.rbb_woo_products .item-product .product_price ins bdi {
color: var(--rbb-general-secondary-color, #ff4da9);
-webkit-text-fill-color: var(--rbb-general-secondary-color, #ff4da9);
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-weight: 600;
}
.rbb_woo_products .item-product .product_price del,
.rbb_woo_products .item-product .product_price del .woocommerce-Price-amount,
.rbb_woo_products .item-product .product_price del bdi {
color: #c3c3c3;
-webkit-text-fill-color: #c3c3c3;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-weight: 500;
}
.rbb_woo_products .item-product .product_ratting,
.rbb_woo_products .item-product .product_ratting .star-rating {
color: #fbbf24;
}
.rbb_woo_products .item-product .product_ratting .star-rating::before {
color: #c3c3c3;
}
.rbb_woo_products .item-product .product_ratting .star-rating span,
.rbb_woo_products .item-product .product_ratting .star-rating span::before {
color: #fbbf24;
}
.rbb_woo_products .item-product .ratting-count {
color: #c3c3c3;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
/* Beat Additional CSS `strong { color:white !important }` on light surfaces. */
body.single-product strong,
body.single-product b,
body.woocommerce-shop #primary strong,
body.woocommerce-shop #primary b,
body.woocommerce-page #primary strong,
body.woocommerce-page #primary b,
body.tax-product_cat #primary strong,
body.tax-product_cat #primary b,
body.post-type-archive-product #primary strong,
body.post-type-archive-product #primary b {
color: #111111 !important;
}
/* Keep dark-filter chrome readable without a global strong { color:white }. */
.rbb-accordion-content,
.rbb-accordion-content strong,
.rbb-accordion-content b {
color: #ffffff !important;
background-color: #000000;
}
/* --------------------------------------------------------------------------
7) Product compare table + description (WPC Smart Compare quick table).
Cells use --rbb-general-body-text-color (white), so labels/descriptions
vanish on #f8f8f8 / white rows. Images get clipped; rows look too tall.
-------------------------------------------------------------------------- */
body.single-product .woosc-quick-table,
body.single-product #woosc-area,
body.single-product .woosc-page {
color: #1c1c1c;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
body.single-product .woosc-quick-table h2,
body.single-product .woosc-quick-table .woosc-quick-table-title {
color: #111111;
font-family: "Orbitron", "Outfit", "Segoe UI", sans-serif;
font-weight: 700;
letter-spacing: 0.02em;
line-height: 1.3;
}
body.single-product .woosc-quick-table table,
body.single-product .woosc-quick-table-products table,
body.single-product #woosc-area table {
width: 100%;
border-collapse: collapse;
color: #1c1c1c;
}
body.single-product .woosc-quick-table th,
body.single-product .woosc-quick-table td,
body.single-product .woosc-quick-table-products th,
body.single-product .woosc-quick-table-products td,
body.single-product #woosc-area td,
body.single-product #woosc-area th {
color: #1c1c1c;
-webkit-text-fill-color: #1c1c1c;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
vertical-align: top;
padding-top: 14px;
padding-right: 16px;
padding-bottom: 14px;
padding-left: 16px;
max-height: none;
height: auto;
}
body.single-product .woosc-quick-table td.td-label,
body.single-product .woosc-quick-table td:first-child,
body.single-product .woosc-quick-table th:first-child,
body.single-product .woosc-quick-table-products td.td-label,
body.single-product .woosc-quick-table-products td:first-child,
body.single-product #woosc-area td.td-label,
body.single-product #woosc-area td:first-child {
color: #111111;
-webkit-text-fill-color: #111111;
font-weight: 700;
font-size: 13px;
letter-spacing: 0.04em;
text-transform: uppercase;
white-space: nowrap;
}
body.single-product .woosc-quick-table td p,
body.single-product .woosc-quick-table-products td p,
body.single-product #woosc-area td p {
color: #1c1c1c;
margin-top: 0px;
margin-bottom: 8px;
line-height: 1.55;
}
body.single-product .woosc-quick-table .woocommerce-Price-amount,
body.single-product .woosc-quick-table .woocommerce-Price-amount bdi,
body.single-product .woosc-quick-table-products .woocommerce-Price-amount,
body.single-product .woosc-quick-table-products .woocommerce-Price-amount bdi {
color: #7c3aed;
-webkit-text-fill-color: #7c3aed;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-weight: 700;
}
body.single-product .woosc-quick-table del .woocommerce-Price-amount,
body.single-product .woosc-quick-table del .woocommerce-Price-amount bdi,
body.single-product .woosc-quick-table-products del .woocommerce-Price-amount bdi {
color: #6b7280;
-webkit-text-fill-color: #6b7280;
}
body.single-product .woosc-quick-table thead img,
body.single-product .woosc-quick-table-products thead img,
body.single-product .woosc-quick-table .tr-image img,
body.single-product .woosc-quick-table td img {
max-width: 140px;
max-height: 140px;
width: auto;
height: auto;
object-fit: contain;
display: block;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
body.single-product .woosc-quick-table thead th,
body.single-product .woosc-quick-table-products thead th {
overflow: visible;
vertical-align: middle;
background-color: #f3f4f6;
}
body.single-product .woosc-quick-table .star-rating,
body.single-product .woosc-quick-table-products .star-rating {
color: #fbbf24;
}
/* Description / tabs: readable copy, tighter headings, visible tab labels. */
body.single-product .woocommerce-tabs ul.tabs li a,
body.single-product .tabs-product #tabs-nav li,
body.single-product .title_heading {
color: #111111;
-webkit-text-fill-color: #111111;
font-family: "Orbitron", "Outfit", "Segoe UI", sans-serif;
font-weight: 700;
}
body.single-product .woocommerce-tabs ul.tabs li.active a,
body.single-product .woocommerce-tabs ul.tabs li:hover a {
color: #7c3aed;
-webkit-text-fill-color: #7c3aed;
}
body.single-product .woocommerce-tabs-panel,
body.single-product .description-bottom,
body.single-product .entry-content.woocommerce-tabs-panel {
max-width: 920px;
}
body.single-product .description-bottom h3,
body.single-product .woocommerce-tabs-panel h3,
body.single-product .woocommerce-tabs-panel h4,
body.single-product .entry-content h3,
body.single-product .entry-content h4 {
color: #111111;
font-size: 18px;
line-height: 1.35;
margin-top: 24px;
margin-bottom: 10px;
letter-spacing: 0.01em;
}
body.single-product .description-bottom ul,
body.single-product .woocommerce-tabs-panel ul,
body.single-product .entry-content ul {
padding-top: 4px;
padding-left: 22px;
margin-bottom: 16px;
list-style-type: disc;
}
body.single-product .description-bottom ul li,
body.single-product .woocommerce-tabs-panel ul li,
body.single-product .entry-content ul li {
color: #1c1c1c;
margin-bottom: 8px;
padding-left: 4px;
line-height: 1.55;
}
body.single-product .description-bottom ul li::before,
body.single-product .woocommerce-tabs-panel ul li::before {
display: none;
}
/* --------------------------------------------------------------------------
8) Search overlay + search results page.
Overlay (#rbb-search-content) is a white full-screen layer outside
#primary, so shop rules never reach it. Inputs use --typography-form
with no fallback (Times New Roman). Kit text color is white.
-------------------------------------------------------------------------- */
#rbb-search-content,
#rbb-search-content.style-2,
#rbb-search-content.bg-white,
.rbb_results,
.rbb-search-result-wrap {
color: #1c1c1c;
background-color: #ffffff;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
#rbb-search-content .rbb-search-form,
#rbb-search-content .rbb-search-top,
#rbb-search-content .rbb_results,
.rbb-search-form,
.rbb-product-search-content .rbb-search-form {
color: #1c1c1c;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
#rbb-search-content .input-search,
#rbb-search-content input[type="text"].s,
#rbb-search-content input[type="search"],
.rbb-search-form .input-search,
.rbb-search-form input[type="text"].s,
.rbb-product-search-content .input-search,
.product-search-mobile .input-search {
color: #111111;
-webkit-text-fill-color: #111111;
caret-color: #111111;
background-color: #ffffff;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-weight: 500;
}
#rbb-search-content .input-search::placeholder,
.rbb-search-form .input-search::placeholder,
.rbb-product-search-content .input-search::placeholder {
color: #6b7280;
-webkit-text-fill-color: #6b7280;
opacity: 1;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
#rbb-search-content .current-category,
#rbb-search-content .current-category span,
.rbb-search-form .current-category,
.rbb-search-form .current-category span,
.rbb-search-categories .current-category,
.rbb-search-categories .current-category span {
color: #111111;
-webkit-text-fill-color: #111111;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-weight: 600;
}
.rbb-search-categories ul.categories,
.rbb-search-categories ul.categories li,
.rbb-search-categories ul.categories .dropdown-item {
color: #111111;
-webkit-text-fill-color: #111111;
background-color: #ffffff;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.rbb-search-categories ul.categories li:hover,
.rbb-search-categories ul.categories li.active {
color: #7c3aed;
-webkit-text-fill-color: #7c3aed;
}
#rbb-search-content .rbb-search-popular,
#rbb-search-content .rbb-search-popular li,
.rbb-search-result-wrap > div,
.rbb_results .rbb-search-popular,
.rbb_results .rbb-search-popular li {
color: #111111;
-webkit-text-fill-color: #111111;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.rbb-search-popular li {
background-color: #eaeaea;
}
.rbb-search-popular li:hover {
color: #ffffff;
-webkit-text-fill-color: #ffffff;
}
#rbb-search-content .product_name,
#rbb-search-content .search-item .product_name,
.rbb_results .product_name,
.rbb-search-result-ajax .product_name,
.search-item .product_name {
color: #111111;
-webkit-text-fill-color: #111111;
font-family: "Orbitron", "Outfit", "Segoe UI", sans-serif;
font-weight: 600;
letter-spacing: 0.02em;
line-height: 1.3;
}
#rbb-search-content .product_name strong,
#rbb-search-content .search-item .product_name strong,
.rbb_results .product_name strong,
.search-item .product_name strong,
.rbb-search-result-ajax .product_name strong {
color: #7c3aed !important;
-webkit-text-fill-color: #7c3aed;
font-family: "Orbitron", "Outfit", "Segoe UI", sans-serif;
}
#rbb-search-content .item-price,
#rbb-search-content .item-price .woocommerce-Price-amount,
#rbb-search-content .item-price .woocommerce-Price-amount bdi,
.rbb_results .item-price,
.rbb_results .item-price .woocommerce-Price-amount,
.rbb_results .item-price .woocommerce-Price-amount bdi,
.search-item .item-price,
.search-item .item-price .woocommerce-Price-amount,
.search-item .item-price bdi {
color: #7c3aed;
-webkit-text-fill-color: #7c3aed;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-weight: 700;
}
#rbb-search-content .item-price ins,
#rbb-search-content .item-price ins .woocommerce-Price-amount,
#rbb-search-content .item-price ins bdi,
.rbb_results .item-price ins,
.rbb_results .item-price ins bdi,
.search-item .item-price ins,
.search-item .item-price ins bdi {
color: #7c3aed;
-webkit-text-fill-color: #7c3aed;
}
#rbb-search-content .item-price del,
#rbb-search-content .item-price del .woocommerce-Price-amount,
#rbb-search-content .item-price del bdi,
.rbb_results .item-price del,
.rbb_results .item-price del bdi,
.search-item .item-price del,
.search-item .item-price del bdi {
color: #6b7280;
-webkit-text-fill-color: #6b7280;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-weight: 500;
}
.rbb-search-result-ajax .no-result,
.rbb_results .no-result {
color: #1c1c1c;
-webkit-text-fill-color: #1c1c1c;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
/* Submitted product search archive uses #rbb-primary, not #primary. */
body.search #rbb-primary,
body.search-results #rbb-primary,
body.search #primary,
body.search-results #primary {
color: #1c1c1c;
background-color: #ffffff;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
body.search #rbb-page-title,
body.search-results #rbb-page-title {
color: #111111;
background-color: #ffffff;
}
body.search #rbb-page-title .rbb-breadcrumb,
body.search #rbb-page-title .rbb-breadcrumb a,
body.search #rbb-page-title .heading,
body.search #rbb-page-title h1,
body.search-results #rbb-page-title .rbb-breadcrumb,
body.search-results #rbb-page-title .heading,
body.search-results #rbb-page-title h1,
body.search .woocommerce-products-header__title,
body.search-results .page-title,
body.search-results .entry-title,
body.search-results .entry-title a {
color: #111111;
-webkit-text-fill-color: #111111;
font-family: "Orbitron", "Outfit", "Segoe UI", sans-serif;
font-weight: 700;
}
body.search #rbb-primary .item-product .product_name,
body.search-results #rbb-primary .item-product .product_name,
body.search #rbb-primary .woocommerce-loop-product__title,
body.search-results .entry-content,
body.search-results .blog-content {
color: #111111;
-webkit-text-fill-color: #111111;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
body.search #rbb-primary .item-product .product_name,
body.search-results #rbb-primary .item-product .product_name {
font-family: "Orbitron", "Outfit", "Segoe UI", sans-serif;
font-weight: 600;
}
body.search #rbb-primary .item-product .product_price,
body.search #rbb-primary .item-product .product_price .woocommerce-Price-amount,
body.search #rbb-primary .item-product .product_price bdi,
body.search #rbb-primary .woocommerce-result-count {
color: #111111;
-webkit-text-fill-color: #111111;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
body.search #rbb-primary strong,
body.search-results #primary strong,
body.search-results #rbb-primary strong {
color: #111111 !important;
}
/* --------------------------------------------------------------------------
9) Checkout / cart — light forms + order box.
Theme sets .rbb-checkout__order-content { color: var(--e-global-color-text) }
and that kit token is #FFFFFF. Inputs use --typography-form with no stack.
-------------------------------------------------------------------------- */
body.woocommerce-checkout #rbb-primary,
body.woocommerce-checkout #primary,
body.woocommerce-cart #rbb-primary,
body.woocommerce-cart #primary,
body.woocommerce-checkout .checkout-template,
body.woocommerce-cart .cart-template {
color: #1c1c1c;
background-color: #ffffff;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
body.woocommerce-checkout .rbb-checkout__title,
body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout .rbb-checkout__order-header,
body.woocommerce-cart .cart-template h2,
body.woocommerce-cart .cart-template h3 {
color: #111111;
-webkit-text-fill-color: #111111;
font-family: "Orbitron", "Outfit", "Segoe UI", sans-serif;
font-weight: 700;
letter-spacing: 0.04em;
}
body.woocommerce-checkout label,
body.woocommerce-checkout .rbb-address__label,
body.woocommerce-checkout .woocommerce-form__label,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-form-coupon-toggle,
body.woocommerce-checkout .woocommerce-form-login-toggle {
color: #111111;
-webkit-text-fill-color: #111111;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
body.woocommerce-checkout .rbb-checkout__order-content,
body.woocommerce-checkout .woocommerce-checkout-review-order,
body.woocommerce-checkout .woocommerce-checkout-review-order-table,
body.woocommerce-checkout .woocommerce-checkout-payment,
body.woocommerce-checkout .rbb-checkout__order-review__product-title,
body.woocommerce-checkout .rbb-checkout__order-review__product-price,
body.woocommerce-checkout .rbb-checkout__order-title,
body.woocommerce-checkout .cart_item,
body.woocommerce-checkout .cart-subtotal,
body.woocommerce-checkout .order-total,
body.woocommerce-checkout .wc_payment_methods,
body.woocommerce-checkout .wc_payment_method,
body.woocommerce-checkout .wc_payment_method label,
body.woocommerce-checkout .payment_box,
body.woocommerce-checkout .payment_box p {
color: #1c1c1c;
-webkit-text-fill-color: #1c1c1c;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
body.woocommerce-checkout .rbb-checkout__order-content strong,
body.woocommerce-checkout .product-quantity,
body.woocommerce-checkout .woocommerce-checkout-review-order strong {
color: #111111 !important;
-webkit-text-fill-color: #111111;
}
body.woocommerce-checkout .order-total .woocommerce-Price-amount,
body.woocommerce-checkout .order-total .woocommerce-Price-amount bdi,
body.woocommerce-checkout .rbb-checkout__price-total .woocommerce-Price-amount,
body.woocommerce-checkout .rbb-checkout__price-total bdi {
color: #7c3aed;
-webkit-text-fill-color: #7c3aed;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-weight: 700;
}
body.woocommerce-checkout .woocommerce-checkout-review-order-table .woocommerce-Price-amount,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .woocommerce-Price-amount bdi {
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
body.woocommerce-checkout input.input-text,
body.woocommerce-checkout textarea,
body.woocommerce-checkout select,
body.woocommerce-checkout .select2-selection__rendered,
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered,
body.woocommerce-cart input.input-text,
body.woocommerce-cart .qty {
color: #111111;
-webkit-text-fill-color: #111111;
caret-color: #111111;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
body.woocommerce-checkout input.input-text::placeholder,
body.woocommerce-checkout textarea::placeholder {
color: #6b7280;
-webkit-text-fill-color: #6b7280;
opacity: 1;
}
.select2-container--default .select2-results__option,
.select2-dropdown {
color: #111111;
background-color: #ffffff;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
body.woocommerce-checkout #place_order,
body.woocommerce-checkout .rbb-checkout__btn {
color: #ffffff;
-webkit-text-fill-color: #ffffff;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
body.woocommerce-cart .rbb-cart__table,
body.woocommerce-cart .rbb-cart__totals-content,
body.woocommerce-cart .rbb-cart__item,
body.woocommerce-cart .product-name,
body.woocommerce-cart .product-name a,
body.woocommerce-cart .product-price,
body.woocommerce-cart .product-subtotal {
color: #1c1c1c;
-webkit-text-fill-color: #1c1c1c;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
body.woocommerce-cart .product-name a {
font-family: "Orbitron", "Outfit", "Segoe UI", sans-serif;
font-weight: 600;
}
/* --------------------------------------------------------------------------
10) Admin-only floating Edit Page button.
Theme uses a white scroll-top background + rbb-font glyph. A white
pencil on that square is invisible; draw a purple SVG on ::after.
-------------------------------------------------------------------------- */
.entry-footer .edit-link,
footer.entry-footer .edit-link {
position: fixed;
left: 15px;
bottom: 75px;
z-index: 9999999;
}
.entry-footer .edit-link a,
.entry-footer .edit-link a.post-edit-link {
position: relative;
display: block;
width: 48px;
height: 48px;
border-radius: 4px;
color: transparent;
-webkit-text-fill-color: transparent;
font-size: 0;
line-height: 0;
text-indent: 0;
overflow: hidden;
background-color: #ffffff;
background-image: none;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.entry-footer .edit-link a::before,
.entry-footer .edit-link a.post-edit-link::before {
content: none;
display: none;
}
.entry-footer .edit-link a::after,
.entry-footer .edit-link a.post-edit-link::after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237c3aed' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4 12.5-12.5z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 22px 22px;
}
/* --------------------------------------------------------------------------
11) Footer payment logos — equal white chips in one row.
-------------------------------------------------------------------------- */
.newsletter .elementor-widget-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.newsletter .elementor-widget-heading,
.newsletter .elementor-widget-shortcode {
flex: 0 0 100%;
width: 100%;
}
.newsletter .tgl-pay-logo,
.newsletter .elementor-widget-image.tgl-pay-logo {
flex: 1 1 0;
min-width: 0;
width: auto;
max-width: none;
margin-top: 0;
margin-right: 4px;
margin-bottom: 0;
margin-left: 0;
}
.newsletter .tgl-pay-logo:last-child {
margin-right: 0;
}
.newsletter .tgl-pay-logo .elementor-widget-container,
.newsletter .tgl-pay-logo .elementor-image,
.newsletter .tgl-pay-logo figure {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
width: 100%;
height: 36px;
background-color: #ffffff;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
box-sizing: border-box;
overflow: hidden;
}
.newsletter .tgl-pay-logo img,
.newsletter .tgl-pay-logo svg {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: contain;
display: block;
}
/* --------------------------------------------------------------------------
12) Light page documents only — never the Elementor footer (3546).
-------------------------------------------------------------------------- */
body.page-id-1725 #primary.site-main,
body.page-id-1809 #primary.site-main,
body.page-id-10751 #primary.site-main,
body.page-id-5198 #primary.site-main,
body.page-id-1133 #primary.site-main {
background-color: #ffffff;
color: #1c1c1c;
overflow: visible;
}
body.page-id-1725 #primary > .container,
body.page-id-1725 .entry-content {
max-width: none;
width: 100%;
}
body.page-id-1725 .elementor-1725,
body.page-id-1809 .elementor-1809,
body.page-id-10751 .elementor-10751,
body.page-id-5198 .elementor-5198,
body.page-id-1133 .elementor-1133 {
background-color: #ffffff;
color: #1c1c1c;
}
body.page-id-1725 .elementor-1725 .elementor-heading-title,
body.page-id-1725 .elementor-1725 .elementor-image-box-title,
body.page-id-1809 .elementor-1809 .elementor-heading-title,
body.page-id-10751 .elementor-10751 .elementor-heading-title,
body.page-id-5198 .elementor-5198 .elementor-heading-title,
body.page-id-1133 .elementor-1133 .elementor-heading-title,
body.page-id-1133 .elementor-1133 .elementor-image-box-title {
color: #111111;
-webkit-text-fill-color: #111111;
}
body.page-id-1725 .elementor-1725 .elementor-widget-text-editor,
body.page-id-1725 .elementor-1725 .elementor-widget-text-editor p,
body.page-id-1725 .elementor-1725 .elementor-widget-text-editor li,
body.page-id-1725 .elementor-1725 .elementor-widget-text-editor strong,
body.page-id-1725 .elementor-1725 .elementor-widget-text-editor span,
body.page-id-1725 .elementor-1725 .elementor-widget-text-editor h2,
body.page-id-1725 .elementor-1725 .elementor-widget-text-editor h3,
body.page-id-1725 .elementor-1725 .elementor-widget-text-editor h4,
body.page-id-1725 .elementor-1725 .elementor-image-box-description,
body.page-id-1809 .elementor-1809 .elementor-widget-text-editor,
body.page-id-1809 .elementor-1809 .elementor-widget-text-editor p,
body.page-id-1809 .elementor-1809 .elementor-widget-text-editor strong,
body.page-id-1809 .elementor-1809 .elementor-icon-list-text,
body.page-id-10751 .elementor-10751 .elementor-widget-text-editor,
body.page-id-10751 .elementor-10751 .elementor-widget-text-editor p,
body.page-id-5198 .elementor-5198 .elementor-widget-text-editor,
body.page-id-5198 .elementor-5198 .elementor-widget-text-editor p,
body.page-id-5198 .elementor-5198 .elementor-widget-text-editor strong,
body.page-id-5198 .elementor-5198 .elementor-icon-list-text,
body.page-id-5198 .elementor-5198 .elementor-icon-list-item,
body.page-id-1133 .elementor-1133 .elementor-widget-text-editor,
body.page-id-1133 .elementor-1133 .elementor-widget-text-editor p,
body.page-id-1133 .elementor-1133 .elementor-tab-title,
body.page-id-1133 .elementor-1133 .elementor-tab-title a,
body.page-id-1133 .elementor-1133 .elementor-tab-content,
body.page-id-1133 .elementor-1133 .elementor-tab-content p {
color: #1c1c1c;
-webkit-text-fill-color: #1c1c1c;
}
body.page-id-1725 .elementor-1725 .elementor-widget-text-editor p,
body.page-id-1725 .elementor-1725 .elementor-image-box-description {
line-height: 1.7;
}
body.page-id-1725 .elementor-1725 .elementor-widget-text-editor ul {
padding-left: 1.2em;
margin-top: 8px;
margin-bottom: 8px;
}
body.page-id-1725 .elementor-1725 .elementor-widget-text-editor li {
margin-bottom: 8px;
}
body.page-id-1809 .elementor-1809 .elementor-button,
body.page-id-1809 .elementor-1809 .elementor-button-text,
body.page-id-1809 .elementor-1809 .elementor-button span {
color: #ffffff;
-webkit-text-fill-color: #ffffff;
}
body.page-id-1809 .elementor-1809 .elementor-widget-button .elementor-button {
font-size: 13px;
letter-spacing: 0.04em;
}
body.page-id-1809 .elementor-1809 .elementor-icon-list-item {
margin-bottom: 6px;
}
body.page-id-1809 .elementor-1809 .elementor-widget-text-editor p {
margin-top: 0;
margin-bottom: 8px;
}
/* Footer must stay light-on-dark even on these pages. */
body.page-id-1725 .elementor-3546 .elementor-heading-title,
body.page-id-1725 .elementor-3546 .elementor-icon-list-text,
body.page-id-1725 .elementor-3546 .elementor-icon-list-item,
body.page-id-1725 .elementor-3546 .elementor-widget-text-editor,
body.page-id-1725 .elementor-3546 .elementor-widget-text-editor p,
body.page-id-1809 .elementor-3546 .elementor-heading-title,
body.page-id-1809 .elementor-3546 .elementor-icon-list-text,
body.page-id-1809 .elementor-3546 .elementor-icon-list-item,
body.page-id-1809 .elementor-3546 .elementor-widget-text-editor,
body.page-id-1809 .elementor-3546 .elementor-widget-text-editor p,
body.page-id-10751 .elementor-3546 .elementor-heading-title,
body.page-id-10751 .elementor-3546 .elementor-icon-list-text,
body.page-id-10751 .elementor-3546 .elementor-icon-list-item,
body.page-id-5198 .elementor-3546 .elementor-heading-title,
body.page-id-5198 .elementor-3546 .elementor-icon-list-text,
body.page-id-5198 .elementor-3546 .elementor-icon-list-item,
body.page-id-5198 .elementor-3546 .elementor-widget-text-editor,
body.page-id-5198 .elementor-3546 .elementor-widget-text-editor p,
body.page-id-1133 .elementor-3546 .elementor-heading-title,
body.page-id-1133 .elementor-3546 .elementor-icon-list-text,
body.page-id-1133 .elementor-3546 .elementor-icon-list-item {
color: #ffffff;
-webkit-text-fill-color: #ffffff;
}
body.page-id-1133 .elementor-1133 .elementor-tab-title.elementor-active,
body.page-id-1133 .elementor-1133 .elementor-tab-title.elementor-active a {
color: #7c3aed;
-webkit-text-fill-color: #7c3aed;
}
body.page-id-1133 .elementor-1133 .elementor-tab-content p {
line-height: 1.7;
}
body.page-id-5198 .elementor-5198 .wpcf7 h2,
body.page-id-5198 .elementor-5198 .wpcf7 .sub_title,
body.page-id-5198 .elementor-5198 .wpcf7 label {
color: #1c1c1c;
-webkit-text-fill-color: #1c1c1c;
}
body.page-id-5198 .elementor-5198 .wpcf7 input[type="text"],
body.page-id-5198 .elementor-5198 .wpcf7 input[type="email"],
body.page-id-5198 .elementor-5198 .wpcf7 input[type="tel"],
body.page-id-5198 .elementor-5198 .wpcf7 textarea {
color: #1c1c1c;
-webkit-text-fill-color: #1c1c1c;
background-color: #ffffff;
border-color: #cfcfcf;
}
body.page-id-5198 .elementor-5198 .wpcf7 input::placeholder,
body.page-id-5198 .elementor-5198 .wpcf7 textarea::placeholder {
color: #6b6b6b;
-webkit-text-fill-color: #6b6b6b;
opacity: 1;
}
body.page-id-5198 .elementor-5198 .wpcf7 input[type="submit"],
body.page-id-5198 .elementor-5198 .wpcf7 .wpcf7-submit {
color: #ffffff;
-webkit-text-fill-color: #ffffff;
}
/* --------------------------------------------------------------------------
13) Header login / register modal.
White card inherits Elementor kit color:#FFFFFF, so labels, Remember me,
and typed input text vanish. Scope only to the popup.
-------------------------------------------------------------------------- */
.account-form-popup,
.account-form-popup .modal-login,
.account-form-popup .modal-login .content,
.account-form-popup .rbb-login-form,
.account-form-popup .rbb-form-register {
color: #1c1c1c;
-webkit-text-fill-color: #1c1c1c;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.account-form-popup .login-title,
.account-form-popup .login_switch,
.account-form-popup .modal-login label,
.account-form-popup .modal-login .content > div,
.account-form-popup .remember label,
.account-form-popup .lost-password a,
.account-form-popup .woocommerce-privacy-policy-text,
.account-form-popup .woocommerce-privacy-policy-text a {
color: #1c1c1c;
-webkit-text-fill-color: #1c1c1c;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.account-form-popup .lost-password a:hover,
.account-form-popup .woocommerce-privacy-policy-text a:hover {
color: #7c3aed;
-webkit-text-fill-color: #7c3aed;
}
.account-form-popup .modal-login label .text-red-700,
.account-form-popup .modal-login label .text-red,
.account-form-popup .modal-login label .required,
.account-form-popup span:not(.show) {
color: #ff2a2a;
-webkit-text-fill-color: #ff2a2a;
}
.account-form-popup .modal-login input.input-text,
.account-form-popup .modal-login input[type="text"],
.account-form-popup .modal-login input[type="email"],
.account-form-popup .modal-login input[type="password"] {
color: #111111;
-webkit-text-fill-color: #111111;
background-color: #ffffff;
border: 1px solid #d0d0d0;
}
.account-form-popup .modal-login input::placeholder {
color: #8a8a8a;
-webkit-text-fill-color: #8a8a8a;
opacity: 1;
}
.account-form-popup .remember label::before {
border-color: #c4c4c4;
}
.account-form-popup .button-login .button,
.account-form-popup .button-login button {
color: #ffffff;
-webkit-text-fill-color: #ffffff;
font-family: "Outfit", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}