.elementor-961 .elementor-element.elementor-element-c73c7cd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--margin-top:48px;--margin-bottom:24px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-961 .elementor-element.elementor-element-50822a4{padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-961 .elementor-element.elementor-element-50822a4.elementor-element{--align-self:flex-start;}.elementor-961 .elementor-element.elementor-element-50822a4 .elementor-heading-title{font-family:"Mulish", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.02em;color:var( --e-global-color-1d0d07e );}.elementor-961 .elementor-element.elementor-element-97eecea .elementor-heading-title{font-family:"Comfortaa", Sans-serif;font-size:44px;font-weight:600;letter-spacing:0px;color:var( --e-global-color-00e8493 );}.elementor-961 .elementor-element.elementor-element-584fdea6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:48px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-961:not(.elementor-motion-effects-element-type-background), body.elementor-page-961 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9ebf580 );}@media(max-width:1024px){.elementor-961 .elementor-element.elementor-element-c73c7cd{--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-961 .elementor-element.elementor-element-50822a4 .elementor-heading-title{font-size:13px;}.elementor-961 .elementor-element.elementor-element-97eecea .elementor-heading-title{font-size:36px;}.elementor-961 .elementor-element.elementor-element-584fdea6{--margin-top:0px;--margin-bottom:48px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-961 .elementor-element.elementor-element-c73c7cd{--content-width:600px;}.elementor-961 .elementor-element.elementor-element-584fdea6{--content-width:600px;}}@media(max-width:767px){.elementor-961 .elementor-element.elementor-element-c73c7cd{--margin-top:24px;--margin-bottom:24px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-961 .elementor-element.elementor-element-50822a4{z-index:2;}.elementor-961 .elementor-element.elementor-element-50822a4 .elementor-heading-title{font-size:11px;}.elementor-961 .elementor-element.elementor-element-97eecea .elementor-heading-title{font-size:24px;}.elementor-961 .elementor-element.elementor-element-584fdea6{--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}}/* Start custom CSS *//* ========================================================= GOODMUMS — WooCommerce Order Tracking Page background: Ivory #FDF8F0 Card surface: White #FFFFFF Font: Mulish ========================================================= */ /* --------------------------------------------------------- TRACKING CARD --------------------------------------------------------- */ form.woocommerce-form-track-order { width: 100% !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; padding: 40px !important; display: flex !important; flex-direction: column !important; gap: 24px !important; /* White card against ivory page */ background-color: #FFFFFF !important; /* Soft Goodmums separation */ border: 1px solid #DCE8D8 !important; border-radius: 24px !important; box-shadow: none !important; box-sizing: border-box !important; font-family: "Mulish", sans-serif !important; } /* --------------------------------------------------------- INTRO TEXT --------------------------------------------------------- */ form.woocommerce-form-track-order > p:first-child { margin: 0 0 4px 0 !important; padding: 0 !important; max-width: 620px; color: #4A5748 !important; font-family: "Mulish", sans-serif !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.7 !important; } /* --------------------------------------------------------- FORM ROWS --------------------------------------------------------- */ form.woocommerce-form-track-order .form-row-first, form.woocommerce-form-track-order .form-row-last, form.woocommerce-form-track-order .form-row { width: 100% !important; float: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; gap: 8px !important; } /* --------------------------------------------------------- LABELS --------------------------------------------------------- */ form.woocommerce-form-track-order .form-row label { margin: 0 !important; color: #4A5748 !important; font-family: "Mulish", sans-serif !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.4 !important; } /* --------------------------------------------------------- INPUT FIELDS --------------------------------------------------------- */ form.woocommerce-form-track-order .input-text { width: 100% !important; min-height: 54px !important; padding: 14px 16px !important; box-sizing: border-box !important; /* * Ivory inputs provide gentle contrast * against the white tracking card. */ background-color: #FDF8F0 !important; border: 1px solid #DCE8D8 !important; border-radius: 12px !important; color: #4A5748 !important; font-family: "Mulish", sans-serif !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.5 !important; outline: none !important; box-shadow: none !important; transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; } /* Placeholder */ form.woocommerce-form-track-order .input-text::placeholder { color: #5D6A5B !important; opacity: 0.72 !important; font-family: "Mulish", sans-serif !important; font-weight: 400 !important; } /* Hover */ form.woocommerce-form-track-order .input-text:hover { border-color: #A8C3A0 !important; } /* Focus */ form.woocommerce-form-track-order .input-text:focus { background-color: #FFFFFF !important; border-color: #8AAA80 !important; box-shadow: 0 0 0 3px #DCE8D8 !important; } /* --------------------------------------------------------- TRACK BUTTON --------------------------------------------------------- */ form.woocommerce-form-track-order button.button { width: 100% !important; min-height: 54px !important; padding: 14px 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; /* * Goodmums primary action treatment */ background-color: #A8C3A0 !important; color: #2F3B2E !important; border: 1px solid #A8C3A0 !important; border-radius: 999px !important; box-shadow: none !important; font-family: "Mulish", sans-serif !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.4 !important; text-transform: none !important; letter-spacing: 0 !important; cursor: pointer !important; transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease; } /* Button hover */ form.woocommerce-form-track-order button.button:hover { background-color: #8AAA80 !important; border-color: #8AAA80 !important; color: #2F3B2E !important; opacity: 1 !important; } /* Button active */ form.woocommerce-form-track-order button.button:active { transform: translateY(1px); } /* Accessible keyboard focus */ form.woocommerce-form-track-order button.button:focus-visible { outline: none !important; box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 6px #5C6B5A !important; } /* --------------------------------------------------------- WOOCOMMERCE CLEANUP --------------------------------------------------------- */ form.woocommerce-form-track-order .clear { display: none !important; } .woocommerce form.woocommerce-form-track-order p { box-sizing: border-box !important; } /* Remove theme-specific input shadows if present */ .woocommerce form.woocommerce-form-track-order input.input-text { box-shadow: none; } /* --------------------------------------------------------- MOBILE --------------------------------------------------------- */ @media (max-width: 767px) { form.woocommerce-form-track-order { padding: 28px 20px !important; gap: 20px !important; border-radius: 20px !important; } form.woocommerce-form-track-order > p:first-child { font-size: 16px !important; line-height: 1.7 !important; } form.woocommerce-form-track-order .input-text { min-height: 52px !important; padding: 13px 15px !important; font-size: 16px !important; } form.woocommerce-form-track-order button.button { min-height: 52px !important; font-size: 15px !important; } } /* ========================================================== GOODMUMS — TRACKING PAGE / ORDER UPDATES Supplies the same design tokens used by My Account. Tracking page only. ========================================================== */ .page-id-961 .tk-tracking-order-updates { --tk-ink: #4A5748; --tk-heading: #5C6B5A; --tk-muted: #5D6A5B; --tk-card: #FFFFFF; --tk-sage-deep: #8AAA80; --tk-sage-tint: #DCE8D8; --tk-line: #DCE8D8; --tk-line-strong: #A8C3A0; --tk-shadow-card: 0 8px 24px rgba(47, 59, 46, .08); --tk-r: 18px; margin-top: 24px; font-family: "Mulish", system-ui, sans-serif; color: var(--tk-ink); } .page-id-961 .tk-tracking-order-updates, .page-id-961 .tk-tracking-order-updates *, .page-id-961 .tk-tracking-order-updates *::before, .page-id-961 .tk-tracking-order-updates *::after { box-sizing: border-box; }/* End custom CSS */