/* ==========================================================
   EXPRESS DIVORCE
   DIVORCE COST CALCULATOR
   PREMIUM BRAND OVERRIDE
   ========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');


/* ==========================================================
   BRAND VARIABLES
   ========================================================== */

.dccr-app {

    --ed-bg: #FFFDF7;
    --ed-shell: #FFFDF9;

    --ed-white: #FFFFFF;

    --ed-primary: #EFDFA8;
    --ed-primary-hover: #E4D18D;

    --ed-gold: #B99A43;
    --ed-gold-dark: #806A2D;

    --ed-text: #2B2B2B;
    --ed-body: #5F5A52;
    --ed-muted: #7D786F;

    --ed-border: #E6E0D3;
    --ed-border-gold: #E3D49F;

    --ed-soft: #F8F7F3;
    --ed-soft-2: #F2F0EA;

    font-family: "Inter", sans-serif !important;

    color: #2B2B2B !important;

    background:
        linear-gradient(
            180deg,
            #FFFDF7 0%,
            #FBF8EE 100%
        ) !important;

    border: 1px solid #E5D8A8 !important;

    border-radius: 24px !important;

    box-shadow:
        0 12px 36px rgba(52, 43, 22, 0.04) !important;
}


/* ==========================================================
   RESET PLUGIN FONT
   ========================================================== */

.dccr-app,
.dccr-app * {

    font-family: "Inter", sans-serif !important;
}


/* ==========================================================
   HEADER
   ========================================================== */

.dccr-header {

    background: transparent !important;

    padding-bottom: 24px !important;
}


.dccr-heading h2 {

    font-family: "Cormorant Garamond", serif !important;

    color: #2B2B2B !important;

    font-weight: 600 !important;

    letter-spacing: -0.015em !important;

    line-height: 1.08 !important;
}


/* Header icon */
.dccr-heading svg {

    color: #B99A43 !important;

    stroke: #B99A43 !important;
}


.dccr-heading svg * {

    stroke: #B99A43 !important;
}


