.elementor-5430 .elementor-element.elementor-element-467091f{--display:flex;--min-height:46vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.89;--padding-top:9vw;--padding-bottom:9vw;--padding-left:2vw;--padding-right:2vw;}.elementor-5430 .elementor-element.elementor-element-467091f:not(.elementor-motion-effects-element-type-background), .elementor-5430 .elementor-element.elementor-element-467091f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );background-image:url("https://www.rts-canada.com/wp-content/uploads/2025/05/bandes.jpg");background-position:center center;background-size:cover;}.elementor-5430 .elementor-element.elementor-element-467091f::before, .elementor-5430 .elementor-element.elementor-element-467091f > .elementor-background-video-container::before, .elementor-5430 .elementor-element.elementor-element-467091f > .e-con-inner > .elementor-background-video-container::before, .elementor-5430 .elementor-element.elementor-element-467091f > .elementor-background-slideshow::before, .elementor-5430 .elementor-element.elementor-element-467091f > .e-con-inner > .elementor-background-slideshow::before, .elementor-5430 .elementor-element.elementor-element-467091f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(60deg, var( --e-global-color-secondary ) 60%, var( --e-global-color-accent ) 100%);}.elementor-5430 .elementor-element.elementor-element-467091f > .elementor-shape-bottom .elementor-shape-fill, .elementor-5430 .elementor-element.elementor-element-467091f > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-a988c2f );}.elementor-5430 .elementor-element.elementor-element-467091f > .elementor-shape-bottom svg, .elementor-5430 .elementor-element.elementor-element-467091f > .e-con-inner > .elementor-shape-bottom svg{height:90px;}.elementor-5430 .elementor-element.elementor-element-442f8c6{--spacer-size:11px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5430 .elementor-element.elementor-element-b372456{text-align:center;}.elementor-5430 .elementor-element.elementor-element-b372456 .elementor-heading-title{font-size:clamp(2rem, 1.5rem + 3.5vw, 4rem);font-weight:500;text-transform:uppercase;line-height:1.3em;color:var( --e-global-color-db6ab7d );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-5430 .elementor-element.elementor-element-c11c646{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:5px;}.elementor-5430 .elementor-element.elementor-element-c11c646 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5430 .elementor-element.elementor-element-c11c646 .elementor-divider-separator{width:95px;margin:0 auto;margin-center:0;}.elementor-5430 .elementor-element.elementor-element-c11c646 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-5430 .elementor-element.elementor-element-2603c87{--display:flex;--min-height:529px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-5430 .elementor-element.elementor-element-2603c87:not(.elementor-motion-effects-element-type-background), .elementor-5430 .elementor-element.elementor-element-2603c87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a988c2f );}.elementor-5430 .elementor-element.elementor-element-cafc5f2 > .elementor-widget-container{margin:-127px 0px 0px 0px;}@media(max-width:1024px){.elementor-5430 .elementor-element.elementor-element-442f8c6{--spacer-size:13px;}}@media(min-width:768px){.elementor-5430 .elementor-element.elementor-element-467091f{--content-width:1147px;}.elementor-5430 .elementor-element.elementor-element-2603c87{--content-width:777px;}}@media(max-width:767px){.elementor-5430 .elementor-element.elementor-element-467091f{--min-height:383px;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-5430 .elementor-element.elementor-element-442f8c6{--spacer-size:16px;}.elementor-5430 .elementor-element.elementor-element-b372456 .elementor-heading-title{font-size:30px;}}/* Start custom CSS for html, class: .elementor-element-cafc5f2 */.container {
  max-width: 800px;
  width: 100%;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  padding: 30px;
}
#calcButton {
    background-color: #72ae38;
    position: absolute;
    right: 30px;
}
#addSizeButton {
    background-color: #1f4d54;
    margin: 0;
}
#addSizeButton, #calcButton {
    color: #fff;
    font-weight: 600;
    border-radius: 7px;
}
#resultsTable {
    border: solid 1px #ddd;
}
.tire-entry {
    display: inline-block;
    width: 100%;
}
.tire-entry .form-group {
    width: 49.5%;
    display: inline-block;
}
.weightInfo {
    position: absolute;
    right: 30px;
    font-size: 13px;
}
h2 {
  text-align: center;
  color: #2c3e50;
  margin-bottom: 30px;
  font-size: 28px;
  font-weight: 600;
}

.form-group {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

label {
  font-weight: 600;
  margin-right: 12px;
  color: #555;
  font-size: 16px;
  min-width: 120px;
}

select, input[type="number"] {
  flex: 1;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 16px;
  background-color: #fff;
  transition: border-color 0.3s ease;
}

select:focus, input[type="number"]:focus {
  border-color: #3498db;
  outline: none;
}

#weightInfo {
  margin-left: 16px;
  font-size: 14px;
  color: #777;
  font-style: italic;
}

button {
  padding: 10px 20px;
  background-color: #72ae38;
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.1s ease;
  margin-left: 16px;
}

button:hover, button:focus {
  background-color: #1E4C53;
}

button:active {
  transform: scale(0.98);
  background-color: #72ae38;
}

/* Table styles */
table {
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 30px;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

th, td {
  padding: 12px 16px;
  text-align: right;
  border-bottom: 1px solid #eee;
}

th {
  background-color: #1E4C53;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
}

th:first-child {
  text-align: left;
}

td:first-child {
  text-align: left;
  font-weight: 600;
  color: #444;
}

tr:nth-child(even) {
  background-color: #f9f9f9;
}

tr:hover {
  background-color: #e8f4fd;
}

/* Saved column highlight */
td:last-child {
  font-weight: bold;
  color: #72ae38;
}

/* Responsive design */
@media (max-width: 600px) {
  .form-group {
    flex-direction: column;
    align-items: flex-start;
  }

  label {
    margin-bottom: 8px;
    min-width: auto;
  }

  button {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }

  #weightInfo {
    margin-left: 0;
    margin-top: 8px;
  }
}/* End custom CSS */