/* eudora-legacy-1.0.0.css — restyles old-theme pages to the current look (2026-10-17).
 * Pages nobody else restyled: contact, order lookup, advanced search, send-to-friend, forms and
 * notices, compare, product reviews page, cart/checkout leftovers, plain CMS pages.
 * Old theme files are untouched; this file only overrides them (it loads last of our files).
 * Tokens come from eudora-look-1.0.0.css. */

/* ───────── Form pages: contact, order lookup, advanced search, send to a friend, wishlist share,
   forgot password, confirmation link ───────── */
body:is(.contacts-index-index, .sales-guest-form, .catalogsearch-advanced-index, .sendfriend-product-send, .wishlist-index-share, .customer-account-forgotpassword, .customer-account-confirmation, .customer-account-resetpassword) .main-container .col-main form {
    max-width: 640px; box-sizing: border-box;
}
body:is(.contacts-index-index, .sales-guest-form, .catalogsearch-advanced-index, .sendfriend-product-send) .main-container .col-main form {
    padding: 24px; border: 1px solid #e6e6e6; border-radius: 12px; background: #fff;
}
body:is(.contacts-index-index, .sales-guest-form, .catalogsearch-advanced-index, .sendfriend-product-send, .customer-account-forgotpassword, .customer-account-confirmation) .main-container .col-main .fieldset {
    margin: 0; padding: 0; border: 0; background: none; box-shadow: none;
}
body:is(.contacts-index-index, .sales-guest-form, .catalogsearch-advanced-index, .sendfriend-product-send, .customer-account-forgotpassword, .customer-account-confirmation, .wishlist-index-share) .main-container .col-main .form-list li { margin: 0 0 16px; }
body:is(.contacts-index-index, .sales-guest-form, .catalogsearch-advanced-index, .sendfriend-product-send, .customer-account-forgotpassword, .customer-account-confirmation, .wishlist-index-share) .main-container .col-main .form-list .field { float: none; width: auto; margin: 0 0 16px; }
body:is(.contacts-index-index, .sales-guest-form, .catalogsearch-advanced-index, .sendfriend-product-send, .customer-account-forgotpassword, .customer-account-confirmation, .wishlist-index-share) .main-container .col-main :is(.input-box, .form-list .input-text, .form-list select, .form-list textarea) { width: 100%; max-width: none; box-sizing: border-box; }
body .main-container .col-main .form-list label { display: block; margin: 0 0 6px; color: var(--el-ink); font-size: 16px; font-weight: 500; line-height: 1.4; float: none; width: auto; }
body .main-container .col-main .form-list label em,
body .main-container .col-main .required em { color: var(--el-brand); font-style: normal; }
body .main-container .col-main :is(p.required, .form-instructions, .fieldset > p) { color: var(--el-muted); font-size: 14px; line-height: 1.5; }
body .main-container .col-main .buttons-set p.required { color: var(--el-muted); font-size: 14px; }
body .main-container .col-main .form-list :is(small, .note, .hint) { color: var(--el-muted); font-size: 14px; }
body .main-container .col-main .form-list .input-text,
body .main-container .col-main .form-list select,
body .main-container .col-main .form-list textarea { font-size: 16px; }
body .main-container .col-main .form-list textarea { min-height: 132px; }
body .main-container .col-main .form-list select[multiple],
body .main-container .col-main .fieldset select[multiple] { height: auto; min-height: 132px; padding: 6px 8px; }
body .main-container .col-main .form-list select[multiple] option,
body .main-container .col-main .fieldset select[multiple] option { padding: 6px 8px; font-size: 16px; }
body .main-container .col-main .form-list .input-text:focus-visible,
body .main-container .col-main .form-list select:focus-visible,
body .main-container .col-main .form-list textarea:focus-visible { outline: 2px solid var(--el-ink); outline-offset: 1px; }
body .main-container .col-main .buttons-set { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin: 8px 0 0; padding: 16px 0 0; border-top: 1px solid var(--el-line); background: none; }
body .main-container .col-main .buttons-set .button { float: none; margin: 0; }
body .main-container .col-main .buttons-set .required { margin: 0 0 0 auto; }
body .main-container .col-main .buttons-set .back-link { float: none; margin: 0; }
body .main-container .col-main .buttons-set .back-link a,
body .main-container .col-main a.back-link { display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; }
body .main-container .col-main .buttons-set .back-link small { font-size: 15px; }
/* Send to a friend */
body.sendfriend-product-send .main-container .col-main h2,
body.sendfriend-product-send .main-container .col-main .legend { margin: 0 0 12px; font-size: 20px; }
body.contacts-index-index .main-container .col-main { float: none; width: auto; margin: 0; padding: 0 0 24px; }
body.contacts-index-index .main-container .col-left { display: none; }
body.contacts-index-index .main-container .col-main .buttons-set { max-width: none; width: auto; }

