/*
 * eDetal seller surfaces (T12): the seller sections of /account/settings/, the public vendor page /vendor/{slug}/
 * and the landing page /prodavtsyam/ (design-v3: SellerProfile, Settings, SellerPublic, ForSellers).
 *
 * Page-specific rules on top of components.css (never rewrite that file); tokens from tokens.css only. Classes are
 * ed-prefixed like the design-v3 port. The plugin enqueues this file on those three routes
 * (Components\Autoparts_Vendor_Public::enqueue_theme_style), after components.css.
 */

.ed-seller [hidden],.ed-vendor [hidden],.ed-sellers [hidden],.ed-notify [hidden],.ed-seller-blocked [hidden]{display:none!important}

/* ---- settings: seller profile ---- */
.ed-seller{display:flex;flex-direction:column;gap:16px;min-width:0;margin-bottom:24px;container-type:inline-size;container-name:ed-seller;scroll-margin-top:24px}
.ed-seller a:focus-visible,.ed-seller button:focus-visible,.ed-notify :is(a,button,input):focus-visible,.ed-seller-blocked button:focus-visible{outline:2px solid var(--ed-action);outline-offset:2px}
.ed-seller :is(input,select,textarea):focus-visible{outline:2px solid var(--ed-action);outline-offset:1px}
.ed-seller .ed-note a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.ed-seller__banner-actions{margin-top:10px}
.ed-seller__banner-actions .ed-btn{text-decoration:none}
.ed-seller__split{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
@container ed-seller (min-width:960px){
	.ed-seller__split{grid-template-columns:minmax(0,1fr) 300px}
}
.ed-seller__fieldset{border:0;margin:0;padding:0;min-width:0}
.ed-seller__fieldset:disabled :is(input,select,textarea){cursor:not-allowed}
.ed-seller__sec{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:20px 24px;border-top:1px solid var(--ed-border)}
.ed-seller__sec:first-child{border-top:0}
.ed-seller__sec>header p{font-size:13.5px;color:var(--ed-muted);margin:4px 0 0}
@container ed-seller (min-width:720px){
	.ed-seller__sec{grid-template-columns:200px minmax(0,1fr);gap:24px}
}
.ed-seller__private{background:#FBFAF3;border:1px dashed var(--ed-warn-line);border-radius:var(--r-md);padding:16px}
.ed-seller__foot{flex-wrap:wrap}
.ed-seller__foot>:first-child{flex:1 1 220px;min-width:0}
.ed-seller__badge{align-self:flex-start}
.ed-seller .ed-grid2,.ed-seller .ed-grid3{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
@container ed-seller (min-width:560px){
	.ed-seller .ed-grid2,.ed-seller .ed-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container ed-seller (min-width:1100px){
	.ed-seller .ed-grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.ed-seller .ed-field{min-width:0}
.ed-seller .ed-err[hidden]{display:none}
.ed-seller__side{min-width:0}
.ed-notify,.ed-seller-blocked{margin-bottom:24px}
.ed-seller__avatar{background:var(--ed-surface-2);color:var(--ed-muted)}
/* ---- settings: notifications (T11) ---- */
.ed-notify{scroll-margin-top:24px}
.ed-notify .ed-card-hd{flex-wrap:wrap;gap:4px 12px}
.ed-notify__channel{flex:1 1 240px;min-width:0;overflow-wrap:anywhere}
.ed-notify__status{color:var(--ed-err)}
.ed-notify .ed-switch[disabled]{opacity:.55;cursor:not-allowed}
.ed-notify .ed-switch[aria-busy="true"]{opacity:.6}
.ed-notify__banner{flex-wrap:wrap;align-items:center}
.ed-notify__banner>.ed-grow{flex:1 1 220px;min-width:0}
.ed-notify__banner strong{display:block}
.ed-notify__types{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:8px}
.ed-notify__types legend{padding:0;margin-bottom:4px}
.ed-notify__type{align-items:center;gap:16px}
.ed-notify__type .ed-switch{margin-left:auto}
.ed-notify__pause{align-items:center}
.ed-notify__pause>.ed-grow{flex:1 1 260px;min-width:0}
.ed-notify__filters a{text-decoration:underline;text-underline-offset:3px}
.ed-notify__choices{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:8px}
.ed-notify__choices legend{padding:0;margin-bottom:6px}
.ed-ndlg{padding:0;border:0;margin:auto;width:calc(100% - 32px);max-width:520px;max-height:calc(100dvh - 32px);overflow:auto;color:var(--ed-ink);font-family:var(--ed-font)}
.ed-ndlg::backdrop{background:rgba(12,28,22,.55)}
.ed-ndlg[open]{display:block}
.ed-ndlg .ed-radio-card{min-height:48px;padding:10px 14px;align-items:center}
.ed-ndlg .ed-radio-card input{margin:0}
.ed-ndlg .ed-radio-card:has(input:checked){border-color:var(--ed-action);background:var(--ed-action-soft);box-shadow:inset 0 0 0 1px var(--ed-action)}
.ed-ndlg .ed-radio-card:focus-within{outline:2px solid var(--ed-action);outline-offset:2px}
.ed-ndlg .ed-err{margin:0}
@media (max-width:767px){
	.ed-seller__sec{padding:16px}
	.ed-notify__banner .ed-btn,.ed-notify__pause .ed-btn{flex:1 1 100%}
	.ed-ndlg .ed-dlg-ft .ed-btn{flex:1 1 100%}
	.ed-seller__foot .ed-btn{flex:1 1 100%}
	.ed-seller__foot>.ed-row{width:100%}
}

/* ---- public vendor page ---- */
.ed-vendor{display:flex;flex-direction:column;gap:20px;padding:8px 0 48px;min-width:0}
.ed-vendor a:focus-visible,.ed-vendor button:focus-visible{outline:2px solid var(--ed-action);outline-offset:2px}
.ed-vendor__head{overflow:hidden}
.ed-vendor__cover{height:96px;background:linear-gradient(120deg,var(--ed-petrol),var(--ed-petrol-2))}
.ed-vendor__top{margin-top:-48px;align-items:flex-end}
.ed-vendor__logo{display:flex;align-items:center;justify-content:center;width:96px;height:96px;flex:none;border-radius:24px;background:var(--ed-surface);border:4px solid var(--ed-surface);box-shadow:var(--sh-2);color:var(--ed-action)}
.ed-vendor__id{min-width:min(100%,240px)}
.ed-vendor__id .ed-h1{overflow-wrap:anywhere}
.ed-vendor__text{white-space:pre-line;overflow-wrap:anywhere;margin:0}
.ed-vendor .ed-kv{grid-template-columns:minmax(0,max-content) minmax(0,1fr)}
@media (max-width:599px){
	.ed-vendor__top{align-items:flex-start}
	.ed-vendor .ed-kv{grid-template-columns:minmax(0,1fr)}
	.ed-vendor .ed-kv dd{margin-bottom:8px}
	.ed-vendor__top>.ed-btn{width:100%}
}

/* ---- landing for sellers ---- */
.ed-sellers{display:flex;flex-direction:column;gap:48px;padding:8px 0 48px;min-width:0}
.ed-sellers__hero,.ed-sellers__cta{background:linear-gradient(120deg,var(--ed-petrol),var(--ed-petrol-2));color:#fff;border-radius:24px}
.ed-sellers__hero{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:56px 48px}
.ed-sellers__hero .ed-h1{max-width:18ch;color:#fff}
.ed-sellers__hero .ed-lead{max-width:56ch;color:#D3E3D9;margin:0}
.ed-sellers__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:40px 48px}
.ed-sellers__cta .ed-h2{color:#fff}
.ed-sellers__cta p{color:#D3E3D9;margin:0}
.ed-sellers__sec{display:flex;flex-direction:column;gap:20px;min-width:0}
.ed-sellers__steps{display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0}
.ed-sellers__num{font-size:48px;font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--ed-lime);-webkit-text-stroke:1.5px var(--ed-petrol)}
.ed-sellers .ed-grid3{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}
.ed-sellers a:focus-visible{outline:3px solid var(--ed-lime);outline-offset:3px}
@media (max-width:1023px){
	.ed-sellers__steps{grid-template-columns:repeat(2,minmax(0,1fr))}
	.ed-sellers .ed-grid3{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:599px){
	.ed-sellers{gap:32px}
	.ed-sellers__hero{padding:32px 20px}
	.ed-sellers__cta{padding:28px 20px}
	.ed-sellers__steps{grid-template-columns:minmax(0,1fr)}
	.ed-sellers .ed-btn-lg{width:100%}
}