/******* Do not edit this file ******* Simple Custom CSS and JS - by Silkypress.com Saved: Nov 12 2026 | 19:36:29 */ /* ===== 2026 - My Account CSS (merged Nov 12 2026, front end, header) ===== Replaces these old items (switched OFF, not deleted), in their old print order: #90579 2026 – My Account Spinner #90530 2026 – Dashboard Recently Played #90487 2026 – My Account Payment Options #90486 2026 – My Account Payment Methods #90483 2026 – My Account View Donation #90476 2026 – My Account Recurring Donat #90473 2026 – My Account Notice Focus #90472 2026 – My Account Orders Phone Fi #90471 2026 – My Account Messages Fix #90467 2026 – My Account Login Extras. #90466 2026 – My Account Login Fixes #90465 2026 – My Account Login #90464 2026 – My Account Messages #90463 2026 – My Account Pay Buttons #90462 2026 – My Account Status Colors #90458 2026 – My Account Form Fixes #90457 2026 – My Account Addresses #90456 2026 – My Account Account Details #90454 2026 – My Account Shared Buttons #90453 2026 – My Account Order Details #90449 2026 – My Account Dashboard Also switched OFF: #90455 My Account Logout (it holds JavaScript, not CSS, so it never did anything as a style; left out of this file). Each source is marked with its old ID. ===== */ /* ---- SOURCE #90579 ---- */ /* ===== 2026 - My Account Spinner ===== */ /* Loading spinner for My Account (e.g. Add Payment Method, Change payment). Same gold + navy rings as Cart and Checkout. Only affects WooCommerce's loading overlay. DataTables lists and the Streaming Access page are not touched. */ @keyframes fxacspin { to { transform: rotate(360deg); } } @keyframes fxacspinback { to { transform: rotate(-360deg); } } @keyframes fxacpulse { 0%, 100% { opacity: .55; } 50% { opacity: 1; } } html body.woocommerce-account .blockUI.blockOverlay { background: rgba(244,244,252,.78) !important; opacity: 1 !important; border-radius: 16px; cursor: progress !important; } html body.woocommerce-account .blockUI.blockOverlay::before { content: "" !important; position: fixed !important; top: var(--fx-cy, 50%) !important; left: var(--fx-cx, 50%) !important; width: 64px !important; height: 64px !important; margin: -32px 0 0 -32px !important; padding: 0 !important; box-sizing: border-box; border-radius: 50%; background: transparent !important; opacity: 1 !important; border: 5px solid rgba(46,74,102,.12) !important; border-top-color: #E0B02D !important; border-right-color: #E0B02D !important; box-shadow: 0 8px 24px rgba(46,74,102,.18); animation: fxacspin .9s cubic-bezier(.5,.15,.5,.85) infinite; } html body.woocommerce-account .blockUI.blockOverlay::after { content: "" !important; position: fixed !important; top: var(--fx-cy, 50%) !important; left: var(--fx-cx, 50%) !important; width: 36px !important; height: 36px !important; margin: -18px 0 0 -18px !important; box-sizing: border-box; border-radius: 50%; background: transparent !important; border: 4px solid transparent !important; border-bottom-color: #2e4a66 !important; border-left-color: #2e4a66 !important; animation: fxacspinback 1.2s linear infinite; } @media (prefers-reduced-motion: reduce) { html body.woocommerce-account .blockUI.blockOverlay::before { animation: fxacpulse 1.4s ease-in-out infinite; } html body.woocommerce-account .blockUI.blockOverlay::after { animation: none; } } /* ===== END 2026 - My Account Spinner ===== */ /* ---- SOURCE #90530 ---- */ /* ===== 2026 - DASHBOARD RECENTLY PLAYED ===== */ html body.page-id-90527:not(#fx){background:#F4F4FC !important} html body.page-id-90527:not(#fx) .main-container,html body.page-id-90527:not(#fx) .content-section,html body.page-id-90527:not(#fx) .content-section .section-background,html body.page-id-90527:not(#fx) .content-section .section-content{background:transparent !important} html body.page-id-90527:not(#fx) .tar-main-content{max-width:1008px !important;margin:0 auto !important;padding:8px 24px 76px !important;box-sizing:border-box;font-family:'Open Sans',sans-serif;color:#2e4a66} html body.page-id-90527:not(#fx) .tar-main-content > .tcb-clear{display:none !important} html body.page-id-90527:not(#fx) .tar-main-content > .thrv_custom_html_shortcode{margin:0 !important;padding:0 !important} /* ---- layout ---- */ html body.page-id-90527 .fx-rp{--c:#2e5fa8;box-sizing:border-box;font-family:'Open Sans',sans-serif;color:#2e4a66} html body.page-id-90527 .fx-rp *{box-sizing:border-box} /* ---- banner ---- */ html body.page-id-90527 .fx-rp-hero{padding:48px 24px;margin:0 0 24px;border-radius:16px;background:linear-gradient(135deg,#2e4a66 0%,#1f3550 100%);box-shadow:0 10px 30px rgba(46,74,102,.12);text-align:center} html body.page-id-90527 .fx-rp-eyebrow{font:700 13px/1 'Open Sans',sans-serif;letter-spacing:.22em;color:#E0B02D} html body.page-id-90527 h1.fx-rp-title{margin:14px 0 0 !important;padding:0 !important;font:600 44px/1.15 'Playfair Display',serif !important;color:#fff !important;text-align:center !important;letter-spacing:0 !important;text-transform:none !important} html body.page-id-90527 .fx-rp-divider{width:64px;height:3px;margin:26px auto 0;border-radius:2px;background:#E0B02D} /* ---- card ---- */ html body.page-id-90527 .fx-rp-card{padding:56px 40px 44px;background:#fff;border:1px solid #dfe4f2;border-radius:16px;box-shadow:0 10px 30px rgba(46,74,102,.08)} html body.page-id-90527 .fx-rp-select{margin:0 0 28px;font:700 16px/1 'Open Sans',sans-serif;letter-spacing:.18em;text-align:center;color:#0f2150} /* ---- tabs (pills) ---- */ html body.page-id-90527 .fx-rp-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 0 28px;padding:0 0 28px;border-bottom:1px solid #e6eaf5} html body.page-id-90527 button.fx-rp-tab{--c:#2e4a66;display:inline-flex;align-items:center;justify-content:center;height:48px;margin:0;padding:0 30px;border:1.5px solid var(--c) !important;border-radius:999px !important;background:#fff !important;color:var(--c) !important;font:500 15px/1 'Open Sans',sans-serif !important;letter-spacing:0 !important;text-transform:none !important;box-shadow:none !important;cursor:pointer;transition:background .2s,color .2s,border-color .2s} html body.page-id-90527 button.fx-rp-tab[data-tab="fav"]{--c:#a8761a} html body.page-id-90527 button.fx-rp-tab[aria-selected="true"]{background:var(--c) !important;color:#fff !important} html body.page-id-90527 button.fx-rp-tab:hover{background:#E0B02D !important;border-color:#E0B02D !important;color:#fff !important} /* ---- panes, icons and the players (players keep their original design) ---- */ html body.page-id-90527 .fx-rp-pane[hidden]{display:none !important} html body.page-id-90527 .fx-rp-icon{display:flex;justify-content:center;align-items:center;height:60px;margin:0 0 32px} html body.page-id-90527 .fx-rp-icon svg{display:block;flex:none} html body.page-id-90527 .fx-rp-player{max-width:800px;margin:0 auto} html body.page-id-90527 .fx-rp-player p:empty{display:none} /* ---- Back / Dashboard buttons ---- */ html body.page-id-90527 .fx-rp-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:32px 0 0} html body.page-id-90527 a.fx-rp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 26px;border-radius:8px;background:#2e4a66;color:#fff !important;font:500 15px/1 'Open Sans',sans-serif;text-decoration:none !important;transition:background .2s} html body.page-id-90527 a.fx-rp-btn:hover,html body.page-id-90527 a.fx-rp-btn:focus-visible{background:#E0B02D;color:#fff !important} html body.page-id-90527 .fx-rp-short{display:none} /* ---- gold up arrow ---- */ html body.page-id-90527 .fx-rp-uprow{display:flex;justify-content:flex-end;margin:60px 0 0} html body.page-id-90527 button.fx-rp-up{display:block;width:50px;height:50px;margin:0;padding:0;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;line-height:0;cursor:pointer} html body.page-id-90527 button.fx-rp-up svg{display:block;width:50px;height:50px;fill:#E0B02D} html body.page-id-90527 button.fx-rp-up:focus-visible{outline:2px solid #2e4a66;outline-offset:3px;border-radius:50% !important} /* ---- desktop: same start position as Streaming Access ---- */ @media (min-width:1024px){ html body.page-id-90527:not(#fx) .tar-main-content{margin:-28px auto 0 !important} } /* ---- tablet ---- */ @media (max-width:1023px){ html body.page-id-90527:not(#fx) .tar-main-content{padding:8px 20px 44px !important} html body.page-id-90527 .fx-rp-hero{padding:40px 20px} html body.page-id-90527 h1.fx-rp-title{font-size:38px !important} html body.page-id-90527 .fx-rp-card{padding:48px 28px 44px} } /* ---- phone ---- */ @media (max-width:720px){ html body.page-id-90527:not(#fx) .tar-main-content{padding:8px 16px 36px !important} html body.page-id-90527 .fx-rp-hero{padding:32px 16px;margin-bottom:16px} html body.page-id-90527 h1.fx-rp-title{font-size:28px !important} html body.page-id-90527 .fx-rp-card{padding:40px 16px 40px} html body.page-id-90527 .fx-rp-tabs{flex-wrap:nowrap;gap:10px;margin-bottom:22px;padding-bottom:22px} html body.page-id-90527 button.fx-rp-tab{flex:1 1 0;padding:0 8px;font-size:14px !important;white-space:nowrap} html body.page-id-90527 .fx-rp-btns{flex-wrap:nowrap} html body.page-id-90527 a.fx-rp-btn{flex:1 1 0;padding:0 12px} html body.page-id-90527 .fx-rp-long{display:none} html body.page-id-90527 .fx-rp-short{display:inline} } @media (prefers-reduced-motion:reduce){html body.page-id-90527 button.fx-rp-tab,html body.page-id-90527 a.fx-rp-btn{transition:none}} html body.page-id-90527:not(#fx) .tar-main-content:not(#fx){max-width:1128px !important} @media (max-width:940px){html body.page-id-90527:not(#fx) .tar-main-content:not(#fx){padding-left:0 !important;padding-right:0 !important;margin-left:-8px !important;margin-right:-8px !important}} @media (max-width:700px){html body.page-id-90527:not(#fx) .tar-main-content:not(#fx){padding-left:7px !important;padding-right:7px !important;margin-left:0 !important;margin-right:0 !important}} /* ===== END 2026 - DASHBOARD RECENTLY PLAYED ===== */ /* ---- SOURCE #90487 ---- */ /* ===== 2026 - My Account Payment Options ===== */ /* All text inside the option boxes: Open Sans, navy-grey */ html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method .payment_box, html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method .payment_box p, html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method .payment_box span, html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method .payment_box div, html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method .payment_box li { font-family: 'Open Sans', sans-serif !important; } html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method .payment_box p { margin: 0 0 12px !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.6 !important; color: #2b3a55 !important; } html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method .payment_box p:last-child { margin-bottom: 0 !important; } html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method .payment_box a { color: #2e4a66 !important; font-weight: 700 !important; text-decoration: underline; } html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method .payment_box a:hover { color: #a8761a !important; } /* Card form wrapper: remove the extra grey border and spacing */ html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method .payment_box fieldset, html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method .payment_box fieldset.wc-payment-form { border: 0 !important; margin: 0 !important; padding: 0 !important; background: none !important; } /* Checkbox row: "Update the payment method for all of my current subscriptions" */ html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method .payment_box p.form-row, html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method .payment_box .woocommerce-SavedPaymentMethods-saveNew, html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method .payment_box .form-row { margin: 14px 0 0 !important; padding: 0 !important; border: 0 !important; display: flex; align-items: flex-start; gap: 10px; } html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method .payment_box input[type="checkbox"] { accent-color: #2e4a66; width: 18px; height: 18px; margin: 2px 0 0 !important; flex: 0 0 auto; } html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method .payment_box label.checkbox, html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method .payment_box label[for*="update"] { display: block !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.5 !important; color: #2e4a66 !important; cursor: pointer; } html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method .payment_box span.optional { font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; font-weight: 400 !important; color: #5a6b85 !important; } /* Stripe error line under the card fields */ html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method #wc-stripe-upe-errors { font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; font-weight: 500 !important; color: #b42318 !important; margin: 10px 0 0 !important; } html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method #wc-stripe-upe-errors:empty { display: none; } /* PayPal / Apple Pay / Google Pay button areas: fit the card, never overflow */ html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method .payment_box [id*="ppc-button"], html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method .payment_box [class*="ppc-button"], html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method .payment_box [id*="applepay"], html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method .payment_box [id*="googlepay"] { max-width: 100% !important; margin: 12px 0 0 !important; } html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method .payment_box iframe { max-width: 100% !important; } /* Tablet and phone */ @media (max-width: 720px) { html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method .payment_box { padding: 14px !important; } html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method .payment_box p { font-size: 14px !important; } } /* ===== END 2026 - My Account Payment Options ===== */ /* ---- SOURCE #90486 ---- */ /* ===== 2026 - My Account Payment Methods ===== */ /* Titles and subtitles */ html body.woocommerce-payment-methods.woocommerce-page .fx-title-sub h1::after { content: "Payment Methods" !important; } html body.woocommerce-payment-methods.woocommerce-page .fx-title-sub .thrv_text_element[class*="-hidden"]::after { content: "Manage the cards used for your donations." !important; } html body.woocommerce-add-payment-method.woocommerce-page .fx-title-sub h1::after { content: "Add Payment Method" !important; } html body.woocommerce-add-payment-method.woocommerce-page .fx-title-sub .thrv_text_element[class*="-hidden"]::after { content: "Choose how you would like to pay." !important; } /* ---------- Saved methods list ---------- */ html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods { width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; border: 1px solid #dfe4f2 !important; border-radius: 16px; box-shadow: 0 10px 30px rgba(46,74,102,.08); overflow: hidden; margin: 0 0 24px !important; font-family: 'Open Sans', sans-serif; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods thead th { background: #D6E4FF !important; color: #2e4a66 !important; font-family: 'Open Sans', sans-serif !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .06em; text-transform: uppercase; text-align: left; padding: 16px 24px !important; border: 0 !important; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods tbody td { padding: 16px 24px !important; border: 0 !important; border-top: 1px solid #e6eaf5 !important; background: #fff !important; font-family: 'Open Sans', sans-serif !important; font-size: 15px !important; line-height: 1.5 !important; color: #2b3a55 !important; vertical-align: middle; opacity: 1 !important; text-align: left; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods tbody tr:first-child td { border-top: 0 !important; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods td.payment-method-method { font-weight: 700 !important; color: #2e4a66 !important; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods tr.default-payment-method td.payment-method-method::after { content: "Default"; display: inline-block; margin-left: 10px; padding: 2px 10px; border-radius: 999px; background: #fff6dc; color: #a8761a; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; vertical-align: middle; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods td.payment-method-actions { text-align: right !important; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods td.payment-method-actions a.button { display: inline-flex !important; align-items: center; justify-content: center; height: 40px; padding: 0 22px !important; margin: 0 0 0 8px !important; box-sizing: border-box; background: #2e4a66 !important; color: #fff !important; border: 0 !important; border-radius: 8px !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1 !important; text-decoration: none !important; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods td.payment-method-actions a.button:hover { background: #E0B02D !important; color: #fff !important; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods td.payment-method-actions a.button.delete, html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods td.payment-method-actions a.button.wcs_deletion_error { background: #fff !important; color: #b42318 !important; border: 1.5px solid #b42318 !important; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods td.payment-method-actions a.button.delete:hover, html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods td.payment-method-actions a.button.wcs_deletion_error:hover { background: #b42318 !important; color: #fff !important; border-color: #b42318 !important; } /* "Add payment method" button under the list */ html body.woocommerce-payment-methods.woocommerce-page .woocommerce-MyAccount-content > a.button { display: inline-flex !important; align-items: center; justify-content: center; height: 48px; padding: 0 28px !important; box-sizing: border-box; background: #2e4a66 !important; color: #fff !important; border: 0 !important; border-radius: 8px !important; font-family: 'Open Sans', sans-serif !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1 !important; text-decoration: none !important; } html body.woocommerce-payment-methods.woocommerce-page .woocommerce-MyAccount-content > a.button:hover { background: #E0B02D !important; color: #fff !important; } /* ===== 2026 - My Account Payment Methods ===== */ /* Titles and subtitles */ html body.woocommerce-payment-methods.woocommerce-page .fx-title-sub h1::after { content: "Payment Methods" !important; } html body.woocommerce-payment-methods.woocommerce-page .fx-title-sub .thrv_text_element[class*="-hidden"]::after { content: "Manage the cards used for your donations." !important; } html body.woocommerce-add-payment-method.woocommerce-page .fx-title-sub h1::after { content: "Add Payment Method" !important; } html body.woocommerce-add-payment-method.woocommerce-page .fx-title-sub .thrv_text_element[class*="-hidden"]::after { content: "Choose how you would like to pay." !important; } /* ---------- Saved methods list ---------- */ html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods { width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; border: 1px solid #dfe4f2 !important; border-radius: 16px; box-shadow: 0 10px 30px rgba(46,74,102,.08); overflow: hidden; margin: 0 0 24px !important; font-family: 'Open Sans', sans-serif; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods thead th { background: #D6E4FF !important; color: #2e4a66 !important; font-family: 'Open Sans', sans-serif !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .06em; text-transform: uppercase; text-align: left; padding: 16px 24px !important; border: 0 !important; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods tbody td { padding: 16px 24px !important; border: 0 !important; border-top: 1px solid #e6eaf5 !important; background: #fff !important; font-family: 'Open Sans', sans-serif !important; font-size: 15px !important; line-height: 1.5 !important; color: #2b3a55 !important; vertical-align: middle; opacity: 1 !important; text-align: left; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods tbody tr:first-child td { border-top: 0 !important; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods td.payment-method-method { font-weight: 700 !important; color: #2e4a66 !important; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods tr.default-payment-method td.payment-method-method::after { content: "Default"; display: inline-block; margin-left: 10px; padding: 2px 10px; border-radius: 999px; background: #fff6dc; color: #a8761a; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; vertical-align: middle; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods td.payment-method-actions { text-align: right !important; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods td.payment-method-actions a.button { display: inline-flex !important; align-items: center; justify-content: center; height: 40px; padding: 0 22px !important; margin: 0 0 0 8px !important; box-sizing: border-box; background: #2e4a66 !important; color: #fff !important; border: 0 !important; border-radius: 8px !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1 !important; text-decoration: none !important; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods td.payment-method-actions a.button:hover { background: #E0B02D !important; color: #fff !important; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods td.payment-method-actions a.button.delete, html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods td.payment-method-actions a.button.wcs_deletion_error { background: #fff !important; color: #b42318 !important; border: 1.5px solid #b42318 !important; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods td.payment-method-actions a.button.delete:hover, html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods td.payment-method-actions a.button.wcs_deletion_error:hover { background: #b42318 !important; color: #fff !important; border-color: #b42318 !important; } /* "Add payment method" button under the list */ html body.woocommerce-payment-methods.woocommerce-page .woocommerce-MyAccount-content > a.button { display: inline-flex !important; align-items: center; justify-content: center; height: 48px; padding: 0 28px !important; box-sizing: border-box; background: #2e4a66 !important; color: #fff !important; border: 0 !important; border-radius: 8px !important; font-family: 'Open Sans', sans-serif !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1 !important; text-decoration: none !important; } html body.woocommerce-payment-methods.woocommerce-page .woocommerce-MyAccount-content > a.button:hover { background: #E0B02D !important; color: #fff !important; } /* ---------- Add payment method form ---------- */ html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method #payment { background: #fff !important; border: 1px solid #dfe4f2 !important; border-radius: 16px; box-shadow: 0 10px 30px rgba(46,74,102,.08); padding: 8px 24px 24px !important; margin: 0 0 24px; font-family: 'Open Sans', sans-serif; } html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method ul.payment_methods { list-style: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; } html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method ul.payment_methods > li { margin: 0 !important; padding: 16px 0 !important; border: 0 !important; border-top: 1px solid #e6eaf5 !important; background: none !important; } html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method ul.payment_methods > li:first-child { border-top: 0 !important; } html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method ul.payment_methods > li > input.input-radio { accent-color: #2e4a66; width: 18px; height: 18px; margin: 0 10px 0 0; vertical-align: middle; } html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method ul.payment_methods > li > label { display: inline-flex; align-items: center; gap: 12px; font-family: 'Open Sans', sans-serif !important; font-size: 16px !important; font-weight: 700 !important; color: #2e4a66 !important; cursor: pointer; vertical-align: middle; } html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method ul.payment_methods > li > label:hover { color: #a8761a !important; } /* Apple Pay / Google Pay logos: smaller */ html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method ul.payment_methods > li > label img { height: 26px !important; width: auto !important; max-height: 26px !important; margin: 0 !important; vertical-align: middle; } html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method .payment_box { background: #F4F4FC !important; border: 1px solid #dfe4f2 !important; border-radius: 12px; padding: 16px !important; margin: 14px 0 0 !important; color: #2b3a55 !important; font-family: 'Open Sans', sans-serif !important; font-size: 15px !important; } html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method .payment_box::before { display: none !important; } html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method .payment_box label { font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; font-weight: 500 !important; color: #2e4a66 !important; } html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method #payment > .form-row { padding: 20px 0 0 !important; margin: 0 !important; border-top: 1px solid #e6eaf5; text-align: right; } html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method #place_order { display: inline-flex !important; align-items: center; justify-content: center; float: none !important; height: 48px; padding: 0 28px !important; box-sizing: border-box; background: #2e4a66 !important; color: #fff !important; border: 0 !important; border-radius: 8px !important; font-family: 'Open Sans', sans-serif !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1 !important; text-transform: none !important; } html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method #place_order:hover { background: #E0B02D !important; color: #fff !important; } /* ---------- Tablet and phone ---------- */ @media (max-width: 720px) { html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods thead { display: none; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods tbody tr { display: block; padding: 8px 0; border-top: 1px solid #e6eaf5; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods tbody tr:first-child { border-top: 0; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods tbody td { display: block; border: 0 !important; padding: 6px 18px !important; text-align: right !important; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods tbody td::before { content: attr(data-title); float: left; font-weight: 700; color: #2e4a66; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods tbody td.payment-method-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods tbody td.payment-method-actions::before { content: none; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods td.payment-method-actions a.button { margin: 0 !important; } html body.woocommerce-payment-methods.woocommerce-page .woocommerce-MyAccount-content > a.button { width: 100%; } html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method #payment { padding: 4px 16px 20px !important; } html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method #place_order { width: 100%; } } /* ===== END 2026 - My Account Payment Methods ===== */ /* ---------- Tablet and phone ---------- */ @media (max-width: 720px) { html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods thead { display: none; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods tbody tr { display: block; padding: 8px 0; border-top: 1px solid #e6eaf5; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods tbody tr:first-child { border-top: 0; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods tbody td { display: block; border: 0 !important; padding: 6px 18px !important; text-align: right !important; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods tbody td::before { content: attr(data-title); float: left; font-weight: 700; color: #2e4a66; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods tbody td.payment-method-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods tbody td.payment-method-actions::before { content: none; } html body.woocommerce-payment-methods.woocommerce-page table.woocommerce-MyAccount-paymentMethods td.payment-method-actions a.button { margin: 0 !important; } html body.woocommerce-payment-methods.woocommerce-page .woocommerce-MyAccount-content > a.button { width: 100%; } html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method #payment { padding: 4px 16px 20px !important; } html body.woocommerce-add-payment-method.woocommerce-page form#add_payment_method #place_order { width: 100%; } } /* ===== END 2026 - My Account Payment Methods ===== */ /* ---- SOURCE #90483 ---- */ /* ===== 2026 - My Account View Donation ===== */ /* Details card (Status, dates, payment, actions) */ html body.woocommerce-view-subscription.woocommerce-page table.subscription_details { width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; border: 1px solid #dfe4f2 !important; border-radius: 16px; box-shadow: 0 10px 30px rgba(46,74,102,.08); overflow: hidden; margin: 0 0 8px !important; font-family: 'Open Sans', sans-serif; } html body.woocommerce-view-subscription.woocommerce-page table.subscription_details td { padding: 16px 24px !important; border: 0 !important; border-top: 1px solid #e6eaf5 !important; background: #fff !important; font-family: 'Open Sans', sans-serif !important; font-size: 15px !important; line-height: 1.5 !important; color: #2b3a55 !important; vertical-align: middle; } html body.woocommerce-view-subscription.woocommerce-page table.subscription_details tr:first-child td { border-top: 0 !important; } html body.woocommerce-view-subscription.woocommerce-page table.subscription_details td:first-child { width: 36%; font-weight: 700 !important; color: #2e4a66 !important; } html body.woocommerce-view-subscription.woocommerce-page table.subscription_details tr:first-child td:last-child { font-weight: 700 !important; color: #14632D !important; } html body.woocommerce-view-subscription.woocommerce-page table.subscription_details td:last-child:has(> a.button) { text-align: right; } /* Section titles */ html body.woocommerce-view-subscription.woocommerce-page .woocommerce-MyAccount-content > h2, html body.woocommerce-view-subscription.woocommerce-page .woocommerce-MyAccount-content > header h2, html body.woocommerce-view-subscription.woocommerce-page .woocommerce-customer-details h2 { margin: 32px 0 14px !important; padding: 0 !important; font-family: 'Playfair Display', serif !important; font-weight: 600 !important; font-size: 26px !important; line-height: 1.2 !important; color: #2e4a66 !important; text-transform: none !important; } /* Even header bar on all tables */ html body.woocommerce-view-subscription.woocommerce-page table thead, html body.woocommerce-view-subscription.woocommerce-page table thead tr, html body.woocommerce-view-subscription.woocommerce-page table thead th:last-child { background: #D6E4FF !important; } /* Donation amount table */ html body.woocommerce-view-subscription.woocommerce-page table.order_details { width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; border: 1px solid #dfe4f2 !important; border-radius: 16px; box-shadow: 0 10px 30px rgba(46,74,102,.08); overflow: hidden; font-family: 'Open Sans', sans-serif; margin: 0 !important; } html body.woocommerce-view-subscription.woocommerce-page table.order_details thead th { background: #D6E4FF !important; color: #2e4a66 !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .06em; text-transform: uppercase; text-align: left; padding: 16px 24px !important; border: 0 !important; } html body.woocommerce-view-subscription.woocommerce-page table.order_details thead th:last-child { text-align: right; } html body.woocommerce-view-subscription.woocommerce-page table.order_details td, html body.woocommerce-view-subscription.woocommerce-page table.order_details tfoot th { padding: 16px 24px !important; border: 0 !important; border-top: 1px solid #e6eaf5 !important; background: #fff !important; font-family: 'Open Sans', sans-serif !important; font-size: 15px !important; color: #2b3a55 !important; vertical-align: middle; } html body.woocommerce-view-subscription.woocommerce-page table.order_details tbody tr:first-child td { border-top: 0 !important; } html body.woocommerce-view-subscription.woocommerce-page table.order_details td:last-child { text-align: right; } html body.woocommerce-view-subscription.woocommerce-page table.order_details tfoot th { font-weight: 500 !important; text-align: left; color: #2e4a66 !important; } html body.woocommerce-view-subscription.woocommerce-page table.order_details tfoot tr:last-child th, html body.woocommerce-view-subscription.woocommerce-page table.order_details tfoot tr:last-child td { font-weight: 700 !important; } html body.woocommerce-view-subscription.woocommerce-page table.order_details td.product-name a:not(.button):not(.wcs-switch-link) { color: #0FC0FB !important; font-weight: 400 !important; text-decoration: none !important; } html body.woocommerce-view-subscription.woocommerce-page table.order_details td.product-name a:not(.button):not(.wcs-switch-link):hover { color: #a8761a !important; } html body.woocommerce-view-subscription.woocommerce-page table.order_details .product-quantity { font-weight: 500; } /* "Upgrade or Downgrade" link: keep the old label, show as an outline button on its own line */ html body.woocommerce-view-subscription.woocommerce-page .woocommerce-MyAccount-content table.order_details td.product-name a.wcs-switch-link { visibility: visible !important; display: flex !important; align-items: center; justify-content: center; width: fit-content !important; min-width: 0 !important; max-width: 100% !important; height: 40px; margin: 10px 0 0 !important; padding: 0 18px !important; box-sizing: border-box; background: #fff !important; border: 1.5px solid #2e4a66 !important; border-radius: 8px !important; font-size: 0 !important; line-height: 1 !important; text-decoration: none !important; } html body.woocommerce-view-subscription.woocommerce-page .woocommerce-MyAccount-content table.order_details td.product-name a.wcs-switch-link::after { content: "Change billing cycle" !important; display: inline !important; position: static !important; width: auto !important; min-width: 0 !important; max-width: none !important; background: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; white-space: nowrap !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1 !important; text-transform: none !important; letter-spacing: 0 !important; color: #2e4a66 !important; } html body.woocommerce-view-subscription.woocommerce-page .woocommerce-MyAccount-content table.order_details td.product-name a.wcs-switch-link:hover { background: #E0B02D !important; border-color: #E0B02D !important; } html body.woocommerce-view-subscription.woocommerce-page .woocommerce-MyAccount-content table.order_details td.product-name a.wcs-switch-link:hover::after { color: #fff !important; } /* Related orders table (same look as Order History) */ html body.woocommerce-view-subscription.woocommerce-page table.my_account_orders { width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; border: 1px solid #dfe4f2 !important; border-radius: 16px; box-shadow: 0 10px 30px rgba(46,74,102,.08); overflow: hidden; font-family: 'Open Sans', sans-serif; margin: 0 !important; } html body.woocommerce-view-subscription.woocommerce-page table.my_account_orders thead th { background: #D6E4FF !important; color: #2e4a66 !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .06em; text-transform: uppercase; text-align: left; padding: 16px 20px !important; border: 0 !important; } html body.woocommerce-view-subscription.woocommerce-page table.my_account_orders tbody th, html body.woocommerce-view-subscription.woocommerce-page table.my_account_orders tbody td { padding: 16px 20px !important; border: 0 !important; border-top: 1px solid #e6eaf5 !important; background: #fff !important; font-family: 'Open Sans', sans-serif !important; font-size: 15px !important; color: #2b3a55 !important; vertical-align: middle; opacity: 1 !important; text-align: left; } html body.woocommerce-view-subscription.woocommerce-page table.my_account_orders tbody tr:first-child th, html body.woocommerce-view-subscription.woocommerce-page table.my_account_orders tbody tr:first-child td { border-top: 0 !important; } html body.woocommerce-view-subscription.woocommerce-page .woocommerce-MyAccount-content table.my_account_orders tbody tr td.woocommerce-orders-table__cell-order-number a:link, html body.woocommerce-view-subscription.woocommerce-page .woocommerce-MyAccount-content table.my_account_orders tbody tr td.woocommerce-orders-table__cell-order-number a:visited { color: #2e4a66 !important; font-weight: 700 !important; text-decoration: none !important; } html body.woocommerce-view-subscription.woocommerce-page .woocommerce-MyAccount-content table.my_account_orders tbody tr td.woocommerce-orders-table__cell-order-number a:hover { color: #a8761a !important; } html body.woocommerce-view-subscription.woocommerce-page table.my_account_orders tbody td.woocommerce-orders-table__cell-order-status { font-weight: 700 !important; color: #14632D !important; } html body.woocommerce-view-subscription.woocommerce-page table.my_account_orders tbody tr.woocommerce-orders-table__row--status-cancelled td.woocommerce-orders-table__cell-order-status, html body.woocommerce-view-subscription.woocommerce-page table.my_account_orders tbody tr.woocommerce-orders-table__row--status-failed td.woocommerce-orders-table__cell-order-status { color: #b42318 !important; } html body.woocommerce-view-subscription.woocommerce-page table.my_account_orders tbody tr.woocommerce-orders-table__row--status-refunded td.woocommerce-orders-table__cell-order-status { color: #6b7280 !important; } html body.woocommerce-view-subscription.woocommerce-page table.my_account_orders tbody tr.woocommerce-orders-table__row--status-pending td.woocommerce-orders-table__cell-order-status, html body.woocommerce-view-subscription.woocommerce-page table.my_account_orders tbody tr.woocommerce-orders-table__row--status-on-hold td.woocommerce-orders-table__cell-order-status { color: #a8761a !important; } html body.woocommerce-view-subscription.woocommerce-page table.my_account_orders td.woocommerce-orders-table__cell-order-actions a.button { display: inline-flex !important; align-items: center; justify-content: center; height: 40px; padding: 0 22px !important; box-sizing: border-box; background: #2e4a66 !important; color: #fff !important; border: 0 !important; border-radius: 8px !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1 !important; text-decoration: none !important; } html body.woocommerce-view-subscription.woocommerce-page table.my_account_orders td.woocommerce-orders-table__cell-order-actions a.button:hover { background: #E0B02D !important; color: #fff !important; } /* Billing address card */ html body.woocommerce-view-subscription.woocommerce-page section.woocommerce-customer-details { margin: 0 !important; } html body.woocommerce-view-subscription.woocommerce-page section.woocommerce-customer-details address { background: #fff; border: 1px solid #dfe4f2 !important; border-radius: 16px; box-shadow: 0 10px 30px rgba(46,74,102,.08); padding: 24px !important; font-family: 'Open Sans', sans-serif !important; font-style: normal !important; font-size: 16px !important; line-height: 1.7 !important; color: #2b3a55 !important; } html body.woocommerce-view-subscription.woocommerce-page .woocommerce-customer-details p, html body.woocommerce-view-subscription.woocommerce-page .woocommerce-customer-details p a { font-family: 'Open Sans', sans-serif !important; font-size: 16px !important; color: #2e4a66 !important; text-decoration: none !important; } html body.woocommerce-view-subscription.woocommerce-page .woocommerce-customer-details p a:hover { color: #a8761a !important; } /* Tablet and phone */ @media (max-width: 720px) { html body.woocommerce-view-subscription.woocommerce-page table.subscription_details td { padding: 14px 18px !important; } html body.woocommerce-view-subscription.woocommerce-page table.subscription_details td:first-child { width: 40%; } html body.woocommerce-view-subscription.woocommerce-page table.order_details thead th, html body.woocommerce-view-subscription.woocommerce-page table.order_details td, html body.woocommerce-view-subscription.woocommerce-page table.order_details tfoot th { padding: 14px 18px !important; } html body.woocommerce-view-subscription.woocommerce-page .woocommerce-MyAccount-content > h2, html body.woocommerce-view-subscription.woocommerce-page .woocommerce-MyAccount-content > header h2, html body.woocommerce-view-subscription.woocommerce-page .woocommerce-customer-details h2 { font-size: 22px !important; } /* Related orders: stacked labeled rows */ html body.woocommerce-view-subscription.woocommerce-page table.my_account_orders thead { display: none; } html body.woocommerce-view-subscription.woocommerce-page table.my_account_orders tbody tr { display: block; border-top: 1px solid #e6eaf5; padding: 8px 0; } html body.woocommerce-view-subscription.woocommerce-page table.my_account_orders tbody tr:first-child { border-top: 0; } html body.woocommerce-view-subscription.woocommerce-page table.my_account_orders tbody th, html body.woocommerce-view-subscription.woocommerce-page table.my_account_orders tbody td { display: flex; justify-content: space-between; gap: 16px; border: 0 !important; padding: 8px 18px !important; text-align: right; } html body.woocommerce-view-subscription.woocommerce-page table.my_account_orders tbody th::before, html body.woocommerce-view-subscription.woocommerce-page table.my_account_orders tbody td::before { content: attr(data-title); font-weight: 700; color: #2e4a66; text-align: left; } html body.woocommerce-view-subscription.woocommerce-page table.my_account_orders tbody td.woocommerce-orders-table__cell-order-total { display: block !important; text-align: right !important; } html body.woocommerce-view-subscription.woocommerce-page table.my_account_orders tbody td.woocommerce-orders-table__cell-order-total::before { float: left !important; display: block !important; width: auto !important; margin: 0 !important; } } /* ----- Change payment button (donation page) ----- */ html body.woocommerce-view-subscription.woocommerce-page table.subscription_details td a.button.change_payment_method { display: inline-flex !important; align-items: center; justify-content: center; height: 40px; padding: 0 22px !important; box-sizing: border-box; background: #2e4a66 !important; color: #fff !important; border: 0 !important; border-radius: 8px !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1 !important; text-decoration: none !important; opacity: 1 !important; } html body.woocommerce-view-subscription.woocommerce-page table.subscription_details td a.button.change_payment_method:hover { background: #E0B02D !important; color: #fff !important; } /* ----- "Recurring Donation" table shown on the Order Details page ----- */ html body.woocommerce-view-order.woocommerce-page table.woocommerce-orders-table--subscriptions { width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; border: 1px solid #dfe4f2 !important; border-radius: 12px; overflow: hidden; margin: 0 0 8px !important; font-family: 'Open Sans', sans-serif; } html body.woocommerce-view-order.woocommerce-page table.woocommerce-orders-table--subscriptions thead th { background: #D6E4FF !important; color: #2e4a66 !important; font-family: 'Open Sans', sans-serif !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .06em; text-transform: uppercase; padding: 12px 16px !important; border: 0 !important; text-align: left; } html body.woocommerce-view-order.woocommerce-page table.woocommerce-orders-table--subscriptions tbody td { padding: 14px 16px !important; border: 0 !important; border-top: 1px solid #e6eaf5 !important; background: #fff !important; font-family: 'Open Sans', sans-serif !important; font-size: 15px !important; line-height: 1.5 !important; color: #2b3a55 !important; opacity: 1 !important; vertical-align: middle; } html body.woocommerce-view-order.woocommerce-page table.woocommerce-orders-table--subscriptions td.subscription-id a:link, html body.woocommerce-view-order.woocommerce-page table.woocommerce-orders-table--subscriptions td.subscription-id a:visited { color: #2e4a66 !important; font-weight: 700 !important; text-decoration: none; } html body.woocommerce-view-order.woocommerce-page table.woocommerce-orders-table--subscriptions td.subscription-status { color: #1a7a3a !important; font-weight: 700 !important; } html body.woocommerce-view-order.woocommerce-page table.woocommerce-orders-table--subscriptions td.subscription-next-payment, html body.woocommerce-view-order.woocommerce-page table.woocommerce-orders-table--subscriptions td.subscription-total { color: #2b3a55 !important; } html body.woocommerce-view-order.woocommerce-page table.woocommerce-orders-table--subscriptions td.subscription-next-payment br { display: none; } html body.woocommerce-view-order.woocommerce-page table.woocommerce-orders-table--subscriptions td.subscription-next-payment small { display: block; margin: 4px 0 0; font-size: 13px; color: #5a6b85; } html body.woocommerce-view-order.woocommerce-page table.woocommerce-orders-table--subscriptions td.subscription-actions { text-align: right; } html body.woocommerce-view-order.woocommerce-page table.woocommerce-orders-table--subscriptions td.subscription-actions a.button { display: inline-flex !important; align-items: center; justify-content: center; height: 40px; padding: 0 22px !important; box-sizing: border-box; background: #2e4a66 !important; color: #fff !important; border: 0 !important; border-radius: 8px !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1 !important; text-decoration: none !important; } html body.woocommerce-view-order.woocommerce-page table.woocommerce-orders-table--subscriptions td.subscription-actions a.button:hover { background: #E0B02D !important; color: #fff !important; } @media (max-width: 720px) { html body.woocommerce-view-order.woocommerce-page table.woocommerce-orders-table--subscriptions thead { display: none; } html body.woocommerce-view-order.woocommerce-page table.woocommerce-orders-table--subscriptions tbody tr { display: block; padding: 8px 0; } html body.woocommerce-view-order.woocommerce-page table.woocommerce-orders-table--subscriptions tbody td { display: block; text-align: right; border: 0 !important; padding: 6px 16px !important; } html body.woocommerce-view-order.woocommerce-page table.woocommerce-orders-table--subscriptions tbody td::before { content: attr(data-title); float: left; font-weight: 700; color: #2e4a66; } html body.woocommerce-view-order.woocommerce-page table.woocommerce-orders-table--subscriptions tbody td.subscription-id::before { content: "Subscription"; } html body.woocommerce-view-order.woocommerce-page table.woocommerce-orders-table--subscriptions tbody td.subscription-actions { display: flex; justify-content: flex-end; } html body.woocommerce-view-order.woocommerce-page table.woocommerce-orders-table--subscriptions tbody td.subscription-actions::before { content: none; } } /* ===== END 2026 - My Account View Donation ===== */ /* ---- SOURCE #90476 ---- */ /* ===== 2026 - My Account Recurring Donations ===== */ /* Titles: list page, then single donation page */ body.woocommerce-subscriptions .fx-title-sub h1::after { content: "Recurring Donations"; } body.woocommerce-subscriptions .fx-title-sub .thrv_text_element[class*="-hidden"]::after { content: "Manage your ongoing gifts to the Foundation."; } body.woocommerce-view-subscription .fx-title-sub h1::after { content: "Recurring Donation"; } body.woocommerce-view-subscription .fx-title-sub .thrv_text_element[class*="-hidden"]::after { content: "Details, schedule and payment information for this gift."; } /* List table: same card look as Order History */ html body.woocommerce-subscriptions table.my_account_subscriptions { width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; border: 1px solid #dfe4f2 !important; border-radius: 16px; box-shadow: 0 10px 30px rgba(46,74,102,.08); overflow: hidden; font-family: 'Open Sans', sans-serif; margin: 0 !important; } html body.woocommerce-subscriptions table.my_account_subscriptions thead th { background: #D6E4FF !important; color: #2e4a66 !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .06em; text-transform: uppercase; text-align: left; padding: 16px 20px !important; border: 0 !important; } html body.woocommerce-subscriptions table.my_account_subscriptions tbody td { padding: 18px 20px !important; border: 0 !important; border-top: 1px solid #e6eaf5 !important; font-family: 'Open Sans', sans-serif !important; font-size: 15px; color: #4a5568; vertical-align: middle; background: #fff; opacity: 1 !important; } /* Subscription number: bold navy link */ html body.woocommerce-subscriptions.woocommerce-page .woocommerce-MyAccount-content table.my_account_subscriptions tbody tr td.subscription-id, html body.woocommerce-subscriptions.woocommerce-page .woocommerce-MyAccount-content table.my_account_subscriptions tbody tr td.subscription-id a:link, html body.woocommerce-subscriptions.woocommerce-page .woocommerce-MyAccount-content table.my_account_subscriptions tbody tr td.subscription-id a:visited { color: #2e4a66 !important; font-weight: 700 !important; text-decoration: none !important; } html body.woocommerce-subscriptions.woocommerce-page .woocommerce-MyAccount-content table.my_account_subscriptions tbody tr td.subscription-id a:hover { color: #a8761a !important; } /* Status: bold, colored by state */ html body.woocommerce-subscriptions table.my_account_subscriptions tbody td.subscription-status { font-weight: 700 !important; color: #14632D !important; } html body.woocommerce-subscriptions table.my_account_subscriptions tbody tr.cancelled td.subscription-status, html body.woocommerce-subscriptions table.my_account_subscriptions tbody tr.expired td.subscription-status { color: #b42318 !important; } html body.woocommerce-subscriptions table.my_account_subscriptions tbody tr.on-hold td.subscription-status, html body.woocommerce-subscriptions table.my_account_subscriptions tbody tr.pending-cancel td.subscription-status, html body.woocommerce-subscriptions table.my_account_subscriptions tbody tr.pending td.subscription-status { color: #a8761a !important; } /* Next payment: date on one line, payment note underneath */ html body.woocommerce-subscriptions table.my_account_subscriptions tbody td.subscription-next-payment { line-height: 1.5 !important; color: #2b3a55 !important; font-size: 15px !important; font-weight: 500 !important; } html body.woocommerce-subscriptions table.my_account_subscriptions tbody td.subscription-next-payment br { display: none !important; } html body.woocommerce-subscriptions table.my_account_subscriptions tbody td.subscription-next-payment small { display: block !important; position: static !important; margin: 4px 0 0 !important; font-size: 13px !important; line-height: 1.4 !important; font-weight: 400 !important; color: #5b6578 !important; } /* Total */ html body.woocommerce-subscriptions table.my_account_subscriptions tbody td.subscription-total { color: #2b3a55 !important; font-weight: 500 !important; line-height: 1.5 !important; } /* View button */ html body.woocommerce-subscriptions table.my_account_subscriptions td .button { display: inline-flex !important; align-items: center; justify-content: center; height: 40px; padding: 0 22px !important; box-sizing: border-box; background: #2e4a66 !important; color: #fff !important; border: 0 !important; border-radius: 8px !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1 !important; text-decoration: none !important; } html body.woocommerce-subscriptions table.my_account_subscriptions td .button:hover { background: #E0B02D !important; color: #fff !important; } /* Phone: each donation becomes a stacked card */ @media (max-width: 720px) { html body.woocommerce-subscriptions table.my_account_subscriptions thead { display: none; } html body.woocommerce-subscriptions table.my_account_subscriptions tr { display: block; border-top: 1px solid #e6eaf5; } html body.woocommerce-subscriptions table.my_account_subscriptions tr:first-child { border-top: 0; } html body.woocommerce-subscriptions table.my_account_subscriptions tbody td { display: flex; justify-content: space-between; gap: 16px; padding: 10px 20px !important; border: 0 !important; text-align: right; } html body.woocommerce-subscriptions table.my_account_subscriptions tbody td::before { content: attr(data-title); font-weight: 700; color: #2e4a66; text-align: left; } html body.woocommerce-subscriptions table.my_account_subscriptions tbody td:first-child { padding-top: 18px !important; } html body.woocommerce-subscriptions table.my_account_subscriptions tbody td:last-child { padding-bottom: 18px !important; } html body.woocommerce-subscriptions table.my_account_subscriptions tbody td.subscription-id::before { content: "Subscription" !important; } html body.woocommerce-subscriptions table.my_account_subscriptions tbody td.subscription-actions { justify-content: flex-end !important; } html body.woocommerce-subscriptions table.my_account_subscriptions tbody td.subscription-next-payment, html body.woocommerce-subscriptions table.my_account_subscriptions tbody td.subscription-total { display: block !important; text-align: right !important; } html body.woocommerce-subscriptions table.my_account_subscriptions tbody td.subscription-next-payment::before, html body.woocommerce-subscriptions table.my_account_subscriptions tbody td.subscription-total::before { float: left !important; display: block !important; width: auto !important; margin: 0 !important; text-align: left !important; } } /* ===== END 2026 - My Account Recurring Donations ===== */ /* ---- SOURCE #90473 ---- */ /* ===== 2026 - My Account Notice Focus ===== */ /* WooCommerce focuses notices after an action; hide the default black ring */ html body.woocommerce-account.woocommerce-page :is(.woocommerce-message, .woocommerce-error, .woocommerce-info):focus, html body.woocommerce-account.woocommerce-page :is(.woocommerce-message, .woocommerce-error, .woocommerce-info):focus-visible { outline: none !important; } /* ===== END 2026 - My Account Notice Focus ===== */ /* ---- SOURCE #90472 ---- */ /* ===== 2026 - My Account Orders Phone Fix ===== */ @media (max-width: 720px) { /* Keep "$0.00 for 1 item" together on the right, label on the left */ html body.woocommerce-orders table.woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-total { display: block !important; text-align: right !important; } html body.woocommerce-orders table.woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-total::before { float: left !important; display: block !important; width: auto !important; margin: 0 !important; text-align: left !important; } } /* ===== END 2026 - My Account Orders Phone Fix ===== */ /* ---- SOURCE #90471 ---- */ /* ===== 2026 - My Account Messages Fix ===== */ /* Text on the left, button pushed to the right, icon centered with the row */ html body.woocommerce-account.woocommerce-page :is(.woocommerce-message, .woocommerce-info):has(a.button, a.wc-forward) { flex-direction: row !important; justify-content: flex-start !important; text-align: left !important; } html body.woocommerce-account.woocommerce-page :is(.woocommerce-message, .woocommerce-info):has(a.button, a.wc-forward) > a.button, html body.woocommerce-account.woocommerce-page :is(.woocommerce-message, .woocommerce-info):has(a.button, a.wc-forward) > a.wc-forward { order: 2; margin-left: auto !important; } html body.woocommerce-account.woocommerce-page :is(.woocommerce-message, .woocommerce-info):has(a.button, a.wc-forward)::before { top: 50% !important; transform: translateY(-50%); } /* Phone: text on top, button full width below (icon stays beside the text) */ @media (max-width: 600px) { html body.woocommerce-account.woocommerce-account.woocommerce-page.woocommerce-page :is(.woocommerce-message, .woocommerce-info):has(a.button, a.wc-forward) { flex-direction: column !important; align-items: stretch !important; } html body.woocommerce-account.woocommerce-account.woocommerce-page.woocommerce-page :is(.woocommerce-message, .woocommerce-info):has(a.button, a.wc-forward) > a.button, html body.woocommerce-account.woocommerce-account.woocommerce-page.woocommerce-page :is(.woocommerce-message, .woocommerce-info):has(a.button, a.wc-forward) > a.wc-forward { order: 2; margin-left: 0 !important; } html body.woocommerce-account.woocommerce-account.woocommerce-page.woocommerce-page :is(.woocommerce-message, .woocommerce-info):has(a.button, a.wc-forward)::before { top: 18px !important; transform: none; } } /* ===== END 2026 - My Account Messages Fix ===== */ /* ---- SOURCE #90467 ---- */ /* ===== 2026 - My Account Login Extras ===== */ /* Logged-out visitors never see the dashboard / order buttons */ html body.woocommerce-account.woocommerce-account.woocommerce-page:not(.logged-in) div.thrv_custom_html_shortcode:has(.fx-back), html body.woocommerce-account.woocommerce-account.woocommerce-page:not(.logged-in) .fx-back { display: none !important; } /* Back to Log In button (added by the script) */ .fx-login-back { display: flex; justify-content: center; max-width: 520px; margin: 24px auto 0; } .fx-login-back a { display: inline-flex; align-items: center; justify-content: center; height: 48px; padding: 0 26px; box-sizing: border-box; background: #2e4a66; color: #fff !important; border-radius: 8px; font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 500; text-decoration: none !important; } .fx-login-back a:hover, .fx-login-back a:focus { background: #E0B02D; color: #fff !important; outline: none; } /* "Reset link sent" and similar confirmation screens: one centered column */ body.woocommerce-account:not(.logged-in) .woocommerce:not(:has(form)) { max-width: 520px; margin: 12px auto 0 !important; } body.woocommerce-account:not(.logged-in) .woocommerce:not(:has(form)) > p { margin: 0 0 16px !important; font-family: 'Open Sans', sans-serif !important; font-size: 15px !important; line-height: 1.65 !important; color: #4a5568 !important; text-align: center; } /* Plain paragraphs on the reset-password form screens */ body.woocommerce-account:not(.logged-in) .woocommerce > form.lost_reset_password p:not(.form-row) { font-family: 'Open Sans', sans-serif !important; color: #4a5568 !important; } /* Messages above the login / reset card line up with the card */ body.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-notices-wrapper, body.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-message, body.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-error, body.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-info { max-width: 520px; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box; } /* ===== END 2026 - My Account Login Extras ===== */ /* ---- SOURCE #90466 ---- */ /* ===== 2026 - My Account Login Fixes ===== */ /* Remove the old "Email address" text printed before the real label */ html body.woocommerce-account:not(.logged-in) .woocommerce form.woocommerce-form-login.login p.woocommerce-form-row:nth-child(1) > label:nth-child(1)::before, html body.woocommerce-account:not(.logged-in) .woocommerce form.woocommerce-form-login.login p.woocommerce-form-row > label::before { content: none !important; display: none !important; } /* ===== END 2026 - My Account Login Fixes ===== */ /* ---- SOURCE #90465 ---- */ /* ===== 2026 - My Account Login ===== */ /* Titles: login, then lost / reset password */ body.woocommerce-account:not(.logged-in) .fx-title-sub h1::after { content: "Log In"; } body.woocommerce-account:not(.logged-in) .fx-title-sub .thrv_text_element[class*="-hidden"]::after { content: "Sign in to see your orders, downloads and account details."; } body.woocommerce-lost-password:not(.logged-in) .fx-title-sub h1::after { content: "Reset Password"; } body.woocommerce-lost-password:not(.logged-in) .fx-title-sub .thrv_text_element[class*="-hidden"]::after { content: "Enter your email and we will send you a link to choose a new password."; } /* No dashboard buttons for logged-out visitors */ body.woocommerce-account:not(.logged-in) .thrv_custom_html_shortcode:has(.fx-back) { display: none !important; } /* Hide the plain "Login" heading; the title card already says it */ body.woocommerce-account:not(.logged-in) .woocommerce > h2 { display: none !important; } /* The card */ body.woocommerce-account:not(.logged-in) .woocommerce > form.woocommerce-form-login, body.woocommerce-account:not(.logged-in) .woocommerce > form.lost_reset_password { max-width: 520px; margin: 12px auto 0 !important; background: #fff !important; border: 1px solid #dfe4f2 !important; border-radius: 16px !important; box-shadow: 0 10px 30px rgba(46,74,102,.08); padding: clamp(24px, 5vw, 40px) !important; box-sizing: border-box; font-family: 'Open Sans', sans-serif; } body.woocommerce-account:not(.logged-in) .woocommerce > form.woocommerce-form-login::before { content: "Welcome back"; display: block; margin: 0 0 22px; font-family: 'Playfair Display', serif; font-weight: 600; font-size: 26px; line-height: 1.2; color: #2e4a66; } body.woocommerce-account:not(.logged-in) .woocommerce > form.lost_reset_password::before { content: "Forgot your password?"; display: block; margin: 0 0 14px; font-family: 'Playfair Display', serif; font-weight: 600; font-size: 26px; line-height: 1.2; color: #2e4a66; } body.woocommerce-account:not(.logged-in) form.lost_reset_password > p:not(.form-row) { margin: 0 0 20px !important; font-family: 'Open Sans', sans-serif !important; font-size: 15px !important; line-height: 1.6 !important; color: #4a5568 !important; } /* Rows and labels */ body.woocommerce-account:not(.logged-in) form.woocommerce-form-login p.form-row, body.woocommerce-account:not(.logged-in) form.lost_reset_password p.form-row { float: none !important; width: auto !important; margin: 0 0 18px !important; padding: 0 !important; } body.woocommerce-account:not(.logged-in) form.woocommerce-form-login label:not(.woocommerce-form-login__rememberme), body.woocommerce-account:not(.logged-in) form.lost_reset_password label { display: block !important; visibility: visible !important; margin: 0 0 6px !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.4 !important; color: #2e4a66 !important; } body.woocommerce-account:not(.logged-in) form.woocommerce-form-login label::before, body.woocommerce-account:not(.logged-in) form.lost_reset_password label::before { content: none !important; } body.woocommerce-account:not(.logged-in) form.woocommerce-form-login label .required, body.woocommerce-account:not(.logged-in) form.lost_reset_password label .required { display: inline !important; color: #b42318 !important; text-decoration: none !important; border: 0 !important; } /* Inputs */ body.woocommerce-account:not(.logged-in) form.woocommerce-form-login input.input-text, body.woocommerce-account:not(.logged-in) form.lost_reset_password input.input-text { width: 100% !important; height: 48px !important; padding: 0 14px !important; background: #fff !important; border: 1.5px solid #b9c4e0 !important; border-radius: 8px !important; box-shadow: none !important; font-family: 'Open Sans', sans-serif !important; font-size: 16px !important; color: #2b2b2b !important; box-sizing: border-box !important; } body.woocommerce-account:not(.logged-in) form.woocommerce-form-login input.input-text:focus, body.woocommerce-account:not(.logged-in) form.lost_reset_password input.input-text:focus { border-color: #E0B02D !important; box-shadow: 0 0 0 3px rgba(224,176,45,.3) !important; outline: none !important; } body.woocommerce-account:not(.logged-in) .password-input { display: block !important; position: relative; } body.woocommerce-account:not(.logged-in) .password-input input.input-text { padding-right: 48px !important; } body.woocommerce-account:not(.logged-in) .show-password-input { color: #2e4a66 !important; } /* Remember me above a full-width Log in button */ body.woocommerce-account:not(.logged-in) form.woocommerce-form-login p.form-row:has(.woocommerce-form-login__submit) { display: flex !important; flex-direction: column; align-items: stretch; margin-bottom: 0 !important; } body.woocommerce-account:not(.logged-in) form.woocommerce-form-login .woocommerce-form-login__rememberme { order: 1; display: inline-flex !important; align-items: center; gap: 10px; margin: 0 0 20px !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; font-weight: 400 !important; color: #4a5568 !important; cursor: pointer; } body.woocommerce-account:not(.logged-in) form.woocommerce-form-login .woocommerce-form-login__rememberme input { width: 18px; height: 18px; margin: 0; accent-color: #2e4a66; } /* Buttons */ body.woocommerce-account:not(.logged-in) form.woocommerce-form-login button.woocommerce-form-login__submit, body.woocommerce-account:not(.logged-in) form.lost_reset_password button.woocommerce-Button { order: 2; float: none !important; display: inline-flex !important; align-items: center; justify-content: center; width: 100%; height: 52px; margin: 0 !important; padding: 0 36px !important; box-sizing: border-box; background: #2e4a66 !important; color: #fff !important; border: 0 !important; border-radius: 8px !important; font-family: 'Open Sans', sans-serif !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1 !important; cursor: pointer; } body.woocommerce-account:not(.logged-in) form.woocommerce-form-login button.woocommerce-form-login__submit:hover, body.woocommerce-account:not(.logged-in) form.woocommerce-form-login button.woocommerce-form-login__submit:focus, body.woocommerce-account:not(.logged-in) form.lost_reset_password button.woocommerce-Button:hover, body.woocommerce-account:not(.logged-in) form.lost_reset_password button.woocommerce-Button:focus { background: #E0B02D !important; color: #fff !important; outline: none !important; } /* Lost your password? link */ body.woocommerce-account:not(.logged-in) form.woocommerce-form-login p.lost_password, body.woocommerce-account:not(.logged-in) form.woocommerce-form-login p.woocommerce-LostPassword { margin: 22px 0 0 !important; text-align: center; } body.woocommerce-account:not(.logged-in) form.woocommerce-form-login .lost_password a, body.woocommerce-account:not(.logged-in) form.woocommerce-form-login .woocommerce-LostPassword a { font-family: 'Open Sans', sans-serif !important; font-size: 15px !important; font-weight: 500 !important; color: #2e4a66 !important; text-decoration: underline !important; } body.woocommerce-account:not(.logged-in) form.woocommerce-form-login .lost_password a:hover, body.woocommerce-account:not(.logged-in) form.woocommerce-form-login .woocommerce-LostPassword a:hover { color: #a8761a !important; } /* Phone */ @media (max-width: 600px) { body.woocommerce-account:not(.logged-in) .woocommerce > form.woocommerce-form-login::before, body.woocommerce-account:not(.logged-in) .woocommerce > form.lost_reset_password::before { font-size: 22px; } } /* ===== END 2026 - My Account Login ===== */ /* ---- SOURCE #90464 ---- */ /* ===== 2026 - My Account Messages ===== */ /* Layout and text for every notice anywhere on account pages */ html body.woocommerce-account.woocommerce-page :is(.woocommerce-message, .woocommerce-error, .woocommerce-info) { position: relative; display: block; font-family: 'Open Sans', sans-serif !important; font-size: 15px !important; line-height: 1.5 !important; color: #2b3a55 !important; padding: 16px 24px 16px 56px !important; margin: 0 0 16px !important; list-style: none !important; border-width: 1px !important; border-style: solid !important; border-left-width: 4px !important; border-radius: 12px !important; box-shadow: 0 6px 20px rgba(46,74,102,.06) !important; } html body.woocommerce-account.woocommerce-page .woocommerce-error li { font-family: 'Open Sans', sans-serif !important; font-size: 15px !important; line-height: 1.5 !important; color: #2b3a55 !important; margin: 0 0 6px !important; padding: 0 !important; list-style: none !important; } html body.woocommerce-account.woocommerce-page .woocommerce-error li:last-child { margin-bottom: 0 !important; } html body.woocommerce-account.woocommerce-page .woocommerce-error li strong { color: #b42318 !important; font-weight: 700 !important; } /* Tinted backgrounds, one color per type */ html body.woocommerce-account.woocommerce-page .woocommerce-message { background: #eaf7ee !important; border-color: #b9e0c4 !important; border-left-color: #14632D !important; } html body.woocommerce-account.woocommerce-page .woocommerce-error { background: #fdeceb !important; border-color: #f3c1bc !important; border-left-color: #b42318 !important; } html body.woocommerce-account.woocommerce-page .woocommerce-info { background: #fff6dc !important; border-color: #f0dba0 !important; border-left-color: #E0B02D !important; } /* Icons: one color per type */ html body.woocommerce-account.woocommerce-page .woocommerce-message::before { color: #14632D !important; } html body.woocommerce-account.woocommerce-page .woocommerce-error::before { color: #b42318 !important; } html body.woocommerce-account.woocommerce-page .woocommerce-info::before { color: #a8761a !important; } /* Notices with a button: text on the left, button on the right, centered vertically */ html body.woocommerce-account.woocommerce-page :is(.woocommerce-message, .woocommerce-info):has(a.button, a.wc-forward) { display: flex !important; flex-direction: row-reverse; align-items: center; justify-content: space-between; gap: 16px; padding-top: 12px !important; padding-bottom: 12px !important; min-height: 64px; box-sizing: border-box; } /* Buttons inside any message (View order, Undo, Browse products...): navy, gold hover */ html body.woocommerce-account.woocommerce-page :is(.woocommerce-message, .woocommerce-info) a.button, html body.woocommerce-account.woocommerce-page :is(.woocommerce-message, .woocommerce-info) a.wc-forward { float: none !important; flex: 0 0 auto; display: inline-flex !important; align-items: center; justify-content: center; height: 40px; margin: 0 !important; padding: 0 20px !important; box-sizing: border-box; background: #2e4a66 !important; color: #fff !important; border: 0 !important; border-radius: 8px !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1 !important; text-decoration: none !important; } html body.woocommerce-account.woocommerce-page :is(.woocommerce-message, .woocommerce-info) a.button:hover, html body.woocommerce-account.woocommerce-page :is(.woocommerce-message, .woocommerce-info) a.wc-forward:hover { background: #E0B02D !important; color: #fff !important; } /* Plain links inside notices */ html body.woocommerce-account.woocommerce-page :is(.woocommerce-message, .woocommerce-error, .woocommerce-info) a:not(.button):not(.wc-forward) { color: #2e4a66 !important; font-weight: 700 !important; text-decoration: underline !important; } html body.woocommerce-account.woocommerce-page :is(.woocommerce-message, .woocommerce-error, .woocommerce-info) a:not(.button):not(.wc-forward):hover { color: #a8761a !important; } /* Newer block-style notices (same colors) */ html body.woocommerce-account.woocommerce-page .wc-block-components-notice-banner { font-family: 'Open Sans', sans-serif !important; font-size: 15px !important; color: #2b3a55 !important; border-radius: 12px !important; border-width: 1px !important; border-left-width: 4px !important; padding: 16px 20px !important; } html body.woocommerce-account.woocommerce-page .wc-block-components-notice-banner.is-success { background: #eaf7ee !important; border-color: #b9e0c4 !important; border-left-color: #14632D !important; } html body.woocommerce-account.woocommerce-page .wc-block-components-notice-banner.is-error { background: #fdeceb !important; border-color: #f3c1bc !important; border-left-color: #b42318 !important; } html body.woocommerce-account.woocommerce-page .wc-block-components-notice-banner.is-info, html body.woocommerce-account.woocommerce-page .wc-block-components-notice-banner.is-warning { background: #fff6dc !important; border-color: #f0dba0 !important; border-left-color: #E0B02D !important; } /* Fields that failed validation */ html body.woocommerce-account.woocommerce-page .woocommerce-invalid input.input-text, html body.woocommerce-account.woocommerce-page .woocommerce-invalid .select2-selection--single { border-color: #b42318 !important; background: #fff7f6 !important; } html body.woocommerce-account.woocommerce-page .woocommerce-invalid input.input-text:focus { box-shadow: 0 0 0 3px rgba(180,35,24,.25) !important; } html body.woocommerce-account.woocommerce-page .woocommerce-invalid label { color: #b42318 !important; } /* Phone: button goes under the text, full width */ @media (max-width: 600px) { html body.woocommerce-account.woocommerce-page :is(.woocommerce-message, .woocommerce-error, .woocommerce-info) { padding: 14px 16px 14px 48px !important; font-size: 14px !important; } html body.woocommerce-account.woocommerce-page :is(.woocommerce-message, .woocommerce-info):has(a.button, a.wc-forward) { flex-direction: column-reverse !important; align-items: stretch; gap: 12px; } html body.woocommerce-account.woocommerce-page :is(.woocommerce-message, .woocommerce-info) a.button, html body.woocommerce-account.woocommerce-page :is(.woocommerce-message, .woocommerce-info) a.wc-forward { display: flex !important; width: 100%; } } /* ===== END 2026 - My Account Messages ===== */ /* ---- SOURCE #90463 ---- */ /* ===== 2026 - My Account Pay Buttons ===== */ /* Actions cell on Order Details (Pay / Cancel): side by side with a gap */ html body.woocommerce-account .woocommerce-MyAccount-content td:has(> a.button.pay), html body.woocommerce-account .woocommerce-MyAccount-content td:has(> a.button.cancel), html body.woocommerce-account .woocommerce-MyAccount-content td:has(> a.woocommerce-button.pay), html body.woocommerce-account .woocommerce-MyAccount-content td:has(> a.woocommerce-button.cancel) { display: flex !important; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 12px !important; } /* Order History actions cell (Pay / Cancel / View) */ html body.woocommerce-account td.woocommerce-orders-table__cell-order-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px 12px; } /* Shared button shape */ html body.woocommerce-account .woocommerce-MyAccount-content a.button.pay, html body.woocommerce-account .woocommerce-MyAccount-content a.button.cancel, html body.woocommerce-account .woocommerce-MyAccount-content a.woocommerce-button.pay, html body.woocommerce-account .woocommerce-MyAccount-content a.woocommerce-button.cancel { display: inline-flex !important; float: none !important; align-items: center; justify-content: center; height: 40px; margin: 0 !important; padding: 0 22px !important; box-sizing: border-box; border-radius: 8px !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1 !important; text-decoration: none !important; cursor: pointer; } /* Pay = solid navy, gold on hover */ html body.woocommerce-account .woocommerce-MyAccount-content a.button.pay, html body.woocommerce-account .woocommerce-MyAccount-content a.woocommerce-button.pay { background: #2e4a66 !important; border: 1.5px solid #2e4a66 !important; color: #fff !important; } html body.woocommerce-account .woocommerce-MyAccount-content a.button.pay:hover, html body.woocommerce-account .woocommerce-MyAccount-content a.woocommerce-button.pay:hover, html body.woocommerce-account .woocommerce-MyAccount-content a.button.pay:focus, html body.woocommerce-account .woocommerce-MyAccount-content a.woocommerce-button.pay:focus { background: #E0B02D !important; border-color: #E0B02D !important; color: #fff !important; outline: none !important; } /* Cancel = red outline, fills red on hover */ html body.woocommerce-account .woocommerce-MyAccount-content a.button.cancel, html body.woocommerce-account .woocommerce-MyAccount-content a.woocommerce-button.cancel { background: #fff !important; border: 1.5px solid #b42318 !important; color: #b42318 !important; } html body.woocommerce-account .woocommerce-MyAccount-content a.button.cancel:hover, html body.woocommerce-account .woocommerce-MyAccount-content a.woocommerce-button.cancel:hover, html body.woocommerce-account .woocommerce-MyAccount-content a.button.cancel:focus, html body.woocommerce-account .woocommerce-MyAccount-content a.woocommerce-button.cancel:focus { background: #b42318 !important; border-color: #b42318 !important; color: #fff !important; outline: none !important; } /* Phone: stack, full width, same gap */ @media (max-width: 720px) { html body.woocommerce-account .woocommerce-MyAccount-content td:has(> a.button.pay), html body.woocommerce-account .woocommerce-MyAccount-content td:has(> a.button.cancel), html body.woocommerce-account .woocommerce-MyAccount-content td:has(> a.woocommerce-button.pay), html body.woocommerce-account .woocommerce-MyAccount-content td:has(> a.woocommerce-button.cancel) { flex-direction: column; align-items: stretch; } html body.woocommerce-account .woocommerce-MyAccount-content td:has(> a.button.pay) a.button, html body.woocommerce-account .woocommerce-MyAccount-content td:has(> a.button.cancel) a.button { width: 100%; } html body.woocommerce-account td.woocommerce-orders-table__cell-order-actions { justify-content: flex-start; } } /* ===== END 2026 - My Account Pay Buttons ===== */ /* ---- SOURCE #90462 ---- */ /* ===== 2026 - My Account Status Colors ===== */ /* Order Details: "...and is currently [Status]" */ html body.woocommerce-view-order mark.order-status { background: none !important; font-weight: 700 !important; color: #2e4a66 !important; } html body.woocommerce-view-order mark.order-status[data-status="completed"] { color: #14632D !important; } html body.woocommerce-view-order mark.order-status[data-status="cancelled"], html body.woocommerce-view-order mark.order-status[data-status="failed"] { color: #b42318 !important; } html body.woocommerce-view-order mark.order-status[data-status="refunded"] { color: #6b7280 !important; } html body.woocommerce-view-order mark.order-status[data-status="pending-payment"], html body.woocommerce-view-order mark.order-status[data-status="on-hold"] { color: #a8761a !important; } html body.woocommerce-view-order mark.order-status[data-status="processing"] { color: #2e4a66 !important; } /* Order History list: same colors */ html body.woocommerce-orders tr.woocommerce-orders-table__row--status-completed td.woocommerce-orders-table__cell-order-status { color: #14632D !important; } html body.woocommerce-orders tr.woocommerce-orders-table__row--status-cancelled td.woocommerce-orders-table__cell-order-status, html body.woocommerce-orders tr.woocommerce-orders-table__row--status-failed td.woocommerce-orders-table__cell-order-status { color: #b42318 !important; } html body.woocommerce-orders tr.woocommerce-orders-table__row--status-refunded td.woocommerce-orders-table__cell-order-status { color: #6b7280 !important; } html body.woocommerce-orders tr.woocommerce-orders-table__row--status-pending td.woocommerce-orders-table__cell-order-status, html body.woocommerce-orders tr.woocommerce-orders-table__row--status-on-hold td.woocommerce-orders-table__cell-order-status { color: #a8761a !important; } html body.woocommerce-orders tr.woocommerce-orders-table__row--status-processing td.woocommerce-orders-table__cell-order-status { color: #2e4a66 !important; } /* ===== END 2026 - My Account Status Colors ===== */ /* ---- SOURCE #90458 ---- */ /* ===== 2026 - My Account Form Fixes ===== */ /* Save buttons: padding must not add to the 100% phone width */ html body.woocommerce-edit-address .woocommerce-address-fields > p > button.button, html body.woocommerce-edit-account form.woocommerce-EditAccountForm button.woocommerce-Button, html body.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Address a.edit:not(.button):not(.woocommerce-button), html body.woocommerce-edit-account .woocommerce-MyAccount-content a.editaddressbutton:not(.button):not(.woocommerce-button) { box-sizing: border-box !important; max-width: 100%; } /* Phone: buttons span the card width exactly */ @media (max-width: 600px) { html body.woocommerce-edit-address .woocommerce-address-fields > p > button.button, html body.woocommerce-edit-account form.woocommerce-EditAccountForm button.woocommerce-Button { width: 100% !important; padding-left: 16px !important; padding-right: 16px !important; } } /* ===== END 2026 - My Account Form Fixes ===== */ /* ---- SOURCE #90457 ---- */ /* ===== 2026 - My Account Addresses (billing address pages) ===== */ /* Titles: overview page, then the edit form page */ body.woocommerce-edit-address .fx-title-sub h1::after { content: "Billing Address"; } body.woocommerce-edit-address .fx-title-sub .thrv_text_element[class*="-hidden"]::after { content: "The address used for your orders and receipts."; } body.woocommerce-edit-address:has(.woocommerce-address-fields) .fx-title-sub h1::after { content: "Edit Billing Address"; } body.woocommerce-edit-address:has(.woocommerce-address-fields) .fx-title-sub .thrv_text_element[class*="-hidden"]::after { content: "Update the address used for your orders and receipts."; } /* ----- Overview page: one centered billing card, no shipping ----- */ body.woocommerce-edit-address .woocommerce-MyAccount-content > p { display: none !important; } body.woocommerce-edit-address .woocommerce-Addresses { display: block !important; max-width: 640px; margin: 0 auto !important; } body.woocommerce-edit-address .woocommerce-Addresses .u-column2 { display: none !important; } body.woocommerce-edit-address .woocommerce-Addresses .woocommerce-Address { float: none !important; width: 100% !important; display: flex; flex-direction: column; align-items: center; text-align: center; background: #fff; border: 1px solid #dfe4f2; border-radius: 16px; box-shadow: 0 10px 30px rgba(46,74,102,.08); padding: clamp(24px, 5vw, 40px); box-sizing: border-box; } body.woocommerce-edit-address .woocommerce-Addresses .woocommerce-Address::before { content: ""; order: 0; width: 72px; height: 72px; border-radius: 50%; margin-bottom: 16px; background-color: #e4eeff; background-repeat: no-repeat; background-position: center; background-size: 34px 34px; } body.woocommerce-edit-address .woocommerce-Addresses .woocommerce-Address-title { display: contents; } body.woocommerce-edit-address .woocommerce-Addresses .woocommerce-Address h2 { order: 1; margin: 0 0 12px !important; padding: 0 !important; font-family: 'Playfair Display', serif !important; font-weight: 600 !important; font-size: 26px !important; line-height: 1.2 !important; color: #2e4a66 !important; } body.woocommerce-edit-address .woocommerce-Addresses .woocommerce-Address address { order: 2; margin: 0 !important; font-family: 'Open Sans', sans-serif !important; font-style: normal !important; font-size: 16px !important; line-height: 1.7 !important; color: #2b3a55 !important; text-align: center; } body.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Address a.edit:not(.button):not(.woocommerce-button) { order: 3; float: none !important; display: inline-flex !important; align-items: center; height: 48px; margin-top: 24px; padding: 0 26px; box-sizing: border-box; background: #2e4a66 !important; color: #fff !important; border-radius: 8px; font-family: 'Open Sans', sans-serif !important; font-size: 15px !important; font-weight: 500 !important; text-decoration: none !important; } body.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Address a.edit:not(.button):not(.woocommerce-button):hover, body.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-Address a.edit:not(.button):not(.woocommerce-button):focus { background: #E0B02D !important; color: #fff !important; text-decoration: none !important; outline: none; } /* ----- Edit billing address form: white card, two-column grid ----- */ body.woocommerce-edit-address .woocommerce-MyAccount-content > form { background: #fff; border: 1px solid #dfe4f2; border-radius: 16px; box-shadow: 0 10px 30px rgba(46,74,102,.08); padding: clamp(20px, 4vw, 32px); margin: 0 !important; box-sizing: border-box; font-family: 'Open Sans', sans-serif; } body.woocommerce-edit-address .woocommerce-MyAccount-content > form > h2 { margin: 0 0 20px !important; padding: 0 !important; font-family: 'Playfair Display', serif !important; font-weight: 600 !important; font-size: 26px !important; line-height: 1.2 !important; color: #2e4a66 !important; } body.woocommerce-edit-address .woocommerce-address-fields__field-wrapper { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; } body.woocommerce-edit-address .woocommerce-address-fields__field-wrapper p.form-row { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; } body.woocommerce-edit-address #billing_address_1_field, body.woocommerce-edit-address #billing_address_2_field, body.woocommerce-edit-address #billing_email_field { grid-column: 1 / -1; } body.woocommerce-edit-address .woocommerce-address-fields__field-wrapper label:not(.screen-reader-text) { display: block !important; visibility: visible !important; margin: 0 0 6px !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.4 !important; color: #2e4a66 !important; } body.woocommerce-edit-address .woocommerce-address-fields__field-wrapper label::before { content: none !important; } body.woocommerce-edit-address .woocommerce-address-fields__field-wrapper label .required { display: inline !important; color: #b42318 !important; text-decoration: none !important; border: 0 !important; } body.woocommerce-edit-address .woocommerce-address-fields__field-wrapper label .optional { font-weight: 400; color: #4a5568; } body.woocommerce-edit-address .woocommerce-address-fields__field-wrapper input.input-text { width: 100% !important; height: 48px !important; padding: 0 14px !important; background: #fff !important; border: 1.5px solid #b9c4e0 !important; border-radius: 8px !important; box-shadow: none !important; font-family: 'Open Sans', sans-serif !important; font-size: 16px !important; color: #2b2b2b !important; box-sizing: border-box !important; } body.woocommerce-edit-address .woocommerce-address-fields__field-wrapper input.input-text:focus { border-color: #E0B02D !important; box-shadow: 0 0 0 3px rgba(224,176,45,.3) !important; outline: none !important; } /* Country / State dropdowns (Select2) */ body.woocommerce-edit-address .select2-container { width: 100% !important; } body.woocommerce-edit-address .select2-container--default .select2-selection--single { height: 48px !important; padding: 0 !important; background: #fff !important; border: 1.5px solid #b9c4e0 !important; border-radius: 8px !important; box-sizing: border-box !important; } body.woocommerce-edit-address .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 45px !important; padding: 0 36px 0 14px !important; margin: 0 !important; font-family: 'Open Sans', sans-serif !important; font-size: 16px !important; color: #2b2b2b !important; } body.woocommerce-edit-address .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px !important; right: 8px !important; } body.woocommerce-edit-address .select2-container--open .select2-selection--single, body.woocommerce-edit-address .select2-container--focus .select2-selection--single { border-color: #E0B02D !important; box-shadow: 0 0 0 3px rgba(224,176,45,.3) !important; } body.woocommerce-edit-address .select2-dropdown { border: 1.5px solid #b9c4e0 !important; border-radius: 8px !important; font-family: 'Open Sans', sans-serif !important; } body.woocommerce-edit-address .select2-results__option { font-family: 'Open Sans', sans-serif !important; font-size: 15px !important; padding: 10px 14px !important; } body.woocommerce-edit-address .select2-container--default .select2-results__option--highlighted[aria-selected], body.woocommerce-edit-address .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background: #2e4a66 !important; color: #fff !important; } body.woocommerce-edit-address .select2-search--dropdown .select2-search__field { height: 40px; border: 1.5px solid #b9c4e0; border-radius: 6px; font-family: 'Open Sans', sans-serif; font-size: 15px; } /* Subscription renewals checkbox ("Update the Billing Address used for all future renewals...") */ html body.woocommerce-edit-address.woocommerce-page .woocommerce-address-fields p#update_all_subscriptions_addresses_field { margin: 24px 0 0 !important; padding: 0 !important; font-family: 'Open Sans', sans-serif !important; } html body.woocommerce-edit-address.woocommerce-page p#update_all_subscriptions_addresses_field .woocommerce-input-wrapper { display: block !important; } html body.woocommerce-edit-address.woocommerce-page p#update_all_subscriptions_addresses_field label.checkbox { position: relative; display: block !important; margin: 0 !important; padding: 0 0 0 30px !important; font-family: 'Open Sans', sans-serif !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.5 !important; color: #2e4a66 !important; cursor: pointer; } html body.woocommerce-edit-address.woocommerce-page p#update_all_subscriptions_addresses_field label.checkbox input.input-checkbox { position: absolute; left: 0; top: 3px; width: 18px; height: 18px; margin: 0 !important; accent-color: #2e4a66; cursor: pointer; } html body.woocommerce-edit-address.woocommerce-page p#update_all_subscriptions_addresses_field label.checkbox strong { font-weight: 700 !important; color: #2e4a66 !important; } html body.woocommerce-edit-address.woocommerce-page p#update_all_subscriptions_addresses_field label.checkbox .optional { font-family: 'Open Sans', sans-serif !important; font-weight: 400 !important; color: #5a6b85 !important; } html body.woocommerce-edit-address.woocommerce-page p#update_all_subscriptions_addresses_field small { display: block !important; margin: 6px 0 0 30px !important; font-family: 'Open Sans', sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.5 !important; color: #5a6b85 !important; } html body.woocommerce-edit-address.woocommerce-page p#update_all_subscriptions_addresses_field small strong { font-weight: 700 !important; color: #2e4a66 !important; } /* Save address button */ body.woocommerce-edit-address .woocommerce-address-fields > p { margin: 24px 0 0 !important; } body.woocommerce-edit-address .woocommerce-address-fields > p > button.button { float: none !important; margin: 0 !important; height: 52px; padding: 0 36px !important; background: #2e4a66 !important; color: #fff !important; border: 0 !important; border-radius: 8px !important; font-family: 'Open Sans', sans-serif !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1 !important; cursor: pointer; } body.woocommerce-edit-address .woocommerce-address-fields > p > button.button:hover, body.woocommerce-edit-address .woocommerce-address-fields > p > button.button:focus { background: #E0B02D !important; color: #fff !important; outline: none !important; } /* Phone */ @media (max-width: 600px) { body.woocommerce-edit-address .woocommerce-address-fields__field-wrapper { grid-template-columns: minmax(0, 1fr); gap: 16px; } body.woocommerce-edit-address .woocommerce-MyAccount-content > form > h2, body.woocommerce-edit-address .woocommerce-Addresses .woocommerce-Address h2 { font-size: 22px !important; } body.woocommerce-edit-address .woocommerce-address-fields > p > button.button { width: 100%; } } /* Map pin icon (last on purpose) */ body.woocommerce-edit-address .woocommerce-Addresses .woocommerce-Address::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e4a66' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6-7-11a7 7 0 0 1 14 0c0 5-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E"); } /* ===== END 2026 - My Account Addresses ===== */ /* ---- SOURCE #90456 ---- */ /* ===== 2026 - My Account Account Details ===== */ body.woocommerce-edit-account .fx-title-sub h1::after { content: "Account Details"; } body.woocommerce-edit-account .fx-title-sub .thrv_text_element[class*="-hidden"]::after { content: "Keep your name, email, password and address up to date."; } /* Notices (saved / error messages) on all account pages */ body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info { background: #fff !important; color: #2b3a55 !important; font-family: 'Open Sans', sans-serif !important; font-size: 15px !important; border: 1px solid #dfe4f2 !important; border-left: 4px solid #E0B02D !important; border-radius: 12px !important; box-shadow: 0 6px 20px rgba(46,74,102,.06) !important; margin: 0 0 16px !important; } body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message { border-left-color: #14632D !important; } body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error { border-left-color: #b42318 !important; } /* The form as one white card on a two-column grid */ body.woocommerce-edit-account form.woocommerce-EditAccountForm { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; background: #fff; border: 1px solid #dfe4f2; border-radius: 16px; box-shadow: 0 10px 30px rgba(46,74,102,.08); padding: clamp(20px, 4vw, 32px); margin: 0 !important; box-sizing: border-box; font-family: 'Open Sans', sans-serif; } body.woocommerce-edit-account form.woocommerce-EditAccountForm::before { content: "Your Details"; grid-column: 1 / -1; font-family: 'Playfair Display', serif; font-weight: 600; font-size: 26px; line-height: 1.2; color: #2e4a66; margin-bottom: -4px; } body.woocommerce-edit-account form.woocommerce-EditAccountForm .clear { display: none !important; } body.woocommerce-edit-account form.woocommerce-EditAccountForm p.form-row { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; } /* Labels (First name label was hidden by old CSS) */ body.woocommerce-edit-account form.woocommerce-EditAccountForm label { display: block !important; visibility: visible !important; margin: 0 0 6px !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.4 !important; color: #2e4a66 !important; } body.woocommerce-edit-account form.woocommerce-EditAccountForm label::before { content: none !important; display: none !important; } body.woocommerce-edit-account form.woocommerce-EditAccountForm label .required { display: inline !important; color: #b42318 !important; text-decoration: none !important; border: 0 !important; } /* Inputs */ body.woocommerce-edit-account form.woocommerce-EditAccountForm input.input-text { width: 100% !important; height: 48px !important; padding: 0 14px !important; background: #fff !important; border: 1.5px solid #b9c4e0 !important; border-radius: 8px !important; box-shadow: none !important; font-family: 'Open Sans', sans-serif !important; font-size: 16px !important; color: #2b2b2b !important; box-sizing: border-box !important; } body.woocommerce-edit-account form.woocommerce-EditAccountForm input.input-text:focus { border-color: #E0B02D !important; box-shadow: 0 0 0 3px rgba(224,176,45,.3) !important; outline: none !important; } body.woocommerce-edit-account form.woocommerce-EditAccountForm .password-input { display: block !important; position: relative; } body.woocommerce-edit-account form.woocommerce-EditAccountForm .password-input input.input-text { padding-right: 48px !important; } body.woocommerce-edit-account form.woocommerce-EditAccountForm .show-password-input { color: #2e4a66 !important; } body.woocommerce-edit-account form.woocommerce-EditAccountForm #account_display_name_description { display: block; margin-top: 6px; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 1.4; color: #4a5568; } body.woocommerce-edit-account form.woocommerce-EditAccountForm #account_display_name_description em { font-style: normal; } /* Password section (no divider line) */ body.woocommerce-edit-account form.woocommerce-EditAccountForm fieldset { grid-column: 1 / -1; min-width: 0; margin: 8px 0 0 !important; padding: 28px 0 0 !important; border: 0 !important; background: none !important; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 24px; } body.woocommerce-edit-account form.woocommerce-EditAccountForm fieldset legend { display: block; float: none; width: 100%; margin: 0 0 16px !important; padding: 0 !important; font-family: 'Playfair Display', serif !important; font-weight: 600 !important; font-size: 26px !important; line-height: 1.2 !important; color: #2e4a66 !important; text-transform: capitalize; } body.woocommerce-edit-account form.woocommerce-EditAccountForm fieldset p.form-row { display: flex !important; flex-direction: column; justify-content: flex-end; } /* Save button */ body.woocommerce-edit-account form.woocommerce-EditAccountForm > p:last-child { grid-column: 1 / -1; margin: 8px 0 0 !important; } body.woocommerce-edit-account form.woocommerce-EditAccountForm button.woocommerce-Button { float: none !important; margin: 0 !important; height: 52px; padding: 0 36px !important; background: #2e4a66 !important; color: #fff !important; border: 0 !important; border-radius: 8px !important; font-family: 'Open Sans', sans-serif !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1 !important; cursor: pointer; } body.woocommerce-edit-account form.woocommerce-EditAccountForm button.woocommerce-Button:hover, body.woocommerce-edit-account form.woocommerce-EditAccountForm button.woocommerce-Button:focus { background: #E0B02D !important; color: #fff !important; outline: none !important; } body.woocommerce-edit-account form.woocommerce-EditAccountForm button.woocommerce-Button:focus-visible { outline: 3px solid #E0B02D !important; outline-offset: 2px !important; } /* Billing address link as an outline button */ body.woocommerce-edit-account .woocommerce-MyAccount-content > p:empty { display: none; } body.woocommerce-edit-account .woocommerce-MyAccount-content a.editaddressbutton:not(.button):not(.woocommerce-button) { display: inline-flex !important; align-items: center; height: 48px; margin-top: 20px; padding: 0 26px; box-sizing: border-box; background: #fff !important; border: 1.5px solid #2e4a66; border-radius: 8px; color: #2e4a66 !important; font-family: 'Open Sans', sans-serif !important; font-size: 15px !important; font-weight: 500 !important; text-decoration: none !important; } body.woocommerce-edit-account .woocommerce-MyAccount-content a.editaddressbutton:not(.button):not(.woocommerce-button):hover, body.woocommerce-edit-account .woocommerce-MyAccount-content a.editaddressbutton:not(.button):not(.woocommerce-button):focus { background: #E0B02D !important; border-color: #E0B02D !important; color: #fff !important; text-decoration: none !important; outline: none; } /* Tablet: password fields stack */ @media (max-width: 1023px) { body.woocommerce-edit-account form.woocommerce-EditAccountForm fieldset { grid-template-columns: minmax(0, 1fr); } } /* Phone: everything in one column */ @media (max-width: 600px) { body.woocommerce-edit-account form.woocommerce-EditAccountForm { grid-template-columns: minmax(0, 1fr); gap: 16px; } body.woocommerce-edit-account form.woocommerce-EditAccountForm::before, body.woocommerce-edit-account form.woocommerce-EditAccountForm fieldset legend { font-size: 22px !important; } body.woocommerce-edit-account form.woocommerce-EditAccountForm button.woocommerce-Button { width: 100%; } body.woocommerce-edit-account .woocommerce-MyAccount-content a.editaddressbutton:not(.button):not(.woocommerce-button) { width: 100%; justify-content: center; } } /* ===== END 2026 - My Account Account Details ===== */ /* ---- SOURCE #90454 ---- */ /* ===== 2026 - My Account Shared Buttons (back buttons on all sub-pages + dashboard colors) ===== */ /* Keep the old WooCommerce side menu hidden (our tiles and back buttons replace it) */ .woocommerce-MyAccount-navigation { display: none !important; } /* Dashboard: recolor tiles and help card to #2e4a66 (hero title color comes from Thrive) */ .fx-tiles a > span:nth-child(2) { color: #2e4a66 !important; } .fx-tiles svg { stroke: #2e4a66 !important; } .fx-tiles a { box-shadow: 0 10px 30px rgba(46,74,102,.08) !important; } .fx-help p b { color: #2e4a66 !important; font-weight: 700 !important; } .fx-help div a { background: #2e4a66 !important; border-color: #2e4a66 !important; color: #fff !important; font-weight: 500 !important; } .fx-help div a:hover, .fx-help div a:focus { background: #E0B02D !important; border-color: #E0B02D !important; color: #fff !important; } /* Back-button row: hidden everywhere by default, shown on every sub-page (not the dashboard) */ .thrv_custom_html_shortcode:has(.fx-back) { display: none !important; } body.woocommerce-account:not(:has(.woocommerce-MyAccount-navigation-link--dashboard.is-active)) .thrv_custom_html_shortcode:has(.fx-back) { display: block !important; margin-top: 0 !important; } .fx-back { max-width: 1080px; margin: 8px auto 0; display: flex; flex-wrap: wrap; gap: 12px; } /* "Back to Order History" only on the Order Details page */ body.woocommerce-account:not(.woocommerce-view-order) .fx-back a.fx-back-orders { display: none !important; } .fx-back a.fx-back-orders { display: inline-flex; align-items: center; height: 48px; padding: 0 26px; box-sizing: border-box; background: #2e4a66 !important; color: #fff !important; border: 1.5px solid #2e4a66; border-radius: 8px; font-family: 'Open Sans', sans-serif !important; font-size: 15px; font-weight: 500 !important; text-decoration: none !important; } /* "Back to Dashboard": outline next to the Order History button, solid when it is the only button */ .fx-back a.fx-back-dash { display: inline-flex; align-items: center; height: 48px; padding: 0 26px; box-sizing: border-box; background: #fff !important; color: #2e4a66 !important; border: 1.5px solid #2e4a66; border-radius: 8px; font-family: 'Open Sans', sans-serif !important; font-size: 15px; font-weight: 500 !important; text-decoration: none !important; } body.woocommerce-account:not(.woocommerce-view-order) .fx-back a.fx-back-dash { background: #2e4a66 !important; color: #fff !important; } /* Gold hover and focus with white text on all back buttons */ .fx-back a.fx-back-orders:hover, .fx-back a.fx-back-orders:focus, .fx-back a.fx-back-dash:hover, .fx-back a.fx-back-dash:focus, body.woocommerce-account:not(.woocommerce-view-order) .fx-back a.fx-back-dash:hover, body.woocommerce-account:not(.woocommerce-view-order) .fx-back a.fx-back-dash:focus { background: #E0B02D !important; border-color: #E0B02D !important; color: #fff !important; outline: none; } .fx-back a:focus-visible { outline: 3px solid #E0B02D; outline-offset: 2px; } @media (max-width: 767px) { .fx-back { justify-content: center; } } /* ===== END 2026 - My Account Shared Buttons ===== */ /* ---- SOURCE #90453 ---- */ /* ===== 2026 - My Account Order Details (page after clicking View) ===== */ body.woocommerce-view-order .fx-title-sub h1::after { content: "Order Details"; } body.woocommerce-view-order .fx-title-sub .thrv_text_element[class*="-hidden"]::after { content: "Items, totals and billing information for your order."; } /* Summary line card (made visible: older theme CSS was hiding it) */ body.woocommerce-view-order .woocommerce-MyAccount-content > p:not(.order-again) { visibility: visible !important; background: #fff !important; border: 1px solid #dfe4f2 !important; border-radius: 16px !important; box-shadow: 0 6px 20px rgba(46,74,102,.06) !important; padding: 20px 28px !important; margin: 0 0 20px !important; font-family: 'Open Sans', sans-serif !important; font-size: 16px !important; line-height: 1.7 !important; color: #2b3a55 !important; } body.woocommerce-view-order .woocommerce-MyAccount-content mark { background: none !important; color: #2e4a66 !important; font-weight: 700 !important; } body.woocommerce-view-order .woocommerce-MyAccount-content mark.order-status { color: #14632D !important; } /* Order details + billing address cards */ body.woocommerce-view-order section.woocommerce-order-details, body.woocommerce-view-order section.woocommerce-customer-details { background: #fff !important; border: 1px solid #dfe4f2 !important; border-radius: 16px !important; box-shadow: 0 10px 30px rgba(46,74,102,.08) !important; padding: clamp(18px, 3.5vw, 28px) !important; margin: 0 0 20px !important; box-sizing: border-box !important; font-family: 'Open Sans', sans-serif !important; } body.woocommerce-view-order section.woocommerce-order-details h2, body.woocommerce-view-order section.woocommerce-customer-details h2 { margin: 0 0 14px !important; padding: 0 !important; font-family: 'Playfair Display', serif !important; font-weight: 600 !important; font-size: 26px !important; line-height: 1.2 !important; color: #2e4a66 !important; } /* Order details table */ body.woocommerce-view-order table.woocommerce-table--order-details { width: 100% !important; margin: 0 !important; border-collapse: collapse !important; border: 0 !important; background: none !important; } body.woocommerce-view-order table.woocommerce-table--order-details thead th { background: #D6E4FF !important; color: #2e4a66 !important; font-family: 'Open Sans', sans-serif !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .1em !important; text-transform: uppercase !important; padding: 12px 16px !important; border: 0 !important; text-align: left !important; } body.woocommerce-view-order table.woocommerce-table--order-details th:last-child, body.woocommerce-view-order table.woocommerce-table--order-details td:last-child { text-align: right !important; } body.woocommerce-view-order table.woocommerce-table--order-details tbody td, body.woocommerce-view-order table.woocommerce-table--order-details tfoot th, body.woocommerce-view-order table.woocommerce-table--order-details tfoot td { background: none !important; color: #2b3a55 !important; font-family: 'Open Sans', sans-serif !important; font-size: 15px !important; padding: 14px 16px !important; border: 0 !important; border-bottom: 1px solid #e6eaf5 !important; vertical-align: top !important; } body.woocommerce-view-order table.woocommerce-table--order-details tfoot th { font-weight: 500 !important; color: #2e4a66 !important; text-align: left !important; } body.woocommerce-view-order table.woocommerce-table--order-details tfoot td { font-weight: 500 !important; color: #2e4a66 !important; } body.woocommerce-view-order table.woocommerce-table--order-details tfoot tr:last-child th, body.woocommerce-view-order table.woocommerce-table--order-details tfoot tr:last-child td { font-size: 17px !important; font-weight: 700 !important; border-bottom: 0 !important; } body.woocommerce-view-order .product-quantity { color: #4a5568 !important; font-weight: 500 !important; } /* "Access Your Purchased Content" box */ body.woocommerce-view-order .ppp-purchased-content { margin: 12px 0 0 !important; padding: 12px 16px !important; background: #f0f5ff !important; border: 1px solid #d6e4ff !important; border-radius: 10px !important; text-align: left !important; } body.woocommerce-view-order .ppp-purchased-content > strong { display: block !important; font-family: 'Open Sans', sans-serif !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: #2e4a66 !important; } body.woocommerce-view-order .ppp-purchased-content__list { margin: 6px 0 0 !important; padding-left: 18px !important; list-style: disc !important; color: #2e4a66 !important; } body.woocommerce-view-order .ppp-purchased-content__list li { margin: 4px 0 !important; font-family: 'Open Sans', sans-serif !important; font-size: 15px !important; color: #2b3a55 !important; } /* Order again button */ body.woocommerce-view-order p.order-again { margin: 16px 0 0 !important; } body.woocommerce-view-order p.order-again .button { display: inline-block !important; background: #E0B02D !important; color: #2e4a66 !important; font-family: 'Open Sans', sans-serif !important; font-size: 15px !important; font-weight: 500 !important; padding: 12px 26px !important; border: 0 !important; border-radius: 8px !important; text-decoration: none !important; } body.woocommerce-view-order p.order-again .button:hover, body.woocommerce-view-order p.order-again .button:focus { background: #2e4a66 !important; color: #fff !important; } /* Phone and tablet spacing */ @media (max-width: 767px) { body.woocommerce-view-order .woocommerce-MyAccount-content > p:not(.order-again) { padding: 16px 20px !important; font-size: 15px !important; } body.woocommerce-view-order section.woocommerce-order-details h2, body.woocommerce-view-order section.woocommerce-customer-details h2 { font-size: 22px !important; margin-bottom: 12px !important; } body.woocommerce-view-order table.woocommerce-table--order-details thead th, body.woocommerce-view-order table.woocommerce-table--order-details tbody td, body.woocommerce-view-order table.woocommerce-table--order-details tfoot th, body.woocommerce-view-order table.woocommerce-table--order-details tfoot td { padding: 12px 8px !important; font-size: 14px !important; } body.woocommerce-view-order .ppp-purchased-content { padding: 10px 12px !important; } } /* Billing address: Open Sans text, round badges for phone and email */ body.woocommerce-view-order section.woocommerce-customer-details address { font-family: 'Open Sans', sans-serif !important; font-style: normal !important; font-size: 16px !important; line-height: 1.7 !important; color: #2b3a55 !important; border: 0 !important; padding: 0 !important; margin: 0 !important; } body.woocommerce-view-order section.woocommerce-customer-details address p { display: flex !important; align-items: center !important; gap: 12px !important; margin: 12px 0 0 !important; padding: 0 !important; font-family: 'Open Sans', sans-serif !important; font-size: 15px !important; line-height: 1.5 !important; color: #2b3a55 !important; } body.woocommerce-view-order section.woocommerce-customer-details address p::before { content: "" !important; position: static !important; left: auto !important; top: auto !important; margin: 0 !important; font-size: 0 !important; display: block !important; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%; background-color: #e4eeff; background-repeat: no-repeat; background-position: center; background-size: 19px 19px; } /* Icons (last on purpose) */ body.woocommerce-view-order address p.woocommerce-customer-details--phone::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e4a66' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h3l2 5-2 1a11 11 0 0 0 6 6l1-2 5 2v3a2 2 0 0 1-2 2A17 17 0 0 1 4 5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E"); } body.woocommerce-view-order address p.woocommerce-customer-details--email::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e4a66' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E"); } /* phone: line items stack, price top right, Access box full width; Receipt PDF button never wraps */ html body.woocommerce-view-order:not(#fx) a.fx-receipt:not(#fx){white-space:nowrap !important} @media (max-width:767px){ html body.woocommerce-view-order:not(#fx) table.woocommerce-table--order-details thead, html body.woocommerce-view-order:not(#fx) table.woocommerce-table--order-details tbody, html body.woocommerce-view-order:not(#fx) table.woocommerce-table--order-details tfoot{display:block !important;width:100% !important} html body.woocommerce-view-order:not(#fx) table.woocommerce-table--order-details thead tr, html body.woocommerce-view-order:not(#fx) table.woocommerce-table--order-details tfoot tr{display:flex !important;align-items:center !important;justify-content:space-between !important;width:100% !important} html body.woocommerce-view-order:not(#fx) table.woocommerce-table--order-details thead th:first-child, html body.woocommerce-view-order:not(#fx) table.woocommerce-table--order-details tfoot th{flex:1 1 auto !important;width:auto !important} html body.woocommerce-view-order:not(#fx) table.woocommerce-table--order-details thead th:last-child, html body.woocommerce-view-order:not(#fx) table.woocommerce-table--order-details tfoot td{flex:0 0 auto !important;width:auto !important;text-align:right !important} html body.woocommerce-view-order:not(#fx) table.woocommerce-table--order-details tr.woocommerce-table__line-item{display:block !important;position:relative !important;width:100% !important} html body.woocommerce-view-order:not(#fx) table.woocommerce-table--order-details tr.woocommerce-table__line-item td.woocommerce-table__product-name{display:block !important;width:auto !important;padding-right:92px !important} html body.woocommerce-view-order:not(#fx) table.woocommerce-table--order-details tr.woocommerce-table__line-item td.woocommerce-table__product-total{display:block !important;position:absolute !important;top:0 !important;right:0 !important;width:auto !important;text-align:right !important} html body.woocommerce-view-order:not(#fx) table.woocommerce-table--order-details .ppp-purchased-content{margin-right:-84px !important} html body.woocommerce-view-order:not(#fx) a.fx-receipt:not(#fx){padding-left:12px !important;padding-right:12px !important} } html body.woocommerce-view-order:not(#fx) .fx-back a.fx-back-dash:not(:hover):not(:focus){background:#2e4a66 !important;color:#fff !important;border-color:#2e4a66 !important} /* ===== END 2026 - My Account Order Details ===== */ /* ---- SOURCE #90449 ---- */ /* ===== 2026 - My Account Dashboard ===== */ /* Dashboard: hide old WooCommerce welcome text (our help card replaces it). Dashboard only. */ .woocommerce:has(.woocommerce-MyAccount-navigation-link--dashboard.is-active) .woocommerce-MyAccount-content { display: none; } /* Sub-pages: show sub title card, hide dashboard-only pieces */ .fx-title-sub { display: none; } body.woocommerce-account:not(:has(.woocommerce-MyAccount-navigation-link--dashboard.is-active)) .fx-title-sub { display: block !important; } body.woocommerce-account:not(:has(.woocommerce-MyAccount-navigation-link--dashboard.is-active)) :is(.fx-title-dash, .fx-tiles, .fx-help, .thrv_custom_html_shortcode:has(.fx-tiles, .fx-help)) { display: none !important; } body.woocommerce-account:not(:has(.woocommerce-MyAccount-navigation-link--dashboard.is-active)) .woocommerce-MyAccount-content { margin: 12px 0 0 !important; padding: 0 !important; } /* Links: #2e4a66, regular weight, Open Sans. Product names are bright blue. */ body.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button) { font-family: 'Open Sans', sans-serif !important; color: #2e4a66 !important; font-weight: 400 !important; text-decoration: none !important; } body.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button):hover { text-decoration: underline !important; } body.woocommerce-account .woocommerce-MyAccount-content td.product-name a:not(.button) { color: #0FC0FB !important; } body.woocommerce-account.woocommerce-orders .woocommerce-MyAccount-content table.woocommerce-orders-table tbody th a:not(.button):not(.woocommerce-button) { font-weight: 700 !important; } .fx-tiles a > span:last-child { color: #2e4a66 !important; font-weight: 400 !important; } .fx-help p a { color: #2e4a66 !important; font-weight: 400 !important; } /* Buttons turn gold with white text on hover and focus */ body.woocommerce-orders table.woocommerce-orders-table .woocommerce-button:hover, body.woocommerce-orders table.woocommerce-orders-table .woocommerce-button:focus, body.woocommerce-account .woocommerce-pagination .woocommerce-button:hover, body.woocommerce-account .woocommerce-pagination .woocommerce-button:focus, .fx-help div a:hover, .fx-help div a:focus { background: #E0B02D !important; border-color: #E0B02D !important; color: #fff !important; outline: none !important; } body.woocommerce-orders table.woocommerce-orders-table .woocommerce-button:focus-visible, body.woocommerce-account .woocommerce-pagination .woocommerce-button:focus-visible, .fx-help div a:focus-visible { outline: 3px solid #E0B02D !important; outline-offset: 2px !important; } /* Previous / Next buttons (appear only when there are more orders than one page) */ body.woocommerce-account .woocommerce-pagination { display: flex !important; justify-content: space-between !important; gap: 12px !important; margin: 20px 0 0 !important; } body.woocommerce-account .woocommerce-pagination .woocommerce-button { float: none !important; margin: 0 !important; background: #2e4a66 !important; color: #fff !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.2 !important; padding: 11px 24px !important; border: 0 !important; border-radius: 8px !important; text-decoration: none !important; } body.woocommerce-account .woocommerce-pagination .woocommerce-button--next { margin-left: auto !important; } /* Sub title card: replace the placeholder text with a per-page title */ .fx-title-sub h1 > * { display: none !important; } .fx-title-sub .thrv_text_element[class*="-hidden"] p { display: none !important; } .fx-title-sub h1::after { content: "My Account"; display: block; font-family: 'Playfair Display', serif; font-weight: 600; font-size: 46px; line-height: 1.15; color: inherit; } .fx-title-sub .thrv_text_element[class*="-hidden"]::after { content: ""; display: block; font-family: 'Playfair Display', serif; font-style: italic; font-weight: 400; font-size: 18px; line-height: 1.4; color: #4a5568; text-align: center; } @media (max-width: 1023px) { .fx-title-sub h1::after { font-size: 38px; } } @media (max-width: 767px) { .fx-title-sub h1::after { font-size: 30px; } .fx-title-sub .thrv_text_element[class*="-hidden"]::after { font-size: 16px; } } /* ----- Order History ----- */ body.woocommerce-orders .fx-title-sub h1::after { content: "Order History"; } body.woocommerce-orders .fx-title-sub .thrv_text_element[class*="-hidden"]::after { content: "Review your past purchases and open any order for details."; } body.woocommerce-orders table.woocommerce-orders-table { width: 100% !important; margin: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; background: #fff !important; border: 1px solid #dfe4f2 !important; border-radius: 16px !important; overflow: hidden !important; box-shadow: 0 10px 30px rgba(46,74,102,.08) !important; font-family: 'Open Sans', sans-serif !important; font-size: 15px !important; } body.woocommerce-orders table.woocommerce-orders-table thead th { background: #D6E4FF !important; color: #2e4a66 !important; font-family: 'Open Sans', sans-serif !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .1em !important; text-transform: uppercase !important; padding: 16px !important; border: 0 !important; text-align: left !important; } body.woocommerce-orders table.woocommerce-orders-table tbody tr { background: #fff !important; } body.woocommerce-orders table.woocommerce-orders-table tbody th, body.woocommerce-orders table.woocommerce-orders-table tbody td { background: #fff !important; color: #2b3a55 !important; font-family: 'Open Sans', sans-serif !important; font-size: 15px !important; font-weight: 400 !important; padding: 18px 16px !important; border: 0 !important; border-bottom: 1px solid #e6eaf5 !important; vertical-align: middle !important; text-align: left !important; } body.woocommerce-orders table.woocommerce-orders-table tbody tr:last-child th, body.woocommerce-orders table.woocommerce-orders-table tbody tr:last-child td { border-bottom: 0 !important; } body.woocommerce-orders table.woocommerce-orders-table th:first-child, body.woocommerce-orders table.woocommerce-orders-table td:first-child { padding-left: 32px !important; } body.woocommerce-orders table.woocommerce-orders-table th:last-child, body.woocommerce-orders table.woocommerce-orders-table td:last-child { padding-right: 32px !important; text-align: right !important; } body.woocommerce-orders table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-status { font-weight: 700 !important; font-size: 14px !important; color: #3b4660 !important; } body.woocommerce-orders table.woocommerce-orders-table tr.woocommerce-orders-table__row--status-completed td.woocommerce-orders-table__cell-order-status { color: #14632D !important; } body.woocommerce-orders table.woocommerce-orders-table tr.woocommerce-orders-table__row--status-processing td.woocommerce-orders-table__cell-order-status, body.woocommerce-orders table.woocommerce-orders-table tr.woocommerce-orders-table__row--status-on-hold td.woocommerce-orders-table__cell-order-status, body.woocommerce-orders table.woocommerce-orders-table tr.woocommerce-orders-table__row--status-pending td.woocommerce-orders-table__cell-order-status { color: #946400 !important; } body.woocommerce-orders table.woocommerce-orders-table tr.woocommerce-orders-table__row--status-cancelled td.woocommerce-orders-table__cell-order-status, body.woocommerce-orders table.woocommerce-orders-table tr.woocommerce-orders-table__row--status-failed td.woocommerce-orders-table__cell-order-status { color: #b42318 !important; } body.woocommerce-orders table.woocommerce-orders-table .woocommerce-button { display: inline-block !important; background: #2e4a66 !important; color: #fff !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.2 !important; padding: 10px 22px !important; border: 0 !important; border-radius: 8px !important; text-decoration: none !important; margin: 0 0 0 6px !important; } @media (max-width: 720px) { body.woocommerce-orders table.woocommerce-orders-table thead { display: none !important; } body.woocommerce-orders table.woocommerce-orders-table, body.woocommerce-orders table.woocommerce-orders-table tbody, body.woocommerce-orders table.woocommerce-orders-table tr { display: block !important; width: 100% !important; box-sizing: border-box !important; } body.woocommerce-orders table.woocommerce-orders-table tbody tr { padding: 12px 20px !important; border-bottom: 1px solid #e6eaf5 !important; } body.woocommerce-orders table.woocommerce-orders-table tbody tr:last-child { border-bottom: 0 !important; } body.woocommerce-orders table.woocommerce-orders-table tbody th, body.woocommerce-orders table.woocommerce-orders-table tbody td { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 12px !important; padding: 7px 0 !important; border: 0 !important; text-align: right !important; } body.woocommerce-orders table.woocommerce-orders-table tbody th:first-child, body.woocommerce-orders table.woocommerce-orders-table tbody td:first-child, body.woocommerce-orders table.woocommerce-orders-table tbody td:last-child { padding-left: 0 !important; padding-right: 0 !important; } body.woocommerce-orders table.woocommerce-orders-table tbody td::before { content: attr(data-title) !important; float: none !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: #2e4a66 !important; text-align: left !important; } body.woocommerce-orders table.woocommerce-orders-table tbody th::before { content: "Order" !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: #2e4a66 !important; text-align: left !important; } body.woocommerce-orders table.woocommerce-orders-table .woocommerce-button { margin: 0 !important; } } /* ===== END 2026 - My Account Dashboard ===== */ /* ---- ADDED Nov 12 2026 (James): "A Course in Miracles" in the Access Your Purchased Content links must be italic. The theme rule ".woocommerce-account em { font-style: normal }" was winning. ---- */ .ppp-purchased-content em, .ppp-purchased-content i, .ppp-purchased-content__list a em, .ppp-purchased-content__list a i { font-style: italic !important; }