.elementor-8364 .elementor-element.elementor-element-bdacdcf > .elementor-background-overlay{background-color:#000000;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8364 .elementor-element.elementor-element-bdacdcf > .elementor-container{min-height:900px;}.elementor-8364 .elementor-element.elementor-element-bdacdcf .elementor-background-slideshow__slide__image{background-size:cover;}.elementor-8364 .elementor-element.elementor-element-bdacdcf{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-8364 .elementor-element.elementor-element-bdacdcf > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-5cb5edaf );}.elementor-8364 .elementor-element.elementor-element-bdacdcf > .elementor-shape-top svg{height:30px;}.elementor-8364 .elementor-element.elementor-element-bdacdcf > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-5cb5edaf );}.elementor-8364 .elementor-element.elementor-element-bdacdcf > .elementor-shape-bottom svg{height:30px;}.elementor-8364 .elementor-element.elementor-element-6b4bd18 > .elementor-widget-container{background-color:#FFFFFF;padding:50px 50px 50px 50px;}.elementor-8364 .elementor-element.elementor-element-340a40d > .elementor-container{max-width:849px;text-align:center;}.elementor-8364 .elementor-element.elementor-element-340a40d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;color:var( --e-global-color-2bb07c32 );}.elementor-8364 .elementor-element.elementor-element-340a40d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8364 .elementor-element.elementor-element-340a40d .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-8364 .elementor-element.elementor-element-340a40d a{color:var( --e-global-color-primary );}.elementor-8364 .elementor-element.elementor-element-340a40d a:hover{color:var( --e-global-color-39b05a53 );}.elementor-8364 .elementor-element.elementor-element-5ff45bb{--spacer-size:15px;}@media(min-width:768px){.elementor-8364 .elementor-element.elementor-element-b7b88a2{width:25%;}.elementor-8364 .elementor-element.elementor-element-dbab33a{width:49.333%;}.elementor-8364 .elementor-element.elementor-element-58e828c{width:25%;}}/* Start custom CSS for shortcode, class: .elementor-element-6b4bd18 *//* Force excerpt row text to black */
.xstore-compare-row-excerpt,
.xstore-compare-row-excerpt td,
.xstore-compare-row-excerpt p,
.xstore-compare-row-excerpt span {
  color: #000 !important;
}
/* Align all table content to the top */
.xstore-compare-table th,
.xstore-compare-table td {
  vertical-align: top !important;
}
.xstore-compare-table td {
  vertical-align: top !important;
}
/* Regular (original) price = black */
.xstore-compare-table del,
.xstore-compare-table del span,
.xstore-compare-table .price del {
  color: #000 !important;
}

/* Sale (current) price = keep orange */
.xstore-compare-table ins,
.xstore-compare-table ins span,
.xstore-compare-table .price ins {
  color: #ff7a00 !important; /* keep your Ryval orange */
}
/* =========================================
   RYVAL • Compare Hoops: price visibility fix
   (XStore Compare table)
   ========================================= */

/* Scope to the compare page (WP typically adds this body class for the slug) */
body.page-compare-hoops .xstore-compare-table,
body.page-compare-hoops .xstore-compare-table * {
  color: #000 !important;
}

/* Price row + any WooCommerce price amounts inside compare table */
body.page-compare-hoops .xstore-compare-table .xstore-compare-row-price td,
body.page-compare-hoops .xstore-compare-table .xstore-compare-row-price td *,
body.page-compare-hoops .xstore-compare-table .woocommerce-Price-amount,
body.page-compare-hoops .xstore-compare-table .woocommerce-Price-amount *,
body.page-compare-hoops .xstore-compare-table .price,
body.page-compare-hoops .xstore-compare-table .price * {
  color: #000 !important;
}

/* If your theme is forcing white via CSS variables, override just for this page */
body.page-compare-hoops .xstore-compare-table {
  --wp--preset--color--foreground: #000 !important;
  --wc-black: #000 !important;
  --color: #000 !important;
}
/* =========================================
   RYVAL • Compare: fix white-on-white prices
   Works with YITH Compare + XStore wrappers
   ========================================= */

/* Base text color inside common compare containers */
#yith-woocompare,
#yith-woocompare *,
.yith_woocompare_table,
.yith_woocompare_table *,
.compare-list,
.compare-list *,
.compare-table,
.compare-table * {
  color: #000 !important;
}

/* Price elements inside compare tables */
#yith-woocompare .price,
#yith-woocompare .price *,
#yith-woocompare .amount,
#yith-woocompare .amount *,
#yith-woocompare .woocommerce-Price-amount,
#yith-woocompare .woocommerce-Price-amount *,

.yith_woocompare_table .price,
.yith_woocompare_table .price *,
.yith_woocompare_table .amount,
.yith_woocompare_table .amount *,
.yith_woocompare_table .woocommerce-Price-amount,
.yith_woocompare_table .woocommerce-Price-amount *,

.compare-list .price,
.compare-list .price *,
.compare-list .amount,
.compare-list .amount *,
.compare-table .price,
.compare-table .price *,
.compare-table .amount,
.compare-table .amount * {
  color: #000 !important;
}

/* If your theme forces white via CSS variables, neutralize them in compare containers */
#yith-woocompare,
.yith_woocompare_table,
.compare-list,
.compare-table {
  --wp--preset--color--foreground: #000 !important;
  --wc-black: #000 !important;
  --color: #000 !important;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-58e828c *//* ===============================
   RYVAL QUIZ RESULT BUTTON
   =============================== */

.ryval-quiz-result-btn a,
a.ryval-quiz-result-btn,
.ryval-quiz-result-btn {
  background-color: #ff5a00 !important; /* Ryval Orange */
  color: #000 !important; /* Black Text */
  border: 2px solid #ff5a00 !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 14px 28px;
  transition: all 0.3s ease;
}

/* Hover State */
.ryval-quiz-result-btn a:hover,
a.ryval-quiz-result-btn:hover,
.ryval-quiz-result-btn:hover {
  background-color: #000 !important;
  color: #fff !important;
  border: 2px solid #ff5a00 !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(255,90,0,0.4);
}


/* ===============================
   RYVAL QUIZ SHOWROOM BUTTON
   =============================== */

.ryval-quiz-showroom-btn a,
a.ryval-quiz-showroom-btn,
.ryval-quiz-showroom-btn {
  background-color: transparent !important;
  color: #ff5a00 !important;
  border: 2px solid #ff5a00 !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 14px 28px;
  transition: all 0.3s ease;
}

/* Hover State */
.ryval-quiz-showroom-btn a:hover,
a.ryval-quiz-showroom-btn:hover,
.ryval-quiz-showroom-btn:hover {
  background-color: #ff5a00 !important;
  color: #000 !important;
  border: 2px solid #ff5a00 !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(255,90,0,0.4);
}/* End custom CSS */