/* My Account Invoice Button Styling */ .woocommerce-MyAccount-orders .woocommerce-orders-table__row .woocommerce-orders-table__cell-order-actions a.fg-invoice-invoice-button, .woocommerce-MyAccount-orders .woocommerce-orders-table__row .woocommerce-orders-table__cell-order-actions a[href*="fg_invoice"], .woocommerce-orders-table .woocommerce-orders-table__row .woocommerce-orders-table__cell-order-actions a[href*="fg_invoice"] { display: inline-block; padding: 8px 16px; background: #f5f5f5 !important; color: #333 !important; text-decoration: none; border: 1px solid #ddd !important; border-radius: 4px; font-size: 14px; font-weight: 500; transition: all 0.2s ease; margin-left: 5px; line-height: 1.4; } .woocommerce-MyAccount-orders .woocommerce-orders-table__row .woocommerce-orders-table__cell-order-actions a.fg-invoice-invoice-button:hover, .woocommerce-MyAccount-orders .woocommerce-orders-table__row .woocommerce-orders-table__cell-order-actions a[href*="fg_invoice"]:hover, .woocommerce-orders-table .woocommerce-orders-table__row .woocommerce-orders-table__cell-order-actions a[href*="fg_invoice"]:hover { background: #e8e8e8 !important; border-color: #bbb !important; color: #000 !important; } /* Alternative selector for different WooCommerce themes */ .woocommerce-MyAccount-orders .order-actions a[href*="fg_invoice"], .order-actions a[href*="fg_invoice"], a.woocommerce-button.fg-invoice-invoice-button { display: inline-block; padding: 8px 16px; background: #f5f5f5 !important; color: #333 !important; text-decoration: none; border: 1px solid #ddd !important; border-radius: 4px; font-size: 14px; font-weight: 500; transition: all 0.2s ease; margin-left: 5px; line-height: 1.4; } .woocommerce-MyAccount-orders .order-actions a[href*="fg_invoice"]:hover, .order-actions a[href*="fg_invoice"]:hover, a.woocommerce-button.fg-invoice-invoice-button:hover { background: #e8e8e8 !important; border-color: #bbb !important; color: #000 !important; } /* Hide password change section from Account Details page */ .woocommerce-account.woocommerce-edit-account .woocommerce-EditAccountForm #password_current, .woocommerce-account.woocommerce-edit-account .woocommerce-EditAccountForm #password_1, .woocommerce-account.woocommerce-edit-account .woocommerce-EditAccountForm #password_2, .woocommerce-account.woocommerce-edit-account .woocommerce-EditAccountForm label[for="password_current"], .woocommerce-account.woocommerce-edit-account .woocommerce-EditAccountForm label[for="password_1"], .woocommerce-account.woocommerce-edit-account .woocommerce-EditAccountForm label[for="password_2"] { display: none !important; } /* Hide the entire password fieldset */ .woocommerce-account.woocommerce-edit-account .woocommerce-EditAccountForm fieldset:has(#password_current), .woocommerce-account.woocommerce-edit-account .woocommerce-EditAccountForm fieldset:has(#password_1), .woocommerce-account.woocommerce-edit-account .woocommerce-EditAccountForm fieldset:has(#password_2) { display: none !important; } /* Alternative selector for browsers that don't support :has() */ .woocommerce-account.woocommerce-edit-account .woocommerce-EditAccountForm fieldset legend:contains("Password change") { display: none !important; } /* Make email field read-only — DEFAULT state (real email already verified). When email still needs verification (phone-only signup), COR_Account_Verify adds a `cor-email-needs-verify` class to , and the override rule below (more specific, so it always wins) unlocks the field. After the user verifies via OTP, that body class is removed by JS and this base rule locks it again. */ .woocommerce-account.woocommerce-edit-account .woocommerce-EditAccountForm #account_email { background-color: #f5f5f5 !important; cursor: not-allowed !important; opacity: 0.8; } body.cor-email-needs-verify.woocommerce-account.woocommerce-edit-account .woocommerce-EditAccountForm #account_email { background-color: #fff !important; cursor: text !important; opacity: 1 !important; } /* Room for the intl-tel-input flag/dial-code prefix on the account phone field once it becomes editable (phone-only-verify state). */ .iti #account_phone { padding-left: 75px !important; } /* Ensure addresses section is visible */ .woocommerce-account.woocommerce-edit-account .woocommerce-addresses, .woocommerce-account.woocommerce-edit-account .fg-invoice-account-addresses { display: block !important; visibility: visible !important; margin-top: 30px !important; clear: both !important; opacity: 1 !important; height: auto !important; overflow: visible !important; } .woocommerce-account.woocommerce-edit-account .woocommerce-addresses address, .woocommerce-account.woocommerce-edit-account .fg-invoice-address-content { display: block !important; visibility: visible !important; opacity: 1 !important; } .woocommerce-account.woocommerce-edit-account .fg-invoice-address-box { display: block !important; visibility: visible !important; opacity: 1 !important; } .woocommerce-account.woocommerce-edit-account .woocommerce-Address-title { display: block !important; visibility: visible !important; } .woocommerce-account.woocommerce-edit-account .woocommerce-Address-title h3 { display: block !important; visibility: visible !important; } /* Hide duplicate address sections - only show our custom one */ .woocommerce-account.woocommerce-edit-account .woocommerce-addresses:not(.fg-invoice-account-addresses) { display: none !important; } /* Ensure only one address section shows */ .woocommerce-account.woocommerce-edit-account .woocommerce-addresses.fg-invoice-account-addresses ~ .woocommerce-addresses:not(.fg-invoice-account-addresses), .woocommerce-account.woocommerce-edit-account .woocommerce-addresses:not(.fg-invoice-account-addresses) ~ .woocommerce-addresses.fg-invoice-account-addresses { display: none !important; } /* ===================================================================== ORDER RECEIVED (THANK YOU) PAGE STYLING ===================================================================== */ /* Container for order received page */ .woocommerce-order { max-width: 1200px !important; margin: 0 auto !important; padding: 20px !important; } /* Order received message */ .woocommerce-notice.woocommerce-thankyou-order-received, p.woocommerce-notice.woocommerce-thankyou-order-received { background: #f0f9ff !important; border: 2px solid #0ea5e9 !important; border-radius: 8px !important; padding: 20px !important; margin-bottom: 30px !important; font-size: 18px !important; font-weight: 600 !important; color: #0369a1 !important; text-align: center !important; } /* Order overview box */ .woocommerce-order-overview.woocommerce-thankyou-order-details, ul.woocommerce-order-overview.woocommerce-thankyou-order-details { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important; gap: 15px !important; margin-bottom: 30px !important; padding: 0 !important; list-style: none !important; } .woocommerce-order-overview.woocommerce-thankyou-order-details li, ul.woocommerce-order-overview li { background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 8px !important; padding: 20px !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important; transition: box-shadow 0.2s ease !important; } .woocommerce-order-overview.woocommerce-thankyou-order-details li:hover, ul.woocommerce-order-overview li:hover { box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important; } .woocommerce-order-overview li strong { display: block !important; font-size: 12px !important; color: #1f2937 !important; margin-top: 8px !important; font-weight: 600 !important; } .woocommerce-order-overview__order, .woocommerce-order-overview__date, .woocommerce-order-overview__email, .woocommerce-order-overview__total, .woocommerce-order-overview__payment-method { font-size: 14px !important; color: #6b7280 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; font-weight: 500 !important; } .woocommerce-order-overview__total strong { color: #059669 !important; font-size: 24px !important; } /* Order details section */ .woocommerce-order-details, section.woocommerce-order-details { background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 8px !important; padding: 30px !important; margin-bottom: 30px !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important; } .woocommerce-order-details__title { font-size: 24px !important; font-weight: 700 !important; color: #1f2937 !important; margin-bottom: 25px !important; padding-bottom: 15px !important; border-bottom: 2px solid #e5e7eb !important; } /* Order details table */ .woocommerce-table--order-details { width: 100% !important; border-collapse: collapse !important; margin-bottom: 20px !important; } .woocommerce-table--order-details thead { background: #f9fafb !important; } .woocommerce-table--order-details thead th { padding: 15px !important; text-align: left; font-weight: 600 !important; color: #374151 !important; border-bottom: 2px solid #e5e7eb !important; } .woocommerce-table--order-details tbody td { padding: 15px !important; border-bottom: 1px solid #e5e7eb !important; color: #4b5563 !important; } .woocommerce-table--order-details tbody tr:last-child td { border-bottom: none !important; } .woocommerce-table--order-details tfoot th, .woocommerce-table--order-details tfoot td { padding: 12px 15px !important; border-top: 2px solid #e5e7eb !important; font-weight: 600 !important; color: #1f2937 !important; } .woocommerce-table--order-details tfoot .order-total th, .woocommerce-table--order-details tfoot .order-total td { font-size: 18px !important; color: #059669 !important; border-top: 3px solid #059669 !important; padding-top: 15px !important; } /* Order actions */ .woocommerce-table--order-details tfoot .order-actions--heading { text-align: left !important; padding-right: 20px !important; } .woocommerce-table--order-details tfoot .order-actions-button, .woocommerce-table--order-details tfoot a.order-actions-button, .woocommerce-table--order-details tfoot .woocommerce-button { display: inline-block !important; margin-right: 10px !important; margin-bottom: 5px !important; background: #1f2937 !important; color: #ffffff !important; text-decoration: none !important; border-radius: 6px !important; font-weight: 500 !important; transition: all 0.2s ease !important; } .woocommerce-table--order-details tfoot .order-actions-button:hover, .woocommerce-table--order-details tfoot a.order-actions-button:hover, .woocommerce-table--order-details tfoot .woocommerce-button:hover { background: #374151 !important; transform: translateY(-1px) !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important; } /* Customer details section */ .woocommerce-customer-details, section.woocommerce-customer-details { background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 8px !important; padding: 30px !important; margin-bottom: 30px !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important; } .woocommerce-customer-details__title { font-size: 24px !important; font-weight: 700 !important; color: #1f2937 !important; margin-bottom: 25px !important; padding-bottom: 15px !important; border-bottom: 2px solid #e5e7eb !important; } .woocommerce-customer-details address, section.woocommerce-customer-details address { font-style: normal !important; line-height: 1.8 !important; color: #4b5563 !important; padding: 20px !important; background: #f9fafb !important; border-radius: 6px !important; border-left: 4px solid #0ea5e9 !important; } .woocommerce-customer-details address strong { color: #1f2937 !important; font-weight: 600 !important; display: block !important; margin-bottom: 10px !important; font-size: 16px !important; } .woocommerce-customer-details address p { margin: 5px 0 !important; } /* Responsive adjustments */ @media (max-width: 768px) { .woocommerce-order-overview.woocommerce-thankyou-order-details, ul.woocommerce-order-overview.woocommerce-thankyou-order-details { grid-template-columns: 1fr !important; } .woocommerce-order-details, section.woocommerce-order-details, .woocommerce-customer-details, section.woocommerce-customer-details { padding: 20px !important; } .woocommerce-table--order-details { font-size: 14px !important; } .woocommerce-table--order-details thead th, .woocommerce-table--order-details tbody td { padding: 10px !important; } } .woocommerce-orders-table__cell-order-actions .fg_invoice_download_invoice, a.button.fg_invoice_download_invoice { min-width: 150px; text-align: center; white-space: nowrap; display: inline-block; box-sizing: border-box; font-size: 12px; padding: 6px 10px; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination--without-numbers .woocommerce-button.woocommerce-button--previous { padding-left: 0; padding-right: 1.25rem; padding: 10px !important; border-radius: 5px; background: black; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-pagination--without-numbers .woocommerce-button.woocommerce-button--previous:hover { background: #c8c8c8; padding: 10px 15px !important; border-radius: 6px; } @media (max-width: 600px) { .woocommerce-orders-table__cell-order-actions .fg_invoice_download_invoice, a.button.fg_invoice_download_invoice { min-width: auto; white-space: normal; font-size: 11px; } }