:root {
    --primary: hsla(0, 100%, 58.04%, 1);
    --secondary: hsla(198.649, 100%, 14.51%, 1);

    --tertiary: hsla(0, 0%, 22.75%, 1);
    --tertiary-d-4: hsla(0, 0%, 14%, 1);
    --tertiary-l-4: hsla(0, 0%, 55%, 1);
    --tertiary-light: hsla(0, 0%, 90%, 1);

    --bg-body: hsla(0, 0%, 9%, 1);
    --bg-lightdark: hsla(210, 14.71%, 13.33%, 1);

    --text-title: hsla(201.79, 0%, 14%, 1);
    --text-title-light: hsla(0, 2.13%, 75%, 1);
    --text-body: hsla(0, 2.13%, 18%, 1);
    --text-body-light: hsla(0, 0%, 100%, 1);


    ;

}

body {
    position: relative;
    background: var(--bg-body);
    background-image: url('/wp-content/uploads/2025/10/carbon-fiber-background.jpg');
}

body::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    pointer-events: none; /* Allows clicks to pass through */
    z-index: 0;
}

body > *,
.fl-node-59b1658bf0c49 > .fl-row-content-wrap > * {
    position: relative;
    z-index: 1;
}

body {
    min-height: 100vh;
}

.grid-parent {
    padding-top: 35px;
}

.one-container .container {
    background: transparent;
}

.site-content, div#content.site-content {
    background: transparent;
    padding: 0;
}

h1, div#sbb-boat-builder div.sbb-preview h1 {
    color: var(--text-title-light);
}

div#sbb-boat-builder div.sbb-preview h1 > small {
    color: var(--text-body-light);
}

/*---Left Column---*/
div#sbb-boat-builder div.sbb-sections {
    scrollbar-width: thin;
    scrollbar-color: var(--primary) var(--tertiary-d-4);
    
}

input[type="radio"]:checked {
    accent-color: var(--primary);
}

div#sbb-boat-builder div.sbb-sections div.sbb-section {
    background: var(--tertiary);
    margin-bottom: 5px;
}

.sbb-option td {
    border: none;
}

div#sbb-boat-builder div.sbb-sections tr.sbb-option:nth-child(even) {
    background: var(--tertiary-light);
}

/*---Right Column---*/
div#sbb-boat-builder div.sbb-preview div.sbb-build-summary {
    padding-block: 15px;
    padding-inline: 15px;
}

div#sbb-boat-builder div.sbb-preview div.sbb-build-summary div.sbb-total-price {
    color: var(--text-title);
    line-height: 1em;
    margin-bottom: 1rem;
}

/*SUMMARY LIST*/
div#sbb-boat-builder div.sbb-preview div.sbb-build-summary .sbb-build-summary-list {
    background-color: var(--tertiary-light);
    height: 100%;
}

/*---Buttons---*/
div#sbb-boat-builder div.sbb-preview div.sbb-build-summary div.sbb-buttons a.sbb-button {
    background-color: var(--tertiary-d-4);
    transition: background-color .4s ease-out;
}

div#sbb-boat-builder div.sbb-preview div.sbb-build-summary div.sbb-buttons a.sbb-button:hover {
    background-color: var(--tertiary);
}

/*---POPUPS---*/
.white-popup {
    background-color: hsla(0, 2.13%, 75%, 1);
}

.white-popup h3 {
    color: hsla(201.75, 0%, 14%, 1);
    font-weight: 600;
}

.sbb-summary-popup-content {
    color: hsla(0, 2.13%, 18%, 1);
}


/*---FORMS---*/
.gfield_label {
    color: hsla(0, 2.13%, 18%, 1);
}

.gform-field-label--type-sub {
    color: hsla(0, 2.13%, 18%, 1);
}

.gform_legacy_markup_wrapper .ginput_complex .ginput_right select, .gform_legacy_markup_wrapper .ginput_complex select {
    width: 95% !important;
    min-height: 31.5px;
    margin-top: 0 !important;
}


/*---Footer---*/
.fl-node-59b1658bf0c49 > .fl-row-content-wrap {
    background: transparent;
}

.scout-footer-copyright .tinsleycreative a {
    color: var(--text-body-light);
    transition: color .4s ease;
}

.scout-footer-copyright .tinsleycreative a:hover {
    color: var(--tertiary-l-4);
}