From 6db90ced552eae3a93bdb44d83e30891ca4bf6e6 Mon Sep 17 00:00:00 2001
From: DannyThomx <dannithomx@gmail.com>
Date: Wed, 9 Oct 2024 10:47:56 +0200
Subject: [PATCH] scoped fjordd calculator table css styles

---
 styles/calculator.css | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/styles/calculator.css b/styles/calculator.css
index eee6440db..bb5af961b 100644
--- a/styles/calculator.css
+++ b/styles/calculator.css
@@ -101,31 +101,31 @@ select.calculator-select :focus {
     color: var(--op-neutral-700)
 }
 
-table {
+.calculator-results-wrap table {
     width: 100%;
     border-collapse: collapse;
     margin-bottom: 40px;
 }
 
-th,
-td {
+.calculator-results-wrap th,
+.calculator-results-wrap td {
     border: 1px solid var(--op-red-200);
     padding: 8px;
     text-align: left;   
 }
 
-thead .sub-header {
+.calculator-results-wrap thead .sub-header {
     background-color: var(--op-red-600) !important;
     color: var(--op-neutral-0);
 }
 
-tbody tr td, 
-thead tr:nth-of-type(2) th {
+.calculator-results-wrap tbody tr td, 
+.calculator-results-wrap thead tr:nth-of-type(2) th {
     text-align: center;
 }
 
-tbody tr td:first-of-type, 
-thead tr:nth-of-type(2) th:first-of-type {
+.calculator-results-wrap tbody tr td:first-of-type, 
+.calculator-results-wrap thead tr:nth-of-type(2) th:first-of-type {
     text-align: right;
 }
 
@@ -135,7 +135,7 @@ div.calculator-results-wrap .results-container .results-table-wrap tbody {
     font-weight: 700;
 }
 
-thead th[colspan="2"] {
+.calculator-results-wrap thead th[colspan="2"] {
     text-align: right;
 }