/* ===================================================================== stylesheet_account_forms.css — restyles the REAL Zen account form pages (account_edit / address_book (+_process) / account_password / account_payment) with the v2 look, driven by each site's OWN site-override.css variables. Scoped to those page body ids only. Loads standalone AND in dashboard modals. Real forms + securityToken untouched. ===================================================================== */ #accounteditBody.tpl_check,#addressbookBody.tpl_check,#addressbookprocessBody.tpl_check,#accountpasswordBody.tpl_check,#accountpaymentBody.tpl_check{ background:transparent; } #accounteditBody .columnLeft,#addressbookBody .columnLeft,#addressbookprocessBody .columnLeft,#accountpasswordBody .columnLeft,#accountpaymentBody .columnLeft,#accounteditBody .columnRight,#addressbookBody .columnRight,#addressbookprocessBody .columnRight,#accountpasswordBody .columnRight,#accountpaymentBody .columnRight{ display:none !important; } #accounteditBody #contentColumnMain,#addressbookBody #contentColumnMain,#addressbookprocessBody #contentColumnMain,#accountpasswordBody #contentColumnMain,#accountpaymentBody #contentColumnMain,#accounteditBody .centerColumn,#addressbookBody .centerColumn,#addressbookprocessBody .centerColumn,#accountpasswordBody .centerColumn,#accountpaymentBody .centerColumn{ width:auto !important; float:none !important; margin:0 !important; } #accounteditBody #contentMainWrapper,#addressbookBody #contentMainWrapper,#addressbookprocessBody #contentMainWrapper,#accountpasswordBody #contentMainWrapper,#accountpaymentBody #contentMainWrapper{ max-width:720px; margin:0 auto !important; padding:22px !important; font-family:var(--font_family,'Inter',system-ui,sans-serif); color:var(--text_color,#20242b); } #accounteditBody #mainContent,#addressbookBody #mainContent,#addressbookprocessBody #mainContent,#accountpasswordBody #mainContent,#accountpaymentBody #mainContent,#accounteditBody .centerColumn,#addressbookBody .centerColumn,#addressbookprocessBody .centerColumn,#accountpasswordBody .centerColumn,#accountpaymentBody .centerColumn{ background:var(--white_color,#fff); border:1px solid var(--border_color,#e4e6ea); border-radius:12px; padding:22px 24px; box-shadow:0 1px 3px rgba(20,20,30,.06); } #accounteditBody h1,#addressbookBody h1,#addressbookprocessBody h1,#accountpasswordBody h1,#accountpaymentBody h1,#accounteditBody legend,#addressbookBody legend,#addressbookprocessBody legend,#accountpasswordBody legend,#accountpaymentBody legend,#accounteditBody .pageHeading,#addressbookBody .pageHeading,#addressbookprocessBody .pageHeading,#accountpasswordBody .pageHeading,#accountpaymentBody .pageHeading{ font-size:19px !important; font-weight:800 !important; color:var(--text_color,#20242b) !important; margin:0 0 14px !important; padding:0 !important; border:none !important; display:block; } #accounteditBody .inputLabel,#addressbookBody .inputLabel,#addressbookprocessBody .inputLabel,#accountpasswordBody .inputLabel,#accountpaymentBody .inputLabel,#accounteditBody label,#addressbookBody label,#addressbookprocessBody label,#accountpasswordBody label,#accountpaymentBody label{ display:block; font-size:13px; font-weight:600; color:var(--text_color,#20242b); margin:0 0 6px; } #accounteditBody .radioButtonLabel,#addressbookBody .radioButtonLabel,#addressbookprocessBody .radioButtonLabel,#accountpasswordBody .radioButtonLabel,#accountpaymentBody .radioButtonLabel{ display:inline; font-weight:500; margin-left:6px; } #accounteditBody input[type=text],#addressbookBody input[type=text],#addressbookprocessBody input[type=text],#accountpasswordBody input[type=text],#accountpaymentBody input[type=text],#accounteditBody input[type=email],#addressbookBody input[type=email],#addressbookprocessBody input[type=email],#accountpasswordBody input[type=email],#accountpaymentBody input[type=email],#accounteditBody input[type=tel],#addressbookBody input[type=tel],#addressbookprocessBody input[type=tel],#accountpasswordBody input[type=tel],#accountpaymentBody input[type=tel],#accounteditBody input[type=password],#addressbookBody input[type=password],#addressbookprocessBody input[type=password],#accountpasswordBody input[type=password],#accountpaymentBody input[type=password],#accounteditBody input[type=number],#addressbookBody input[type=number],#addressbookprocessBody input[type=number],#accountpasswordBody input[type=number],#accountpaymentBody input[type=number],#accounteditBody select,#addressbookBody select,#addressbookprocessBody select,#accountpasswordBody select,#accountpaymentBody select,#accounteditBody textarea,#addressbookBody textarea,#addressbookprocessBody textarea,#accountpasswordBody textarea,#accountpaymentBody textarea{ width:100%; max-width:420px; padding:10px 12px; border:1px solid var(--border_color,#e4e6ea); border-radius:8px; font:inherit; background:var(--white_color,#fff); color:var(--text_color,#20242b); margin-bottom:14px; box-sizing:border-box; } #accounteditBody input:focus,#addressbookBody input:focus,#addressbookprocessBody input:focus,#accountpasswordBody input:focus,#accountpaymentBody input:focus,#accounteditBody select:focus,#addressbookBody select:focus,#addressbookprocessBody select:focus,#accountpasswordBody select:focus,#accountpaymentBody select:focus,#accounteditBody textarea:focus,#addressbookBody textarea:focus,#addressbookprocessBody textarea:focus,#accountpasswordBody textarea:focus,#accountpaymentBody textarea:focus{ outline:none; border-color:var(--btn_bg_color,#7a1f2b); box-shadow:0 0 0 2px color-mix(in srgb,var(--btn_bg_color,#7a1f2b) 22%,transparent); } #accounteditBody input[type=radio],#addressbookBody input[type=radio],#addressbookprocessBody input[type=radio],#accountpasswordBody input[type=radio],#accountpaymentBody input[type=radio],#accounteditBody input[type=checkbox],#addressbookBody input[type=checkbox],#addressbookprocessBody input[type=checkbox],#accountpasswordBody input[type=checkbox],#accountpaymentBody input[type=checkbox]{ accent-color:var(--btn_bg_color,#7a1f2b); width:16px; height:16px; vertical-align:middle; } #accounteditBody .cssButton,#addressbookBody .cssButton,#addressbookprocessBody .cssButton,#accountpasswordBody .cssButton,#accountpaymentBody .cssButton,#accounteditBody .normal_button,#addressbookBody .normal_button,#addressbookprocessBody .normal_button,#accountpasswordBody .normal_button,#accountpaymentBody .normal_button,#accounteditBody input[type=submit],#addressbookBody input[type=submit],#addressbookprocessBody input[type=submit],#accountpasswordBody input[type=submit],#accountpaymentBody input[type=submit],#accounteditBody button[type=submit],#addressbookBody button[type=submit],#addressbookprocessBody button[type=submit],#accountpasswordBody button[type=submit],#accountpaymentBody button[type=submit]{ display:inline-block; background:var(--btn_bg_color,#7a1f2b) !important; color:var(--btn_text_color,#fff) !important; border:none !important; border-radius:8px !important; padding:10px 18px !important; font-size:13px !important; font-weight:700 !important; cursor:pointer; text-decoration:none; line-height:1.2; } #accounteditBody .cssButton:hover,#addressbookBody .cssButton:hover,#addressbookprocessBody .cssButton:hover,#accountpasswordBody .cssButton:hover,#accountpaymentBody .cssButton:hover,#accounteditBody .normal_button:hover,#addressbookBody .normal_button:hover,#addressbookprocessBody .normal_button:hover,#accountpasswordBody .normal_button:hover,#accountpaymentBody .normal_button:hover{ background:var(--btn_bg_hover_color,#571219) !important; } #accounteditBody .button_back,#addressbookBody .button_back,#addressbookprocessBody .button_back,#accountpasswordBody .button_back,#accountpaymentBody .button_back,#accounteditBody .back .cssButton,#addressbookBody .back .cssButton,#addressbookprocessBody .back .cssButton,#accountpasswordBody .back .cssButton,#accountpaymentBody .back .cssButton{ background:transparent !important; color:var(--text_color,#20242b) !important; border:1px solid var(--border_color,#ccc) !important; } #accounteditBody .buttonRow,#addressbookBody .buttonRow,#addressbookprocessBody .buttonRow,#accountpasswordBody .buttonRow,#accountpaymentBody .buttonRow{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-top:8px; } #accounteditBody .forward,#addressbookBody .forward,#addressbookprocessBody .forward,#accountpasswordBody .forward,#accountpaymentBody .forward,#accounteditBody .back,#addressbookBody .back,#addressbookprocessBody .back,#accountpasswordBody .back,#accountpaymentBody .back{ display:inline-flex; } #accounteditBody .addressBookDefaultName,#addressbookBody .addressBookDefaultName,#addressbookprocessBody .addressBookDefaultName,#accountpasswordBody .addressBookDefaultName,#accountpaymentBody .addressBookDefaultName,#accounteditBody .addressBookContentName,#addressbookBody .addressBookContentName,#addressbookprocessBody .addressBookContentName,#accountpasswordBody .addressBookContentName,#accountpaymentBody .addressBookContentName{ font-weight:700; } #accounteditBody .alert,#addressbookBody .alert,#addressbookprocessBody .alert,#accountpasswordBody .alert,#accountpaymentBody .alert{ background:var(--card_bg_color,#fdf1e0); border:1px solid var(--border_color,#f0ddb5); border-radius:8px; padding:10px 12px; color:var(--text_color,#333); margin-bottom:14px; } #accounteditBody .instructions,#addressbookBody .instructions,#addressbookprocessBody .instructions,#accountpasswordBody .instructions,#accountpaymentBody .instructions{ color:color-mix(in srgb,var(--text_color,#333) 65%,#fff); font-size:13px; margin-bottom:14px; } /* In-iframe (dashboard modal): strip site chrome so only the form shows. */ #accounteditBody.inIframe header, #accounteditBody.inIframe #navBreadCrumb, #accounteditBody.inIframe .breadcrumb, #accounteditBody.inIframe .humburgerMenu, #accounteditBody.inIframe .humburgerMenu1, #accounteditBody.inIframe [class*=burger], #accounteditBody.inIframe [class*=Humburger], #accounteditBody.inIframe #em-mheader, #accounteditBody.inIframe #footerWrapper, #accounteditBody.inIframe footer, #accounteditBody.inIframe #cartBoxListWrapper, #addressbookBody.inIframe header, #addressbookBody.inIframe #navBreadCrumb, #addressbookBody.inIframe .breadcrumb, #addressbookBody.inIframe .humburgerMenu, #addressbookBody.inIframe .humburgerMenu1, #addressbookBody.inIframe [class*=burger], #addressbookBody.inIframe [class*=Humburger], #addressbookBody.inIframe #em-mheader, #addressbookBody.inIframe #footerWrapper, #addressbookBody.inIframe footer, #addressbookBody.inIframe #cartBoxListWrapper, #addressbookprocessBody.inIframe header, #addressbookprocessBody.inIframe #navBreadCrumb, #addressbookprocessBody.inIframe .breadcrumb, #addressbookprocessBody.inIframe .humburgerMenu, #addressbookprocessBody.inIframe .humburgerMenu1, #addressbookprocessBody.inIframe [class*=burger], #addressbookprocessBody.inIframe [class*=Humburger], #addressbookprocessBody.inIframe #em-mheader, #addressbookprocessBody.inIframe #footerWrapper, #addressbookprocessBody.inIframe footer, #addressbookprocessBody.inIframe #cartBoxListWrapper, #accountpasswordBody.inIframe header, #accountpasswordBody.inIframe #navBreadCrumb, #accountpasswordBody.inIframe .breadcrumb, #accountpasswordBody.inIframe .humburgerMenu, #accountpasswordBody.inIframe .humburgerMenu1, #accountpasswordBody.inIframe [class*=burger], #accountpasswordBody.inIframe [class*=Humburger], #accountpasswordBody.inIframe #em-mheader, #accountpasswordBody.inIframe #footerWrapper, #accountpasswordBody.inIframe footer, #accountpasswordBody.inIframe #cartBoxListWrapper, #accountpaymentBody.inIframe header, #accountpaymentBody.inIframe #navBreadCrumb, #accountpaymentBody.inIframe .breadcrumb, #accountpaymentBody.inIframe .humburgerMenu, #accountpaymentBody.inIframe .humburgerMenu1, #accountpaymentBody.inIframe [class*=burger], #accountpaymentBody.inIframe [class*=Humburger], #accountpaymentBody.inIframe #em-mheader, #accountpaymentBody.inIframe #footerWrapper, #accountpaymentBody.inIframe footer, #accountpaymentBody.inIframe #cartBoxListWrapper{ display:none !important; } #accounteditBody.inIframe #mainWrapper,#addressbookBody.inIframe #mainWrapper,#addressbookprocessBody.inIframe #mainWrapper,#accountpasswordBody.inIframe #mainWrapper,#accountpaymentBody.inIframe #mainWrapper{ padding-top:6px !important; margin-top:0 !important; } #accounteditBody.inIframe,#addressbookBody.inIframe,#addressbookprocessBody.inIframe,#accountpasswordBody.inIframe,#accountpaymentBody.inIframe{ padding:0 !important; margin:0 !important; }