/* Header paragraph */
.dccr-header p {

    color: #68635B !important;

    line-height: 1.55 !important;

    max-width: 780px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* ==========================================================
   HEADINGS
   ========================================================== */

.dccr-app h3,
.dccr-app h4,
.dccr-app h5 {

    color: #2B2B2B !important;
}


.dccr-app h3,
.dccr-app h4 {

    font-family: "Cormorant Garamond", serif !important;

    font-weight: 600 !important;

    letter-spacing: -0.01em !important;
}


/* ==========================================================
   MAIN CARDS
   ========================================================== */

.dccr-card {

    background: #FFFFFF !important;

    border: 1px solid #E6E0D3 !important;

    border-radius: 16px !important;

    box-shadow:
        0 6px 18px rgba(52, 47, 36, 0.035) !important;
}


/* ==========================================================
   INPUTS
   ========================================================== */

.dccr-app input[type="text"],
.dccr-app input[type="number"],
.dccr-app input[type="email"],
.dccr-app input[type="tel"],
.dccr-app select,
.dccr-app textarea {

    background: #FFFDF9 !important;

    color: #2B2B2B !important;

    border: 1px solid #DCD4C4 !important;

    border-radius: 9px !important;

    box-shadow: none !important;
}


.dccr-app input:focus,
.dccr-app select:focus,
.dccr-app textarea:focus {

    border-color: #B99A43 !important;

    outline: none !important;

    box-shadow:
        0 0 0 3px rgba(185, 154, 67, 0.10) !important;
}


.dccr-app input::placeholder,
.dccr-app textarea::placeholder {

    color: #969188 !important;
}


/* Checkbox + radio */
.dccr-app input[type="checkbox"],
.dccr-app input[type="radio"] {

    accent-color: #B99A43 !important;
}


/* Currency symbols */
.dccr-money > span,
.dccr-money > i {

    color: #9A8134 !important;
}


/* ==========================================================
   TYPE OF DIVORCE
   ========================================================== */

.dccr-type-grid {

    gap: 14px !important;
}


.dccr-choice {

    background: #FFFFFF !important;

    border: 1px solid #DFDAD0 !important;

    border-radius: 12px !important;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease !important;
}


.dccr-choice b {

    color: #38352F !important;
}


.dccr-choice small {

    color: #777269 !important;
}


/* Selected divorce type */
.dccr-choice:has(input:checked) {

    background: #FBF6E4 !important;

    border-color: #C8AB54 !important;

    box-shadow:
        0 0 0 2px rgba(185, 154, 67, 0.08) !important;
}


.dccr-choice:has(input:checked) b {

    color: #66521F !important;
}


/* Best value badge */
.dccr-choice em {

    background: #2B2B2B !important;

    color: #F4E7A1 !important;

    border-radius: 999px !important;

    font-style: normal !important;

    font-weight: 600 !important;
}


/* ==========================================================
   TYPE DESCRIPTION
   ========================================================== */

.dccr-description {

    background: #F8F7F3 !important;

    border: 1px solid #E7E3DA !important;

    color: #5E5951 !important;

    border-radius: 10px !important;
}


.dccr-description > b {

    color: #37342F !important;
}


.dccr-description p {

    color: #69645C !important;
}


.dccr-description small {

    color: #777269 !important;
}


/* ==========================================================
   DIVORCE.COM PACKAGES
   ========================================================== */

.dccr-packages {

    background: transparent !important;
}


.dccr-package-grid {

    gap: 14px !important;
}


.dccr-package {

    position: relative !important;

    background: #FFFFFF !important;

    border: 1px solid #E0DBD1 !important;

    border-radius: 12px !important;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease !important;
}


/* Selected package */
.dccr-package:has(input:checked) {

    background:
        linear-gradient(
            180deg,
            #FFFDF7 0%,
            #FBF6E4 100%
        ) !important;

    border-color: #C8AB54 !important;

    box-shadow:
        0 0 0 2px rgba(185, 154, 67, 0.08) !important;
}


/* Package titles */
.dccr-package b {

    color: #34312D !important;
}


/* Package price */
.dccr-package strong {

    color: #806A2D !important;
}


/* Features */
.dccr-features {

    color: #656159 !important;

    line-height: 1.6 !important;
}


/* Most popular badge */
.dccr-package > i {

    background: #2B2B2B !important;

    color: #F4E7A1 !important;

    border: none !important;

    border-radius: 999px !important;

    font-style: normal !important;

    font-weight: 600 !important;
}


/* ==========================================================
   PACKAGE NOTE
   ========================================================== */

.dccr-note {

    background: #F8F7F3 !important;

    border: 1px solid #E5E1D8 !important;

    border-radius: 10px !important;

    color: #625D55 !important;
}


.dccr-note b {

    color: #5D4C20 !important;
}


.dccr-note svg,
.dccr-note svg * {

    stroke: #B99A43 !important;
}


/* ==========================================================
   ATTORNEY FEES
   ========================================================== */

.dccr-attorney {

    background: #FFFFFF !important;
}


.dccr-attorney-title label {

    color: #4E4A44 !important;
}


.dccr-attorney-warning {

    background: #FBF7E9 !important;

    border: 1px solid #E5D59B !important;

    color: #6B6042 !important;

    border-radius: 9px !important;
}


/* Help text */
.dccr-fields small {

    color: #807B72 !important;
}


/* ==========================================================
   COMPLEXITY FACTORS
   ========================================================== */

.dccr-help {

    color: #777269 !important;
}


.dccr-options {

    gap: 12px !important;
}


.dccr-options > label {

    background: #FAF9F6 !important;

    border: 1px solid #E5E1D9 !important;

    border-radius: 10px !important;
}


.dccr-options > label:has(input:checked) {

    background: #FBF6E4 !important;

    border-color: #D7C27E !important;
}


.dccr-options b {

    color: #37342F !important;
}


.dccr-options small {

    color: #817C73 !important;
}


/* ==========================================================
   ADDITIONAL SERVICES
   ========================================================== */

.dccr-service {

    background: #FAF9F6 !important;

    border: 1px solid #E6E2DA !important;

    border-radius: 10px !important;
}


.dccr-service:has(input:checked) {

    background: #FBF6E4 !important;

    border-color: #D7C27E !important;
}


.dccr-service-head b {

    color: #36332F !important;
}


.dccr-service-head small,
.dccr-service-fields small {

    color: #817C73 !important;
}


/* ==========================================================
   OTHER COSTS BUTTON
   ========================================================== */

.dccr-add {

    background: #EFDFA8 !important;

    color: #2B2B2B !important;

    border: 1px solid #EFDFA8 !important;

    border-radius: 9px !important;

    font-weight: 600 !important;

    box-shadow: none !important;
}


.dccr-add:hover {

    background: #E4D18D !important;

    border-color: #E4D18D !important;

    color: #2B2B2B !important;
}


/* Empty state */
.dccr-empty {

    color: #817C73 !important;
}


/* ==========================================================
   RESULTS CARD
   ========================================================== */

.dccr-results {

    background: #FFFFFF !important;

    border-color: #E4DED2 !important;
}


.dccr-results > h3 {

    text-align: center !important;

    font-family: "Cormorant Garamond", serif !important;

    font-weight: 600 !important;
}


/* ==========================================================
   TOTAL ESTIMATED COST
   MAIN FOCAL PANEL
   ========================================================== */

.dccr-total {

    background:
        linear-gradient(
            135deg,
            #292824 0%,
            #38352F 100%
        ) !important;

    color: #FFFDF7 !important;

    border: none !important;

    border-radius: 12px !important;

    box-shadow:
        0 10px 26px rgba(30, 28, 23, 0.12) !important;
}


/* Result label */
.dccr-total > span {

    color: #F1ECE0 !important;
}


/* Main total amount */
.dccr-total > strong {

    color: #F4E7A1 !important;

    font-weight: 600 !important;
}


/* Range */
.dccr-total > small {

    color: #D9D3C7 !important;
}


/* ==========================================================
   COST BREAKDOWN
   ========================================================== */

.dccr-row {

    background: #F8F8F6 !important;

    border-color: #E7E4DD !important;

    color: #494640 !important;
}


.dccr-row b {

    color: #3C3934 !important;
}


.dccr-row small {

    color: #817C73 !important;
}


.dccr-row strong {

    color: #5C512E !important;
}


/* Previously green rows */
.dccr-row-green {

    background: #F7F6F2 !important;

    border-color: #E5E1D8 !important;

    color: #554D36 !important;
}


.dccr-row-green strong,
.dccr-row-green b {

    color: #665624 !important;
}


/* ==========================================================
   PAYMENT OPTIONS
   ========================================================== */

.dccr-pay {

    background: #F8F7F3 !important;

    border: 1px solid #E5E1D8 !important;

    border-radius: 10px !important;
}


.dccr-pay-grid > div {

    background: #FFFFFF !important;

    border: 1px solid #E5E1D8 !important;

    border-radius: 9px !important;
}


.dccr-pay-grid span {

    color: #706B63 !important;
}


.dccr-pay-grid b {

    color: #806A2D !important;
}


.dccr-pay > small {

    color: #817C73 !important;
}


/* ==========================================================
   DISCLAIMER
   Remove red / warning styling
   ========================================================== */

.dccr-disclaimer {

    background: #F8F7F3 !important;

    color: #5E5A53 !important;

    border: 1px solid #E5E1D8 !important;

    border-left: 3px solid #B99A43 !important;

    border-radius: 0 9px 9px 0 !important;
}


.dccr-disclaimer p {

    color: #5E5A53 !important;
}


.dccr-disclaimer b {

    color: #403C37 !important;
}


.dccr-disclaimer svg {

    fill: #B99A43 !important;

    color: #B99A43 !important;
}


.dccr-disclaimer svg path {

    fill: #B99A43 !important;
}


/* ==========================================================
   GENERAL BUTTONS
   ========================================================== */

.dccr-app button {

    font-family: "Inter", sans-serif !important;
}


/* ==========================================================
   GENERAL ICON CLEANUP
   ========================================================== */

.dccr-app svg {

    color: #B99A43 !important;
}


.dccr-app svg path[stroke],
.dccr-app svg rect[stroke],
.dccr-app svg circle[stroke],
.dccr-app svg line[stroke],
.dccr-app svg polyline[stroke] {

    stroke: #B99A43 !important;
}


/* ==========================================================
   DIVIDERS
   ========================================================== */

.dccr-app hr {

    border: none !important;

    border-top: 1px solid #E7E4DD !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .dccr-app {

        border-radius: 16px !important;
    }


    .dccr-heading h2 {

        font-size: 34px !important;

        line-height: 1.08 !important;
    }


    .dccr-card {

        border-radius: 14px !important;
    }


    .dccr-total {

        border-radius: 10px !important;
    }


    .dccr-type-grid,
    .dccr-package-grid,
    .dccr-options {

        gap: 10px !important;
    }

}/* End live design port */

/* Version 6 content additions. */
.dccr-eyebrow {
  margin: 0 0 8px;
  color: #9A6D00;
  font-family: "Inter", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .12em;
  line-height: 1.35;
  text-transform: uppercase;
}

.dccr-package-summary {
  margin: 7px 0 0;
  color: #817C73;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.45;
}

.dccr-package.is-disabled {
  cursor: not-allowed;
  opacity: .45;
}

.dccr-package.is-disabled:hover {
  transform: none;
}