/* Notices: success / error / warning / note messages */
body .main-container .messages { margin: 0 0 16px; padding: 0; list-style: none; }
body .main-container .messages li { list-style: none; }
body .main-container .messages > li { margin: 0 0 8px; padding: 0; border: 0; background: none; }
body .main-container .messages > li > ul > li {
    padding: 12px 16px; border: 1px solid #e6e6e6; border-radius: 8px; background-image: none; background-color: #fff;
    color: var(--el-ink); font-size: 16px; line-height: 1.5;
}
body .main-container .messages .error-msg > ul > li { border-color: #e9b9c9; background-color: var(--el-brand-tint); }
body .main-container .messages .success-msg > ul > li { border-color: #bfdcc9; background-color: #edf7f0; }
body .main-container .messages :is(.notice-msg, .warning-msg) > ul > li { border-color: #ecd9a8; background-color: #fff8e6; }
/* Form validation messages */
body .main-container .validation-advice { margin: 6px 0 0; color: var(--el-brand-dark); font-size: 14px; line-height: 1.4; }
body .main-container :is(input, select, textarea).validation-failed { border-color: var(--el-brand); background: #fff; }

/* ───────── Compare window ───────── */
body.catalog-product-compare-index :is(h1, .page-title h1) { color: var(--el-ink); font-size: 28px; font-weight: 500; text-transform: none; letter-spacing: 0; }
body.catalog-product-compare-index a:not(.button) { color: var(--el-brand-dark); font-size: 15px; text-underline-offset: 2px; }
body.catalog-product-compare-index .compare-table { width: 100%; border: 1px solid #e6e6e6; border-collapse: separate; border-spacing: 0; }
body.catalog-product-compare-index .compare-table :is(th, td) { padding: 12px 14px; border-color: var(--el-line); background: #fff; color: var(--el-text); font-size: 15px; text-transform: none; }
body.catalog-product-compare-index .compare-table th { color: var(--el-ink); font-weight: 500; background: var(--el-soft); }
body.catalog-product-compare-index .compare-table .product-name a { color: var(--el-ink); font-size: 16px; font-weight: 500; text-decoration: none; }
body.catalog-product-compare-index .compare-table .button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 20px; border: 1px solid var(--el-brand); border-radius: 6px; background: var(--el-brand); color: #fff; font-size: 14px; font-weight: 500; letter-spacing: .04em; text-transform: uppercase; box-shadow: none; }
body.catalog-product-compare-index .compare-table .button span { background: none; color: inherit; font-size: inherit; text-transform: inherit; }
body.catalog-product-compare-index .compare-table .price { color: var(--el-brand); }

/* ───────── Cart and checkout leftovers (styles only; checkout markup is untouched) ───────── */
body .main-container .ed-empty-cart__title,
body .main-container .cart-empty h1 { text-transform: none; letter-spacing: 0; font-weight: 500; }
body .main-container .sp-methods .price { color: var(--el-ink); font-weight: 500; }
body .main-container .sp-methods dt { color: var(--el-ink); font-size: 16px; font-weight: 500; text-transform: none; }
body .main-container .sp-methods dd li { margin: 0 0 8px; padding: 10px 12px; border: 1px solid #e6e6e6; border-radius: 8px; background: #fff; font-size: 15px; }
body .main-container .sp-methods dd label,
body .shipping #co-shipping-method-form .sp-methods dd label,
body #co-shipping-method-form .sp-methods dd label,
body #co-shipping-method-form .sp-methods dd label:hover,
body .main-container .sp-methods dd label em { padding: 0; background: none; color: var(--el-ink); font-size: 15px; font-style: normal; }
body .main-container .sp-methods input[type=radio] { accent-color: var(--el-brand); }
body.checkout-cart-index .main-container .col-main :is(#shopping-cart-table .cart-footer-actions, .cart-forms) .button2 :is(span, span span) {
    font-size: 15px; letter-spacing: 0; text-transform: none; font-weight: 500;
}
body.checkout-cart-index .main-container .col-main #shopping-cart-table .cart-footer-actions .button2 { min-height: 44px; }
body.checkout-cart-index .main-container .col-main .cart-forms .button2 { min-height: 44px; border-radius: 6px; }
body.checkout-cart-index .main-container .data-table :is(th, .product-cart-sku, .nobr) { font-size: 14px; }
body.onestepcheckout-index-index .main-container :is(label, .cvv-what-is-this, .data-table th, .data-table td) { font-size: 14px; }
body.onestepcheckout-index-index .main-container a.cvv-what-is-this { color: var(--el-brand-dark); }
body.onestepcheckout-index-index .main-container .price { color: var(--el-ink); }

/* ───────── Quantity boxes on the product / review page ───────── */
body .main-container .quantity input.qty { border-radius: 6px; font-size: 16px; }

/* Review rating rows: readable labels on phones */
@media only screen and (max-width: 770px) {
    body #customer-reviews #product-review-table tbody th { font-size: 14px; }
}

/* ───────── Plain CMS pages (no .el-page wrapper) ───────── */
body.cms-page-view .main-container .std { max-width: 820px; color: var(--el-text); font-size: 16px; line-height: 1.7; }
body.cms-page-view .main-container .std :is(h1, h2, h3, h4) { margin: 28px 0 10px; color: var(--el-ink); font-weight: 500; text-transform: none; letter-spacing: 0; }
body.cms-page-view .main-container .std h2 { font-size: 22px; }
body.cms-page-view .main-container .std h3 { font-size: 18px; }
body.cms-page-view .main-container .std :is(p, li) { color: inherit; font-size: inherit; line-height: inherit; }
body.cms-page-view .main-container .std a:not(.button) { color: var(--el-brand-dark); text-decoration: underline; text-underline-offset: 2px; }
body.cms-page-view .main-container .std img { max-width: 100%; height: auto; }
body.cms-page-view .main-container .std :is(button, .btn-aff) {
    display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 22px;
    border: 1px solid var(--el-brand); border-radius: 6px; background: var(--el-brand); color: #fff; font-size: 15px; font-weight: 500; cursor: pointer;
}
body.cms-page-view .main-container .std iframe { max-width: 100%; }

/* ───────── Phone ───────── */
@media only screen and (max-width: 640px) {
    body:is(.contacts-index-index, .sales-guest-form, .catalogsearch-advanced-index, .sendfriend-product-send) .main-container .col-main form { padding: 16px; border-radius: 10px; }
    body.contacts-index-index .main-container .col-main { padding-left: 16px; padding-right: 16px; }
    body .main-container .col-main .buttons-set .button { width: 100%; }
    body .main-container .col-main .buttons-set .required { margin: 0; width: 100%; order: 3; }
    body.checkout-cart-index .main-container .col-main .shipping-form .button2 { width: 100%; }
}
