/* PAGE FAMILY: artwork e-card page + its success page (C7) - SKIN tier - from site-topimpressionists-V2.0.css, original order. Migrated 2026-07-06. */

.ecard-page .e_card_section .e_card_form,.ecard-page .e_card_form {
    background:var(--ti-paper, #fbf7ee);
    border:1px solid var(--ti-rule-soft, #ddd4be);
    border-radius: 4px;
}

.ecard-page .e_card_form .form_heading {
    font-family: var(--font-title, 'Italiana', serif);
    color: var(--ti-ink, #2a2438);
}

.ecard-page .e_card_form .form_content {
    color: var(--ti-ink-soft, #4a4358);
}

.ecard-page .e_card_form .form-control {
    background: var(--ti-gesso, #f9f4e8);
    border: 1px solid var(--ti-rule, #c7bea8);
    color: var(--ti-ink, #2a2438);
    border-radius: 3px;
}

.ecard-page .e_card_form .form-control:focus {
    border-color: var(--ti-ochre, #b78b4a);
    box-shadow: none;
}

.ecard-page .form-top_heading {
    background:var(--ti-linen, #ede5d2);
    border: 1px solid var(--ti-rule-soft, #ddd4be);
}

.ecard-page .floating_right_heading h5,.ecard-page .floating_right_heading p {
    color: var(--ti-ink-mute, #6c647a);
}

.ecard-page .add_tocart_btn button {
    background: var(--ti-ochre, #b78b4a);
    color: var(--ti-paper, #fbf7ee);
    border: 1px solid var(--ti-ochre, #b78b4a);
    border-radius: 4px;
    font-family: var(--font-body, 'Cormorant Garamond', serif);
    letter-spacing: .03em;
}

.ecard-page .add_tocart_btn button:hover {
    background: var(--ti-ink, #2a2438);
    border-color: var(--ti-ink, #2a2438);
    color: var(--ti-paper, #fbf7ee);
}

.ecard-page .e-card_img_upload_section {
    background:var(--ti-canvas, #f4eee2);
    border:1px solid var(--ti-rule-soft, #ddd4be);
}

.ecard-page .e-card_img_upload_section h5 {
    font-family: var(--font-title, 'Italiana', serif);
    color: var(--ti-ink, #2a2438);
}

/* ===== e-card success page (restyle8 2026-07-10) — TI brand tokens on the page root ===== */
.ecard-success-page {
    --ecard-success-card-surface: var(--ti-paper, #fbf7ee);
    --ecard-success-card-border-color: var(--ti-rule-soft, #ddd4be);
    --ecard-success-card-corner-radius: 4px;
    --ecard-success-title-ink: var(--ti-ink, #2a2438);
    --ecard-success-title-font: var(--font-title, 'Italiana', serif);
    --ecard-success-message-ink: var(--ti-ink-soft, #4a4358);
    --ecard-success-icon-disc-fill: var(--ti-ochre, #b78b4a);
    --ecard-success-icon-checkmark-stroke: var(--ti-paper, #fbf7ee);
    --ecard-success-button-surface: var(--ti-ochre, #b78b4a);
    --ecard-success-button-ink: var(--ti-paper, #fbf7ee);
    --ecard-success-button-border-color: var(--ti-ochre, #b78b4a);
    --ecard-success-button-corner-radius: 4px;
    --ecard-success-button-font: var(--font-body, 'Cormorant Garamond', serif);
    --ecard-success-button-letter-spacing: .03em;
    --ecard-success-button-hover-surface: var(--ti-ink, #2a2438);
    --ecard-success-button-hover-ink: var(--ti-paper, #fbf7ee);
    --ecard-success-button-hover-border-color: var(--ti-ink, #2a2438);
    --ecard-success-secondary-button-surface: transparent;
    --ecard-success-secondary-button-ink: var(--ti-ochre, #b78b4a);
    --ecard-success-secondary-button-border-color: var(--ti-ochre, #b78b4a);
    --ecard-success-secondary-button-hover-surface: var(--ti-ochre, #b78b4a);
    --ecard-success-secondary-button-hover-ink: var(--ti-paper, #fbf7ee);
    --ecard-success-secondary-button-hover-border-color: var(--ti-ochre, #b78b4a);
}