.mp-ab-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.mp-ab-head h2{margin:0 0 5px}.mp-ab-head p{margin:0;color:#777}.mp-new-address{background:#ff6b00!important;color:#fff!important;border:0!important;border-radius:8px!important;padding:12px 18px!important}.mp-ab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mp-address-card{border:1px solid #e1e5e8;border-radius:12px;padding:18px;background:#fff;position:relative}.mp-address-card.is-default{border-color:#0796a5;box-shadow:0 0 0 1px #0796a5}.mp-card-top{display:flex;justify-content:space-between;gap:10px}.mp-type,.mp-default-badge{font-size:12px;border-radius:20px;padding:4px 9px;background:#f1f3f4}.mp-default-badge{display:inline-block;margin:10px 0;background:#e7f7f8;color:#087d88}.mp-company-summary{background:#fafafa;padding:10px;border-radius:8px}.mp-card-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #eee;padding-top:12px}.mp-card-actions button,.mp-preview-edit{border:0;background:none;cursor:pointer;color:#087d88;font-weight:600}.mp-card-actions .mp-delete{color:#b23b3b}.mp-empty{grid-column:1/-1;border:1px dashed #ccd3d8;border-radius:12px;padding:28px;text-align:center} .mp-modal[hidden]{display:none!important}.mp-modal{position:fixed!important;z-index:999999!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.mp-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.48)}.mp-modal-dialog{position:relative;background:#fff;width:min(620px,calc(100vw - 30px));max-height:88vh;overflow:auto;border-radius:12px;box-shadow:0 20px 70px rgba(0,0,0,.25)}.mp-modal-head{position:sticky;top:0;background:#fff;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #eee}.mp-modal-head h3{margin:0}.mp-modal-close{font-size:28px;border:0;background:none;cursor:pointer}#mpAddressForm{padding:20px 24px}#mpAddressForm p{margin:0 0 15px}#mpAddressForm label{display:block;font-weight:600;margin-bottom:6px}#mpAddressForm input,#mpAddressForm select,#mpAddressForm textarea{width:100%;min-height:46px;border:1px solid #d9dee2;border-radius:7px;padding:11px;background:#fff}.mp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mp-type-switch{margin:18px 0}.mp-type-switch>div{display:flex;gap:28px;align-items:center;margin-top:8px}.mp-type-switch>div label{display:flex!important;align-items:center;gap:7px;margin:0!important;font-weight:400!important}.mp-type-switch input{width:auto!important;min-height:auto!important}.mp-note,.mp-info{background:#fff4e8;padding:12px!important;border-radius:8px;font-size:13px}.mp-info{background:#eaf5ff}.mp-check{display:flex!important;align-items:center;gap:8px}.mp-check input{width:auto!important;min-height:auto!important}.mp-save-address{width:100%;margin-top:20px!important}.mp-form-error{background:#fee;padding:10px;border-radius:7px;color:#a22;margin-top:10px}.mp-modal-open{overflow:hidden} .mp-checkout-address-book{border:1px solid #e2e7ea;border-radius:12px;padding:18px;margin-bottom:26px}.mp-checkout-address-book h3{margin:0 0 8px}.mp-checkout-address-row{display:flex;gap:10px}.mp-checkout-address-row select{flex:1}.mp-native-billing-hidden{position:absolute!important;left:-99999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}#mp-selected-address-preview{margin-top:12px;border:1px solid #dce4e8;border-radius:9px;overflow:hidden;background:#fff}.mp-preview-head{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#f8fafb;border-bottom:1px solid #e4e9ec}.mp-preview-body,.mp-preview-company{padding:14px 15px;line-height:1.65}.mp-preview-company{border-top:1px solid #e4e9ec;background:#fcfcfc}.mp-checkout-efatura{display:flex!important;align-items:center;gap:8px;padding:12px 15px;margin:0!important;border-top:1px solid #e4e9ec}.mp-checkout-efatura input{width:auto!important;margin:0!important} .mp-inline-radios .woocommerce-input-wrapper{display:flex!important;align-items:center!important;gap:28px!important;flex-wrap:wrap}.mp-inline-radios .woocommerce-input-wrapper label{margin:0!important;display:inline-flex!important;align-items:center;gap:7px}.mp-inline-radios input[type=radio]{margin:0!important}.mp-company-only[hidden]{display:none!important} /* Account details: match WooCommerce Hesap detayları field styling */ .mp-account-profile{margin:28px 0 0!important;padding:0!important;border:0!important}.mp-account-profile h3{font-size:26px;line-height:1.25;margin:0 0 18px;font-weight:500}.mp-account-help{background:#f7fafb;padding:14px 12px;border-radius:9px;margin-bottom:22px}.mp-account-help a{color:#0796a5;text-decoration:none}.mp-account-profile .form-row{margin:0 0 18px!important}.mp-account-profile label,.mp-field-title{font-size:15px;font-weight:400;margin-bottom:7px;display:block}.mp-account-profile input:not([type=radio]),.mp-account-profile select{width:100%!important;max-width:none!important;min-height:48px!important;padding:10px 12px!important;border:1px solid #d9dee2!important;border-radius:6px!important;background:#fff!important;font:inherit!important}.mp-radio-row{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin:7px 0 18px}.mp-radio-row label{display:flex!important;align-items:center;gap:7px;margin:0!important}.mp-radio-row input{margin:0!important}.mp-account-profile .button{min-height:48px;border-radius:7px} @media(max-width:700px){.mp-ab-grid,.mp-grid2{grid-template-columns:1fr}.mp-ab-head,.mp-checkout-address-row{align-items:stretch;flex-direction:column}.mp-modal-dialog{width:calc(100vw - 20px);max-height:92vh}.mp-radio-row,.mp-type-switch>div{gap:16px}} /* v2.1.4: hide logged-in native billing fields before JS executes (prevents flash). */ body.logged-in form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper{position:absolute!important;left:-99999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important} /* Keep the main Adres Tipi required mark, but do not show a required star after each radio option. */ .mp-address-type .woocommerce-input-wrapper label .required,.mp-address-type .woocommerce-input-wrapper label abbr.required{display:none!important} /* ===== MutluPati Checkout v2.2.0 stability layer ===== */ /* Never flash legacy billing fields for logged-in customers, even before JS loads. */ body.logged-in.woocommerce-checkout .woocommerce-billing-fields__field-wrapper{display:none!important} /* Keep the account/address card frame regardless of Porto column rules. */ body.woocommerce-account .woocommerce-MyAccount-content .mp-ab{border:1px solid #e7ecee;border-radius:16px;background:#fff;padding:24px;box-shadow:0 7px 25px rgba(27,46,55,.055);box-sizing:border-box} body.woocommerce-account .mp-ab-grid{grid-template-columns:repeat(2,minmax(0,1fr))} /* Modal owns its dimensions and scroll; no inherited Woo/Porto form layout may collapse it. */ #mpAddressModal .mp-modal-dialog{width:min(620px,calc(100vw - 30px))!important;max-height:min(88vh,820px)!important;overflow:auto!important;margin:auto!important} #mpAddressModal #mpAddressForm{display:block!important;width:auto!important;padding:20px 24px!important} #mpAddressModal #mpAddressForm>*,#mpAddressModal #mpAddressForm p{box-sizing:border-box} #mpAddressModal .mp-grid2{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px!important} #mpAddressModal input,#mpAddressModal select,#mpAddressModal textarea{box-sizing:border-box!important;max-width:100%!important} /* Birth date: Gün / Ay / Yıl on one row; month is wider. */ .mp-birth-inputs{display:grid;grid-template-columns:.7fr .7fr 1.2fr;gap:10px;width:100%} .mp-birth-inputs select{width:100%!important;min-height:46px!important;text-align:center!important;background:#fff!important} /* Delete confirmation modal */ .mp-confirm-modal[hidden]{display:none!important}.mp-confirm-modal{position:fixed;z-index:1000001;inset:0;display:flex;align-items:center;justify-content:center;padding:18px}.mp-confirm-backdrop{position:absolute;inset:0;background:rgba(20,28,33,.55);backdrop-filter:blur(2px)}.mp-confirm-dialog{position:relative;width:min(430px,100%);background:#fff;border-radius:18px;padding:28px;text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.28)}.mp-confirm-icon{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;background:#fff0f0;color:#d52b2b;font-size:28px;font-weight:800}.mp-confirm-dialog h3{margin:0 0 8px;font-size:21px}.mp-confirm-dialog p{margin:0 0 22px;color:#6f777c}.mp-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mp-confirm-actions button{min-height:44px;border-radius:8px;border:1px solid #dce2e5;font-weight:700;cursor:pointer}.mp-confirm-cancel{background:#fff;color:#37474f}.mp-confirm-yes{background:#d93025!important;border-color:#d93025!important;color:#fff!important}.mp-confirm-yes:hover{background:#b9231b!important;border-color:#b9231b!important} /* Adres Tipi: only the field title has a star; radio choices do not. */ #billing_address_type_field>label .required{display:inline!important}.mp-address-type .woocommerce-input-wrapper label .required,.mp-address-type .woocommerce-input-wrapper label abbr.required{display:none!important} /* E-Fatura stays optional but do not print '(isteğe bağlı)'. */ #billing_efatura_field .optional{display:none!important} @media(max-width:700px){body.woocommerce-account .mp-ab-grid{grid-template-columns:1fr}#mpAddressModal .mp-grid2{grid-template-columns:1fr!important}.mp-birth-inputs{grid-template-columns:.7fr .7fr 1.2fr}.mp-confirm-actions{grid-template-columns:1fr}} /* ===== v2.2.1 — address modal hard isolation from Porto/WooCommerce ===== */ #mpAddressModal .mp-modal-dialog{width:min(680px,calc(100vw - 32px))!important;border-radius:16px!important;overflow-y:auto!important;overflow-x:hidden!important} #mpAddressModal #mpAddressForm{padding:22px 24px 26px!important;margin:0!important;background:#fff!important} #mpAddressModal #mpAddressForm p{display:block!important;width:100%!important;max-width:none!important;float:none!important;clear:none!important;margin:0 0 16px!important;padding:0!important} #mpAddressModal #mpAddressForm p.form-row{width:100%!important} #mpAddressModal #mpAddressForm label{display:block!important;width:auto!important;float:none!important;margin:0 0 7px!important;padding:0!important;font-size:14px!important;line-height:1.35!important;font-weight:600!important} #mpAddressModal #mpAddressForm input[type=text], #mpAddressModal #mpAddressForm input[type=tel], #mpAddressModal #mpAddressForm input:not([type]), #mpAddressModal #mpAddressForm select, #mpAddressModal #mpAddressForm textarea{display:block!important;float:none!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:46px!important;height:auto!important;margin:0!important;padding:10px 12px!important;border:1px solid #d9e0e4!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;font:inherit!important;line-height:1.35!important;color:#263238!important;box-sizing:border-box!important} #mpAddressModal #mpAddressForm textarea{min-height:92px!important;resize:vertical!important} #mpAddressModal #mpAddressForm select{height:46px!important;padding-right:34px!important} #mpAddressModal .mp-grid2{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px!important;width:100%!important;align-items:start!important} #mpAddressModal .mp-note,#mpAddressModal .mp-info{width:100%!important;margin:0 0 16px!important;padding:13px 14px!important;line-height:1.55!important;box-sizing:border-box!important} #mpAddressModal .mp-type-switch{width:100%!important;margin:4px 0 18px!important} #mpAddressModal .mp-type-switch>div{display:flex!important;gap:28px!important;align-items:center!important} #mpAddressModal .mp-type-switch>div label,#mpAddressModal .mp-check{display:inline-flex!important;width:auto!important;align-items:center!important;gap:8px!important;margin:0!important;font-weight:400!important} #mpAddressModal input[type=radio],#mpAddressModal input[type=checkbox]{width:16px!important;height:16px!important;min-height:0!important;margin:0!important;padding:0!important;flex:0 0 16px!important} #mpAddressModal .mp-save-address{display:block!important;width:100%!important;min-height:48px!important;margin:20px 0 0!important;border:0!important;border-radius:8px!important;background:#fc710b!important;color:#fff!important;font-weight:700!important} #mpAddressModal .mp-save-address:hover{background:#e96500!important} @media(max-width:700px){#mpAddressModal .mp-grid2{grid-template-columns:1fr!important}#mpAddressModal #mpAddressForm{padding:18px 16px 22px!important}} /* ===== v2.2.2 — modal viewport + Porto cache/layout fix ===== */ #mpAddressModal{padding:16px!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important} #mpAddressModal .mp-modal-dialog{display:flex!important;flex-direction:column!important;width:min(720px,calc(100vw - 32px))!important;height:min(820px,calc(100dvh - 32px))!important;max-height:calc(100dvh - 32px)!important;overflow:hidden!important;margin:0 auto!important;border-radius:16px!important;background:#fff!important} #mpAddressModal .mp-modal-head{flex:0 0 auto!important;padding:18px 24px!important} #mpAddressModal #mpAddressForm{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:22px 24px 26px!important} #mpAddressModal #mpAddressForm p{display:block!important;position:static!important;float:none!important;width:100%!important;max-width:100%!important;margin:0 0 16px!important} #mpAddressModal #mpAddressForm p>label{display:block!important;position:static!important;float:none!important;width:100%!important;margin:0 0 7px!important} #mpAddressModal #mpAddressForm p>input, #mpAddressModal #mpAddressForm p>select, #mpAddressModal #mpAddressForm p>textarea{display:block!important;position:static!important;float:none!important;width:100%!important;max-width:100%!important;margin:0!important} #mpAddressModal .mp-grid2>p{min-width:0!important} #mpAddressModal .mp-save-address{position:sticky!important;bottom:-26px!important;z-index:3!important;margin:22px -24px -26px!important;width:calc(100% + 48px)!important;border-radius:0!important;min-height:52px!important} @media(max-width:700px){#mpAddressModal{padding:8px!important}#mpAddressModal .mp-modal-dialog{width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important}#mpAddressModal #mpAddressForm{padding:18px 16px 22px!important}#mpAddressModal .mp-save-address{bottom:-22px!important;margin:20px -16px -22px!important;width:calc(100% + 32px)!important}} /* ===== v2.2.3 — checkout-only modal normalization ===== Porto/WooCommerce checkout has stronger form rules than My Account. Keep the already-correct My Account modal untouched and normalize only checkout. */ body.woocommerce-checkout #mpAddressModal #mpAddressForm, body.woocommerce-checkout #mpAddressModal #mpAddressForm *{box-sizing:border-box!important} body.woocommerce-checkout #mpAddressModal #mpAddressForm p, body.woocommerce-checkout #mpAddressModal #mpAddressForm .mp-grid2>p{ display:block!important;position:static!important;float:none!important;clear:none!important; width:100%!important;min-width:0!important;max-width:none!important;height:auto!important; margin:0 0 16px!important;padding:0!important;text-align:left!important } body.woocommerce-checkout #mpAddressModal #mpAddressForm label, body.woocommerce-checkout #mpAddressModal #mpAddressForm p>label{ display:block!important;position:static!important;float:none!important;clear:both!important; width:100%!important;max-width:none!important;height:auto!important;margin:0 0 7px!important; padding:0!important;line-height:1.35!important;text-align:left!important } body.woocommerce-checkout #mpAddressModal #mpAddressForm input[type="text"], body.woocommerce-checkout #mpAddressModal #mpAddressForm input[type="tel"], body.woocommerce-checkout #mpAddressModal #mpAddressForm input:not([type]), body.woocommerce-checkout #mpAddressModal #mpAddressForm select, body.woocommerce-checkout #mpAddressModal #mpAddressForm textarea{ display:block!important;position:static!important;float:none!important;clear:both!important; width:100%!important;min-width:100%!important;max-width:100%!important; margin:0!important;padding:11px 12px!important;border:1px solid #d9e0e4!important; border-radius:8px!important;background:#fff!important;box-shadow:none!important; font:inherit!important;line-height:1.35!important;color:#263238!important } body.woocommerce-checkout #mpAddressModal #mpAddressForm input[type="text"], body.woocommerce-checkout #mpAddressModal #mpAddressForm input[type="tel"], body.woocommerce-checkout #mpAddressModal #mpAddressForm input:not([type]), body.woocommerce-checkout #mpAddressModal #mpAddressForm select{height:46px!important;min-height:46px!important} body.woocommerce-checkout #mpAddressModal #mpAddressForm textarea{height:auto!important;min-height:92px!important} body.woocommerce-checkout #mpAddressModal #mpAddressForm .mp-grid2{ display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:16px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important } body.woocommerce-checkout #mpAddressModal #mpAddressForm .mp-note, body.woocommerce-checkout #mpAddressModal #mpAddressForm .mp-info{ display:block!important;float:none!important;clear:both!important;width:100%!important;max-width:100%!important; margin:0 0 16px!important;padding:13px 14px!important;border-radius:8px!important } body.woocommerce-checkout #mpAddressModal #mpAddressForm .mp-type-switch{display:block!important;width:100%!important;clear:both!important} body.woocommerce-checkout #mpAddressModal #mpAddressForm .mp-type-switch>div{display:flex!important;width:100%!important;gap:28px!important} body.woocommerce-checkout #mpAddressModal #mpAddressForm .mp-type-switch label, body.woocommerce-checkout #mpAddressModal #mpAddressForm .mp-check{ display:inline-flex!important;float:none!important;clear:none!important;width:auto!important;max-width:none!important; align-items:center!important;gap:8px!important;margin:0!important } body.woocommerce-checkout #mpAddressModal #mpAddressForm input[type="radio"], body.woocommerce-checkout #mpAddressModal #mpAddressForm input[type="checkbox"]{ display:inline-block!important;position:static!important;float:none!important;width:16px!important;min-width:16px!important; max-width:16px!important;height:16px!important;min-height:16px!important;margin:0!important;padding:0!important } @media(max-width:700px){body.woocommerce-checkout #mpAddressModal #mpAddressForm .mp-grid2{grid-template-columns:1fr!important}} /* ===== v2.2.5 — isolated address-modal field layout ===== */ #mpAddressModal #mpAddressForm .mp-field{ display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:7px!important; width:100%!important; min-width:0!important; max-width:none!important; margin:0 0 16px!important; padding:0!important; float:none!important; clear:none!important; position:static!important; box-sizing:border-box!important; } #mpAddressModal #mpAddressForm .mp-field>label{ display:block!important; position:static!important; float:none!important; clear:none!important; width:100%!important; min-width:0!important; max-width:none!important; height:auto!important; margin:0!important; padding:0!important; font-size:14px!important; line-height:1.35!important; font-weight:600!important; text-align:left!important; box-sizing:border-box!important; } #mpAddressModal #mpAddressForm .mp-field>input, #mpAddressModal #mpAddressForm .mp-field>select, #mpAddressModal #mpAddressForm .mp-field>textarea{ display:block!important; position:static!important; float:none!important; clear:none!important; width:100%!important; min-width:0!important; max-width:100%!important; box-sizing:border-box!important; margin:0!important; padding:11px 12px!important; border:1px solid #d9e0e4!important; border-radius:8px!important; background:#fff!important; box-shadow:none!important; font:inherit!important; line-height:1.35!important; color:#263238!important; } #mpAddressModal #mpAddressForm .mp-field>input, #mpAddressModal #mpAddressForm .mp-field>select{height:46px!important;min-height:46px!important} #mpAddressModal #mpAddressForm .mp-field>textarea{min-height:92px!important;height:auto!important;resize:vertical!important} #mpAddressModal #mpAddressForm>.mp-field{width:100%!important} #mpAddressModal #mpAddressForm .mp-grid2{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:0 16px!important; width:100%!important; min-width:0!important; align-items:start!important; } @media(max-width:700px){#mpAddressModal #mpAddressForm .mp-grid2{grid-template-columns:1fr!important}} /* v2.3.4 — Address cards: equal height + actions pinned to bottom (style only) */ body.woocommerce-account .mp-ab-grid{ align-items:stretch; } body.woocommerce-account .mp-address-card{ display:flex; flex-direction:column; height:100%; box-sizing:border-box; } body.woocommerce-account .mp-card-actions{ margin-top:auto; width:100%; } /* v2.3.5 — Default address badge: compact outlined pill below address type */ body.woocommerce-account .mp-default-badge{ align-self:flex-end!important; display:inline-flex!important; align-items:center!important; width:auto!important; max-width:max-content!important; margin:6px 0 10px auto!important; padding:3px 8px!important; border:1px solid #0796a5!important; border-radius:20px!important; background:#e7f7f8!important; color:#087d88!important; font-size:11px!important; line-height:1.3!important; font-weight:500!important; box-shadow:none!important; } /* v2.3.7 — visual text cleanup only: hide WooCommerce “(isteğe bağlı)” markers in MutluPati-related forms. */ form.woocommerce-checkout label .optional, .woocommerce-MyAccount-content label .optional, #mpAddressModal label .optional{display:none!important} /* MutluPati v2.5 - Multi-step registration */ .woocommerce-form-register .mp-register-wizard{margin:0 0 18px}.mp-register-progress{display:flex;align-items:center;justify-content:center;margin:4px 0 28px}.mp-reg-dot{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:64px;color:#8a969c;font-size:12px}.mp-reg-dot span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:2px solid #d9e1e4;background:#fff;font-weight:700}.mp-reg-dot.is-active,.mp-reg-dot.is-done{color:#027885}.mp-reg-dot.is-active span,.mp-reg-dot.is-done span{border-color:#027885;color:#027885}.mp-reg-dot.is-done span{background:#027885;color:#fff}.mp-reg-line{height:2px;flex:1;max-width:72px;background:#dfe6e8;margin:-20px 4px 0}.mp-reg-step{display:none;border:1px solid #e4eaec;border-radius:14px;padding:22px;background:#fff}.mp-reg-step.is-active{display:block}.mp-reg-title{margin-bottom:18px}.mp-reg-title h3{margin:0 0 5px!important;font-size:21px!important}.mp-reg-title p{margin:0;color:#748187}.mp-reg-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mp-reg-step input,.mp-reg-step select,.mp-reg-step textarea{width:100%;border:1px solid #d7dfe2!important;border-radius:8px!important;min-height:44px;padding:9px 11px!important;background:#fff}.mp-reg-step textarea{min-height:92px}.mp-reg-step .mp-radio-row{display:flex;gap:20px;flex-wrap:wrap;margin:8px 0 15px}.mp-reg-step .mp-radio-row label{display:flex;align-items:center;gap:7px}.mp-reg-step .mp-radio-row input{width:auto;min-height:auto}.mp-reg-nav{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.mp-reg-nav-step1{justify-content:flex-end}.mp-reg-nav .button{min-width:120px;border-radius:8px!important}.mp-reg-summary{display:grid;gap:12px}.mp-reg-summary-card{border:1px solid #e3e9eb;border-radius:10px;padding:14px 16px}.mp-reg-summary-card b{display:block;color:#17212b;margin-bottom:4px}.woocommerce-form-register:not(.mp-reg-final) button[name="register"]{display:none!important}.woocommerce-form-register.mp-reg-final button[name="register"]{width:100%;margin-top:12px;border-radius:8px!important}.mp-reg-invalid{border-color:#c62828!important;box-shadow:0 0 0 1px #c62828!important}.mp-reg-error{color:#b42318;background:#fff1f0;border:1px solid #ffd1cc;border-radius:8px;padding:10px 12px;margin:0 0 14px}.mp-reg-company[hidden]{display:none!important} @media(max-width:600px){.mp-reg-grid2{grid-template-columns:1fr}.mp-reg-step{padding:17px 14px}.mp-reg-dot{min-width:42px}.mp-reg-dot b{font-size:10px}.mp-reg-line{margin-left:0;margin-right:0}.mp-register-progress{margin-bottom:20px}} /* MutluPati v2.5.1 - Guest account login/register drawer */ body.woocommerce-account:not(.logged-in) .woocommerce .u-columns{display:block!important;max-width:620px;margin:28px auto 50px!important} body.woocommerce-account:not(.logged-in) .woocommerce .u-column1, body.woocommerce-account:not(.logged-in) .woocommerce .u-column2{float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important} body.woocommerce-account:not(.logged-in) .woocommerce .u-column2{display:none} body.woocommerce-account:not(.logged-in) .woocommerce .u-column2.mp-auth-open{display:block;animation:mpAuthSlide .28s ease} body.woocommerce-account:not(.logged-in) .woocommerce .u-column1.mp-auth-closed{display:none} @keyframes mpAuthSlide{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}} body.woocommerce-account:not(.logged-in) .woocommerce .u-column1>h2, body.woocommerce-account:not(.logged-in) .woocommerce .u-column2>h2{margin:0 0 16px!important;font-size:26px!important;color:#17212b} body.woocommerce-account:not(.logged-in) form.woocommerce-form-login, body.woocommerce-account:not(.logged-in) form.woocommerce-form-register{border:1px solid #dce7e9!important;border-radius:16px!important;padding:26px!important;background:#fff!important;box-shadow:0 8px 28px rgba(2,120,133,.07)!important} body.woocommerce-account:not(.logged-in) form.woocommerce-form-login input.input-text, body.woocommerce-account:not(.logged-in) form.woocommerce-form-register input.input-text, body.woocommerce-account:not(.logged-in) form.woocommerce-form-register select, body.woocommerce-account:not(.logged-in) form.woocommerce-form-register textarea{border:1px solid #cfdcdf!important;border-radius:9px!important;min-height:46px!important;background:#fff!important;box-shadow:none!important} body.woocommerce-account:not(.logged-in) form.woocommerce-form-login input.input-text:focus, body.woocommerce-account:not(.logged-in) form.woocommerce-form-register input:focus, body.woocommerce-account:not(.logged-in) form.woocommerce-form-register select:focus, body.woocommerce-account:not(.logged-in) form.woocommerce-form-register textarea:focus{border-color:#027885!important;box-shadow:0 0 0 3px rgba(2,120,133,.10)!important;outline:0!important} body.woocommerce-account:not(.logged-in) .woocommerce-form-login button[type=submit], body.woocommerce-account:not(.logged-in) .woocommerce-form-register button[type=submit], body.woocommerce-account:not(.logged-in) .mp-reg-nav .button{background:#027885!important;border-color:#027885!important;color:#fff!important;text-transform:none!important;font-weight:700!important;border-radius:9px!important;min-height:44px!important} body.woocommerce-account:not(.logged-in) .woocommerce-form-login button[type=submit]:hover, body.woocommerce-account:not(.logged-in) .woocommerce-form-register button[type=submit]:hover, body.woocommerce-account:not(.logged-in) .mp-reg-nav .button:hover{background:#016b76!important;border-color:#016b76!important} .mp-auth-switch{margin:16px 0 0;padding:18px 20px;border:1px solid #dce7e9;border-radius:14px;background:#f7fbfb;text-align:center;color:#5f6d72} .mp-auth-switch strong{display:block;color:#17212b;font-size:16px;margin-bottom:9px} .mp-auth-switch button{appearance:none;border:0;background:transparent;color:#027885;font-weight:800;cursor:pointer;padding:3px 5px;text-decoration:underline;text-underline-offset:3px} .mp-auth-switch button:hover{color:#015d66} .mp-register-progress{margin-top:4px} .mp-reg-step{border:0!important;border-top:1px solid #e6edef!important;border-radius:0!important;padding:22px 0 0!important} .mp-reg-dot.is-active,.mp-reg-dot.is-done{color:#027885!important}.mp-reg-dot.is-active span,.mp-reg-dot.is-done span{border-color:#027885!important;color:#027885!important}.mp-reg-dot.is-done span{background:#027885!important;color:#fff!important} .mp-reg-duplicate-core{display:none!important} @media(max-width:767px){body.woocommerce-account:not(.logged-in) .woocommerce .u-columns{margin:16px auto 35px!important}body.woocommerce-account:not(.logged-in) form.woocommerce-form-login,body.woocommerce-account:not(.logged-in) form.woocommerce-form-register{padding:18px!important;border-radius:13px!important}.mp-auth-switch{padding:15px}.mp-register-progress{overflow:hidden}.mp-reg-line{max-width:48px}} /* MutluPati v2.5.3 — unified auth actions */ body.woocommerce-account:not(.logged-in) form.woocommerce-form-login button.woocommerce-button, body.woocommerce-account:not(.logged-in) form.woocommerce-form-login button[type="submit"], body.woocommerce-account:not(.logged-in) form.woocommerce-form-register button.woocommerce-button, body.woocommerce-account:not(.logged-in) form.woocommerce-form-register button[type="submit"], body.woocommerce-account:not(.logged-in) form.woocommerce-form-register .mp-reg-nav button.button, body.woocommerce-account:not(.logged-in) form.woocommerce-form-register .mp-reg-nav button.button.alt, body.woocommerce-account:not(.logged-in) form.woocommerce-form-register button.mp-reg-next, body.woocommerce-account:not(.logged-in) form.woocommerce-form-register button.mp-reg-prev{ background:#027885!important; background-color:#027885!important; background-image:none!important; border:1px solid #027885!important; color:#fff!important; box-shadow:none!important; text-shadow:none!important; min-height:56px!important; border-radius:9px!important; font-weight:700!important; font-size:15px!important; line-height:1.2!important; text-transform:none!important; transition:background-color .18s ease,border-color .18s ease,transform .18s ease!important; } body.woocommerce-account:not(.logged-in) form.woocommerce-form-login button.woocommerce-button:hover, body.woocommerce-account:not(.logged-in) form.woocommerce-form-login button[type="submit"]:hover, body.woocommerce-account:not(.logged-in) form.woocommerce-form-register button.woocommerce-button:hover, body.woocommerce-account:not(.logged-in) form.woocommerce-form-register button[type="submit"]:hover, body.woocommerce-account:not(.logged-in) form.woocommerce-form-register .mp-reg-nav button.button:hover{ background:#016b76!important; background-color:#016b76!important; border-color:#016b76!important; } /* First registration action visually matches the login action exactly. */ body.woocommerce-account:not(.logged-in) form.woocommerce-form-register .mp-reg-nav-step1{ display:block!important; width:100%!important; } body.woocommerce-account:not(.logged-in) form.woocommerce-form-register .mp-reg-nav-step1 button.mp-reg-next{ display:block!important; width:100%!important; max-width:none!important; margin:0!important; } /* Later steps: balanced previous/next controls. */ body.woocommerce-account:not(.logged-in) form.woocommerce-form-register .mp-reg-nav:not(.mp-reg-nav-step1){ display:grid!important; grid-template-columns:1fr 1fr!important; gap:12px!important; } body.woocommerce-account:not(.logged-in) form.woocommerce-form-register .mp-reg-nav:not(.mp-reg-nav-step1) button{ width:100%!important; max-width:none!important; margin:0!important; } body.woocommerce-account:not(.logged-in) form.woocommerce-form-register .mp-reg-nav:not(.mp-reg-nav-step1) button.mp-reg-prev{ background:#fff!important; background-color:#fff!important; color:#027885!important; border-color:#027885!important; } body.woocommerce-account:not(.logged-in) form.woocommerce-form-register .mp-reg-nav:not(.mp-reg-nav-step1) button.mp-reg-prev:hover{ background:#f0f9fa!important; background-color:#f0f9fa!important; } /* MutluPati v2.5.4 — core-name compatibility bridges are data-only, never UI. */ form.woocommerce-form-register input[data-mp-core-name-bridge]{display:none!important} /* v2.5.5: Porto registration duplicate name fields - exact-ID fallback. Primary MutluPati Ad/Soyad fields do not use these IDs. */ form.woocommerce-form-register #reg_billing_first_name, form.woocommerce-form-register #reg_billing_last_name { display:none !important; } form.woocommerce-form-register label[for="reg_billing_first_name"], form.woocommerce-form-register label[for="reg_billing_last_name"] { display:none !important; } form.woocommerce-form-register p:has(> #reg_billing_first_name), form.woocommerce-form-register p:has(> #reg_billing_last_name) { display:none !important; } /* ===== v2.5.9 — manual address title/postcode + consistent E-Fatura checkbox ===== */ /* E-Fatura must look like a normal compact checkbox in every MutluPati customer form. */ .mp-reg-company label:has(input[name="billing_efatura"]), .mpv3-company label.mpv3-check, .mp-checkout-efatura, #billing_efatura_field label, .mp-check label:has(input[name="efatura"]){ display:inline-flex!important; flex-direction:row!important; align-items:center!important; justify-content:flex-start!important; gap:8px!important; width:auto!important; max-width:100%!important; min-height:0!important; margin:6px 0 0!important; padding:0!important; line-height:1.4!important; cursor:pointer!important; } .mp-reg-company input[type="checkbox"][name="billing_efatura"], .mpv3-company input[type="checkbox"][name="efatura"], .mp-checkout-efatura input[type="checkbox"], #billing_efatura_field input[type="checkbox"], .mp-check input[type="checkbox"][name="efatura"]{ appearance:auto!important; -webkit-appearance:checkbox!important; display:inline-block!important; position:static!important; float:none!important; width:16px!important; min-width:16px!important; max-width:16px!important; height:16px!important; min-height:16px!important; max-height:16px!important; padding:0!important; margin:0!important; border:initial!important; border-radius:2px!important; box-shadow:none!important; background:initial!important; flex:0 0 16px!important; vertical-align:middle!important; } /* Registration-specific label: checkbox directly beside its text, never a full-width box. */ .mp-reg-company p.form-row:has(input[name="billing_efatura"]){ display:flex!important; align-items:center!important; width:100%!important; margin:8px 0 0!important; } .mp-reg-company p.form-row:has(input[name="billing_efatura"]) label{ display:inline-flex!important; align-items:center!important; gap:8px!important; width:auto!important; margin:0!important; }