/* ============================================================ ELANLAR v4.3.0 — Marketplace UI polish layer Loaded last. Public UI only. No selectors escape .elanlar-app, except the messenger modal root which is injected into . Brand: #0067ed / white. Success green, error red, warning yellow. ============================================================ */ /* Page scroll lock is namespaced and only active while a plugin overlay is open. */ html.elan-overlay-open{overflow:hidden!important} /* Header messenger widget lives in the theme header, so it gets its own namespaced reset instead of relying on theme button/link rules. */ .elan-header-msg,.elan-header-msg *,.elan-header-msg *::before,.elan-header-msg *::after{box-sizing:border-box} .elan-header-msg{font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:#111827!important;line-height:1.4!important} .elan-header-msg :where(button,a){font:inherit!important;text-transform:none!important;letter-spacing:normal!important} .elan-header-msg :where(button){-webkit-appearance:none!important;appearance:none!important} .elan-header-msg__trigger{box-shadow:none!important} .elan-header-msg__drawer{border-color:#e3eaf4!important;box-shadow:-18px 0 54px rgba(15,23,42,.16)!important} .elan-header-msg__primary{background:#0067ed!important;color:#fff!important} .elan-header-msg__secondary{color:#0067ed!important} /* ---------- Theme shield / normalization ---------- */ .elanlar-app{ --elan-ui-blue:#0067ed; --elan-ui-blue-hover:#0058cc; --elan-ui-blue-soft:#eef5ff; --elan-ui-blue-faint:#f8fbff; --elan-ui-text:#111827; --elan-ui-muted:#64748b; --elan-ui-line:#e3eaf4; --elan-ui-line-strong:#cfdced; --elan-ui-green:#16a34a; --elan-ui-green-soft:#f0fdf4; --elan-ui-red:#dc2626; --elan-ui-red-soft:#fef2f2; --elan-ui-yellow:#f59e0b; --elan-ui-yellow-soft:#fffbeb; --elan-ui-radius:16px; --elan-ui-radius-sm:11px; --elan-ui-shadow:0 10px 30px rgba(15,23,42,.06); color-scheme:light; } .elanlar-app :where(a,button,input,textarea,select,table,th,td,label){font-family:inherit!important} .elanlar-app :where(a){text-decoration:none} .elanlar-app :where(button,input,textarea,select){letter-spacing:normal;text-transform:none} .elanlar-app :where(button,[type="button"],[type="submit"],[type="reset"]){-webkit-appearance:none;appearance:none} .elanlar-app :where(input,textarea,select){max-width:100%;min-width:0} .elanlar-app :where(table){margin:0;border-spacing:0;background:transparent} .elanlar-app :where(button,a,input,textarea,select):focus-visible{ outline:3px solid rgba(0,103,237,.22)!important; outline-offset:2px!important; } .elanlar-app :where(.elan-btn,.esp-btn,.s-btn,.qv-btn,.lp-tbtn,.lp-apply,.lp-drawer-apply,.lp-drawer-reset){ min-height:40px; border-radius:11px!important; transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important; } .elanlar-app :where(.elan-btn--primary,.esp-btn--primary,.s-btn--buy,.qv-btn-buy,.lp-apply,.lp-drawer-apply){ background:#0067ed!important; border-color:#0067ed!important; color:#fff!important; box-shadow:none!important; } .elanlar-app :where(.elan-btn--primary,.esp-btn--primary,.s-btn--buy,.qv-btn-buy,.lp-apply,.lp-drawer-apply):hover{ background:#0058cc!important; border-color:#0058cc!important; transform:translateY(-1px); } .elanlar-app :where(.elan-notice,.s-notice){box-shadow:none!important;border-radius:12px!important} /* ---------- Dashboard ---------- */ .elanlar-app .elan-dashboard{ max-width:1080px!important; margin:0 auto!important; padding:0!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; } .elanlar-app .elan-dashboard__header{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:18px!important; padding:18px!important; margin:0 0 14px!important; background:#fff!important; border:1px solid var(--elan-ui-line)!important; border-radius:16px!important; box-shadow:none!important; } .elanlar-app .elan-dashboard__user{ display:flex!important; align-items:center!important; gap:13px!important; min-width:0!important; padding:0!important; margin:0!important; } .elanlar-app .elan-dashboard__user>div:last-child{min-width:0} .elanlar-app .elan-dashboard__user h2{ display:flex!important; align-items:center!important; gap:5px!important; margin:0!important; color:var(--elan-ui-text)!important; font-size:18px!important; line-height:1.25!important; font-weight:600!important; overflow-wrap:anywhere; } .elanlar-app .elan-avatar-wrap{position:relative!important;flex:0 0 auto!important} .elanlar-app .elan-dashboard__avatar, .elanlar-app .elan-avatar-placeholder{ width:58px!important; height:58px!important; border:2px solid #d5e5fb!important; box-shadow:none!important; } .elanlar-app #elan-edit-name-btn{ all:unset!important; box-sizing:border-box!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; width:28px!important; height:28px!important; border-radius:8px!important; color:#0067ed!important; cursor:pointer!important; } .elanlar-app #elan-edit-name-btn:hover{background:var(--elan-ui-blue-soft)!important} .elanlar-app #elan-name-form{ margin-top:8px!important; padding:10px!important; max-width:330px!important; background:var(--elan-ui-blue-faint)!important; border:1px solid #dce9fb!important; border-radius:11px!important; } .elanlar-app #elan-new-display-name{ height:40px!important; margin:0 0 8px!important; padding:0 11px!important; background:#fff!important; border:1px solid var(--elan-ui-line)!important; border-radius:9px!important; box-shadow:none!important; } .elanlar-app #elan-avatar-status{margin:0 0 12px!important;border:1px solid transparent!important} .elanlar-app .elan-stats{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px!important; margin:0 0 14px!important; } .elanlar-app .elan-stat-card{ display:flex!important; align-items:center!important; gap:11px!important; min-width:0!important; min-height:88px!important; padding:14px 15px!important; background:#fff!important; border:1px solid var(--elan-ui-line)!important; border-radius:15px!important; box-shadow:none!important; transform:none!important; } .elanlar-app .elan-stat-card:hover{border-color:#c7daf4!important;box-shadow:0 8px 22px rgba(0,103,237,.06)!important;transform:none!important} .elanlar-app .elan-stat-card__icon{ width:38px!important; height:38px!important; flex:0 0 38px!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:11px!important; background:var(--elan-ui-blue-soft)!important; } .elanlar-app .elan-stat-card:nth-child(2) .elan-stat-card__icon, .elanlar-app .elan-stat-card:nth-child(3) .elan-stat-card__icon{background:var(--elan-ui-yellow-soft)!important} .elanlar-app .elan-stat-card__num{font-size:22px!important;line-height:1.05!important;font-weight:600!important;color:#0067ed!important} .elanlar-app .elan-stat-card__label{margin-top:4px!important;font-size:11px!important;line-height:1.25!important;color:var(--elan-ui-muted)!important;font-weight:600!important} .elanlar-app .elan-tabs{ display:flex!important; gap:4px!important; margin:0 0 12px!important; padding:5px!important; overflow-x:auto!important; overscroll-behavior-inline:contain; scrollbar-width:none; background:#fff!important; border:1px solid var(--elan-ui-line)!important; border-radius:13px!important; box-shadow:none!important; } .elanlar-app .elan-tabs::-webkit-scrollbar{display:none} .elanlar-app .elan-tab{ flex:0 0 auto!important; min-height:36px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:7px 12px!important; border:0!important; border-radius:9px!important; color:var(--elan-ui-muted)!important; background:transparent!important; font-size:12px!important; font-weight:600!important; white-space:nowrap!important; } .elanlar-app .elan-tab:hover{background:#f5f8fc!important;color:#334155!important} .elanlar-app .elan-tab.active{background:var(--elan-ui-blue-soft)!important;color:#0067ed!important;box-shadow:none!important} .elanlar-app .elan-table-wrap{ overflow:hidden!important; background:#fff!important; border:1px solid var(--elan-ui-line)!important; border-radius:15px!important; box-shadow:none!important; } .elanlar-app .elan-table{width:100%!important;border-collapse:collapse!important;border:0!important} .elanlar-app .elan-table th{ padding:11px 12px!important; background:#f8fbff!important; border:0!important; border-bottom:1px solid var(--elan-ui-line)!important; color:#7a8799!important; font-size:10px!important; font-weight:600!important; letter-spacing:.055em!important; } .elanlar-app .elan-table td{ padding:12px!important; border:0!important; border-bottom:1px solid #edf2f7!important; color:#334155!important; font-size:12px!important; background:#fff!important; } .elanlar-app .elan-table tr:last-child td{border-bottom:0!important} .elanlar-app .elan-table tr:hover td{background:#fbfdff!important} .elanlar-app .elan-table__title{color:#111827!important;font-weight:600!important} .elanlar-app .elan-action-btn{ width:32px!important; height:32px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:0!important; border:1px solid var(--elan-ui-line)!important; border-radius:9px!important; box-shadow:none!important; background:#fff!important; color:#475569!important; } .elanlar-app .elan-action-btn:hover{border-color:#b8cff0!important;background:var(--elan-ui-blue-soft)!important;color:#0067ed!important} .elanlar-app #elan-bulk-bar{ border:1px solid #cfe0f7!important; background:#f7fbff!important; box-shadow:none!important; border-radius:12px!important; } .elanlar-app .elan-modal__backdrop{background:rgba(15,23,42,.52)!important;backdrop-filter:blur(6px)} .elanlar-app .elan-modal__box{ border:1px solid var(--elan-ui-line)!important; border-radius:18px!important; box-shadow:0 24px 70px rgba(15,23,42,.2)!important; } .elanlar-app .elan-modal__header{border-bottom:1px solid var(--elan-ui-line)!important;background:#fff!important} .elanlar-app .elan-pkg-card{box-shadow:none!important;border:1px solid var(--elan-ui-line)!important;border-radius:14px!important} /* ---------- Edit listing ---------- */ .elanlar-app .elan-form-container.elan-edit-container{ background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; } .elanlar-app .elan-edit-container{ max-width:800px!important; margin:0 auto!important; } .elanlar-app .elan-edit-header{ margin:0 0 16px!important; padding:15px 16px!important; background:#fff!important; border:1px solid var(--elan-ui-line)!important; border-radius:14px!important; box-shadow:none!important; } .elanlar-app .elan-edit-header__icon{background:var(--elan-ui-blue-soft)!important;color:#0067ed!important} .elanlar-app .elan-edit-container .elan-form{ padding:18px!important; background:#fff!important; border:1px solid var(--elan-ui-line)!important; border-radius:16px!important; box-shadow:none!important; } .elanlar-app .elan-edit-container .elan-field{margin-bottom:17px!important} .elanlar-app .elan-edit-container .elan-field>label{margin-bottom:7px!important;color:#334155!important;font-size:12px!important;font-weight:600!important} .elanlar-app .elan-edit-container .elan-img-upload-zone{border:1.5px dashed #a9c9f4!important;background:#f8fbff!important} .elanlar-app .elan-edit-container .elan-img-thumb{border:1px solid var(--elan-ui-line)!important;box-shadow:none!important} .elanlar-app .elan-edit-container .elan-form-nav{padding-top:15px!important;border-top:1px solid #edf2f7!important} .elanlar-app .elan-pending-notice{box-shadow:none!important;border-radius:12px!important} /* ---------- Marketplace listings ---------- */ #elanlar-lp.elanlar-app{gap:18px!important;padding:10px 0 24px!important} #elanlar-lp.elanlar-app #elanlar-lp-sb{ width:248px!important; border:1px solid var(--elan-ui-line)!important; border-radius:15px!important; box-shadow:none!important; background:#fff!important; } #elanlar-lp.elanlar-app .lp-sb-hd{padding:13px 14px!important;border-color:var(--elan-ui-line)!important;color:#334155!important} #elanlar-lp.elanlar-app .lp-sb-search{ height:40px!important; margin:10px!important; width:calc(100% - 20px)!important; padding:0 11px!important; border:1px solid var(--elan-ui-line)!important; border-radius:10px!important; background:#f8fbff!important; box-shadow:none!important; } #elanlar-lp.elanlar-app .lp-cat-list{padding:4px 7px 8px!important} #elanlar-lp.elanlar-app .lp-cat-item{min-height:42px!important;padding:7px 9px!important;border-radius:9px!important} #elanlar-lp.elanlar-app .lp-cat-item.active{background:#0067ed!important;box-shadow:none!important} #elanlar-lp.elanlar-app .lp-cat-icon{width:30px!important;height:30px!important;border-color:#e6edf6!important;background:#f8fbff!important} #elanlar-lp.elanlar-app .lp-sb-section,#elanlar-lp.elanlar-app .lp-sb-footer{border-color:var(--elan-ui-line)!important} #elanlar-lp.elanlar-app .lp-topbar{gap:8px!important;margin-bottom:12px!important} #elanlar-lp.elanlar-app .lp-search-form{ min-height:44px!important; padding:0 12px!important; background:#fff!important; border:1px solid var(--elan-ui-line)!important; border-radius:11px!important; box-shadow:none!important; } #elanlar-lp.elanlar-app .lp-search-form:focus-within{border-color:#0067ed!important;box-shadow:0 0 0 3px rgba(0,103,237,.09)!important} #elanlar-lp.elanlar-app .lp-tbtn{min-height:44px!important;padding:0 13px!important;border:1px solid var(--elan-ui-line)!important;box-shadow:none!important;background:#fff!important;color:#475569!important} #elanlar-lp.elanlar-app .lp-tbtn:hover,#elanlar-lp.elanlar-app .lp-tbtn.on{background:var(--elan-ui-blue-soft)!important;color:#0067ed!important;border-color:#c9dcf6!important} #elanlar-lp.elanlar-app .lp-info{margin-bottom:12px!important;color:#64748b!important} #elanlar-lp.elanlar-app .lp-grid{gap:10px!important} #elanlar-lp.elanlar-app .edc, #elan-sp-root.elanlar-app .edc{ border:1px solid var(--elan-ui-line)!important; border-radius:14px!important; box-shadow:none!important; background:#fff!important; overflow:hidden!important; transform:none!important; } #elanlar-lp.elanlar-app .edc:not(.is-promo):hover, #elan-sp-root.elanlar-app .edc:not(.is-promo):hover{ border-color:#bdd3f0!important; box-shadow:0 8px 24px rgba(15,23,42,.07)!important; transform:translateY(-2px)!important; } #elanlar-lp.elanlar-app .edc-img,#elan-sp-root.elanlar-app .edc-img{background:#f5f8fc!important;object-fit:cover!important} #elanlar-lp.elanlar-app .edc-body,#elan-sp-root.elanlar-app .edc-body{padding:10px 11px 12px!important} #elanlar-lp.elanlar-app .edc-title,#elan-sp-root.elanlar-app .edc-title{font-size:13px!important;line-height:1.35!important;font-weight:600!important;color:#172033!important} #elanlar-lp.elanlar-app .edc-stock,#elan-sp-root.elanlar-app .edc-stock{color:#15803d!important;font-size:10px!important;font-weight:600!important} #elanlar-lp.elanlar-app .edc-price,#elan-sp-root.elanlar-app .edc-price{font-size:16px!important;color:#0067ed!important;font-weight:600!important} #elanlar-lp.elanlar-app .lp-pgn a,#elanlar-lp.elanlar-app .lp-pgn span{border:1px solid var(--elan-ui-line)!important;box-shadow:none!important} #elanlar-lp.elanlar-app :where(#lp-cat-drawer,#lp-filter-drawer,#lp-sort-drawer){box-shadow:0 -16px 50px rgba(15,23,42,.16)!important} #elanlar-lp.elanlar-app .lp-drawer-head{border-color:var(--elan-ui-line)!important} #elanlar-lp.elanlar-app .lp-drawer-close{background:#f3f6fa!important;color:#475569!important} #elanlar-lp.elanlar-app .lp-drawer-close:hover{background:var(--elan-ui-red-soft)!important;color:#dc2626!important} /* ---------- Quick view + safety/login overlays ---------- */ #elan-qv-overlay.elanlar-app, #elan-safety-overlay.elanlar-app, #elan-login-prompt-overlay.elanlar-app{ font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; } #elan-qv-overlay.elanlar-app{background:rgba(15,23,42,.56)!important;backdrop-filter:blur(7px)!important} #elan-qv-overlay.elanlar-app #elan-qv-modal{ border:1px solid var(--elan-ui-line)!important; border-radius:18px!important; box-shadow:0 28px 80px rgba(15,23,42,.24)!important; } #elan-qv-overlay.elanlar-app #elan-qv-close{ background:#f3f7fc!important; color:#475569!important; box-shadow:none!important; } #elan-qv-overlay.elanlar-app #elan-qv-close:hover{background:var(--elan-ui-red-soft)!important;color:#dc2626!important} #elan-qv-overlay.elanlar-app .qv-btn{box-shadow:none!important} #elan-qv-overlay.elanlar-app .qv-btn-cart{background:#fff!important;border:1px solid #bfd3ee!important;color:#0067ed!important} #elan-qv-overlay.elanlar-app .qv-btn-buy{background:#0067ed!important;color:#fff!important} #elan-safety-overlay.elanlar-app>div, #elan-login-prompt-overlay.elanlar-app>div{border:1px solid var(--elan-ui-line)!important;box-shadow:0 28px 80px rgba(15,23,42,.24)!important} /* ---------- Seller profile ---------- */ #elan-sp-root.elanlar-app{max-width:1120px!important;margin:0 auto!important;padding:8px 0 34px!important} #elan-sp-root.elanlar-app .esp-header{ padding:20px!important; background:#fff!important; border:1px solid var(--elan-ui-line)!important; border-radius:17px!important; box-shadow:none!important; } #elan-sp-root.elanlar-app .esp-avatar{border-color:#fff!important;box-shadow:0 0 0 1px var(--elan-ui-line)!important} #elan-sp-root.elanlar-app .esp-name{font-size:22px!important;line-height:1.2!important;color:#111827!important} #elan-sp-root.elanlar-app .esp-bio{color:#64748b!important;line-height:1.55!important} #elan-sp-root.elanlar-app .esp-stats{ display:flex!important; align-items:stretch!important; gap:0!important; margin-top:14px!important; padding:0!important; background:#f8fbff!important; border:1px solid var(--elan-ui-line)!important; border-radius:12px!important; overflow:hidden!important; } #elan-sp-root.elanlar-app .esp-stat{min-width:86px!important;padding:9px 14px!important;border-right:1px solid var(--elan-ui-line)!important} #elan-sp-root.elanlar-app .esp-stat:last-child{border-right:0!important} #elan-sp-root.elanlar-app .esp-stat__val{color:#0067ed!important;font-size:17px!important;font-weight:600!important} #elan-sp-root.elanlar-app .esp-stat__lbl{font-size:10px!important;color:#64748b!important;font-weight:600!important} #elan-sp-root.elanlar-app .esp-tabs{ margin:12px 0!important; padding:5px!important; background:#fff!important; border:1px solid var(--elan-ui-line)!important; border-radius:13px!important; box-shadow:none!important; } #elan-sp-root.elanlar-app .esp-tab{border:0!important;border-radius:9px!important;color:#64748b!important} #elan-sp-root.elanlar-app .esp-tab.active{background:var(--elan-ui-blue-soft)!important;color:#0067ed!important} #elan-sp-root.elanlar-app .esp-grid{gap:10px!important} #elan-sp-root.elanlar-app .esp-reviews-header{border:1px solid var(--elan-ui-line)!important;box-shadow:none!important;border-radius:14px!important} #elan-sp-root.elanlar-app .esp-page-btn{border:1px solid var(--elan-ui-line)!important;box-shadow:none!important} /* ---------- Single listing ---------- */ #elan-single-root.elanlar-app{padding-bottom:38px!important} #elan-single-root.elanlar-app .s-gallery__main{border:1px solid var(--elan-ui-line)!important;box-shadow:none!important;background:#f7f9fc!important} #elan-single-root.elanlar-app .s-pricebox, #elan-single-root.elanlar-app .s-seller, #elan-single-root.elanlar-app .s-guarantee-box, #elan-single-root.elanlar-app .s-msgform, #elan-single-root.elanlar-app .s-panel{ border-color:var(--elan-ui-line)!important; box-shadow:none!important; } #elan-single-root.elanlar-app .s-pricebox{background:#f8fbff!important} #elan-single-root.elanlar-app .s-tabs{border-color:var(--elan-ui-line)!important} #elan-single-root.elanlar-app .s-tab.active{color:#0067ed!important;border-color:#0067ed!important} #elan-single-root.elanlar-app .s-btn--msg{border-color:#bfd3ee!important;background:#fff!important;color:#0067ed!important} #elan-single-root.elanlar-app .s-btn--cart{border-color:#bfd3ee!important;background:var(--elan-ui-blue-soft)!important;color:#0067ed!important} /* ---------- Mobile ---------- */ @media(max-width:767px){ .elanlar-app.elanlar-wrapper{padding:8px!important} /* Dashboard becomes a stack of independent surfaces; no outer box. */ .elanlar-app .elan-dashboard__header{align-items:stretch!important;flex-direction:column!important;padding:14px!important;margin-bottom:10px!important} .elanlar-app .elan-dashboard__user{align-items:center!important} .elanlar-app .elan-dashboard__header>.elan-btn{width:100%!important;min-height:43px!important;justify-content:center!important} .elanlar-app .elan-dashboard__avatar,.elanlar-app .elan-avatar-placeholder{width:52px!important;height:52px!important} .elanlar-app .elan-dashboard__user h2{font-size:16px!important} .elanlar-app .elan-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-bottom:10px!important} .elanlar-app .elan-stat-card{min-height:78px!important;display:block!important;padding:10px!important;text-align:center!important} .elanlar-app .elan-stat-card__icon{width:30px!important;height:30px!important;display:flex!important;margin:0 auto 7px!important;flex-basis:30px!important} .elanlar-app .elan-stat-card__icon svg{width:17px!important;height:17px!important} .elanlar-app .elan-stat-card__num{font-size:18px!important} .elanlar-app .elan-stat-card__label{font-size:9.5px!important;overflow-wrap:anywhere!important} .elanlar-app .elan-tabs{margin-bottom:10px!important;padding:4px!important} .elanlar-app .elan-tab{min-height:34px!important;padding:6px 10px!important;font-size:11px!important} /* Responsive dashboard tables: each row is a clean card instead of a squeezed table. */ .elanlar-app .elan-table-wrap:has(.elan-table.elan-table--mobile-cards){overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important} .elanlar-app .elan-table.elan-table--mobile-cards{display:block!important;width:100%!important;background:transparent!important} .elanlar-app .elan-table.elan-table--mobile-cards thead{display:none!important} .elanlar-app .elan-table.elan-table--mobile-cards tbody{display:grid!important;gap:9px!important} .elanlar-app .elan-table.elan-table--mobile-cards tr{ display:block!important; overflow:hidden!important; background:#fff!important; border:1px solid var(--elan-ui-line)!important; border-radius:13px!important; box-shadow:none!important; } .elanlar-app .elan-table.elan-table--mobile-cards td{ width:100%!important; min-width:0!important; max-width:none!important; min-height:40px!important; display:grid!important; grid-template-columns:minmax(92px,38%) minmax(0,1fr)!important; gap:10px!important; align-items:center!important; padding:9px 11px!important; white-space:normal!important; border:0!important; border-bottom:1px solid #edf2f7!important; background:#fff!important; text-align:left!important; } .elanlar-app .elan-table.elan-table--mobile-cards td:last-child{border-bottom:0!important} .elanlar-app .elan-table.elan-table--mobile-cards td::before{ content:attr(data-label); display:block; color:#8793a3; font-size:9.5px; line-height:1.2; font-weight:600; letter-spacing:.045em; text-transform:uppercase; } .elanlar-app .elan-table.elan-table--mobile-cards td[data-label=""]::before{display:none} .elanlar-app .elan-table.elan-table--mobile-cards td[data-label=""]{display:block!important} .elanlar-app .elan-table.elan-table--mobile-cards .elan-table__title{max-width:none!important;white-space:normal!important} .elanlar-app .elan-table.elan-table--mobile-cards .elan-actions, .elanlar-app .elan-table.elan-table--mobile-cards td>div:has(.elan-action-btn){display:flex!important;flex-wrap:wrap!important;gap:6px!important;justify-content:flex-start!important} /* Edit form */ .elanlar-app .elan-edit-header{padding:12px!important;margin-bottom:10px!important} .elanlar-app .elan-edit-container .elan-form{padding:13px!important;border-radius:14px!important} .elanlar-app .elan-edit-container .elan-field-row{grid-template-columns:1fr!important;gap:0!important} .elanlar-app .elan-edit-container .elan-form-nav{display:grid!important;grid-template-columns:1fr!important;gap:8px!important} .elanlar-app .elan-edit-container .elan-form-nav .elan-btn{width:100%!important;justify-content:center!important} /* Listings */ #elanlar-lp.elanlar-app{padding:4px 0 20px!important} #elanlar-lp.elanlar-app .lp-topbar{display:block!important;margin-bottom:9px!important} #elanlar-lp.elanlar-app .lp-search-form{width:100%!important;margin-bottom:8px!important} #elanlar-lp.elanlar-app .lp-topbar>.lp-tbtn{display:none!important} #elanlar-lp.elanlar-app .lp-mobile-filter-bar{gap:7px!important;margin-bottom:10px!important} #elanlar-lp.elanlar-app .lp-mob-sort-btn,#elanlar-lp.elanlar-app .lp-mob-filter-btn{min-height:40px!important;border-radius:10px!important} #elanlar-lp.elanlar-app .lp-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important} #elanlar-lp.elanlar-app .edc-body{padding:8px 9px 10px!important} #elanlar-lp.elanlar-app .edc-title{font-size:11.5px!important;min-height:31px!important} #elanlar-lp.elanlar-app .edc-price{font-size:14px!important} #elanlar-lp.elanlar-app :where(#lp-cat-drawer,#lp-filter-drawer,#lp-sort-drawer){max-height:min(90dvh,760px)!important;border-radius:18px 18px 0 0!important} #elanlar-lp.elanlar-app .lp-drawer-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))!important} /* Quick View: true mobile sheet with safe close area. */ #elan-qv-overlay.elanlar-app{padding:0!important;align-items:flex-end!important} #elan-qv-overlay.elanlar-app #elan-qv-modal{width:100%!important;max-width:none!important;max-height:94dvh!important;border-radius:18px 18px 0 0!important;border-bottom:0!important} #elan-qv-overlay.elanlar-app #elan-qv-close{top:10px!important;right:10px!important;width:38px!important;height:38px!important} #elan-safety-overlay.elanlar-app,#elan-login-prompt-overlay.elanlar-app{padding:10px!important} /* Seller profile */ #elan-sp-root.elanlar-app{padding:4px 8px 24px!important} #elan-sp-root.elanlar-app .esp-header{padding:15px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:12px!important;align-items:start!important} #elan-sp-root.elanlar-app .esp-avatar-wrap{grid-column:1!important} #elan-sp-root.elanlar-app .esp-info{grid-column:2!important;min-width:0!important} #elan-sp-root.elanlar-app .esp-actions{grid-column:1/-1!important;width:100%!important} #elan-sp-root.elanlar-app .esp-actions .esp-btn{width:100%!important;justify-content:center!important} #elan-sp-root.elanlar-app .esp-name-row{gap:5px!important} #elan-sp-root.elanlar-app .esp-name{font-size:18px!important;overflow-wrap:anywhere} #elan-sp-root.elanlar-app .esp-stats{margin-top:10px!important} #elan-sp-root.elanlar-app .esp-stat{min-width:0!important;flex:1 1 0!important;padding:8px 7px!important;text-align:center!important} #elan-sp-root.elanlar-app .esp-tabs{margin:9px 0!important} #elan-sp-root.elanlar-app .esp-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important} /* Single listing */ #elan-single-root.elanlar-app{padding:0 8px 28px!important} #elan-single-root.elanlar-app .s-bc{padding:8px 0 12px!important;font-size:11px!important} #elan-single-root.elanlar-app .s-body{gap:14px!important} #elan-single-root.elanlar-app .s-gallery__main{border-radius:13px!important} #elan-single-root.elanlar-app .s-title{font-size:19px!important} #elan-single-root.elanlar-app .s-pricebox{padding:14px!important;margin-bottom:12px!important} #elan-single-root.elanlar-app .s-price{font-size:28px!important} #elan-single-root.elanlar-app .s-actions{gap:7px!important} #elan-single-root.elanlar-app .s-btn{min-height:44px!important} } @media(max-width:380px){ .elanlar-app .elan-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important} .elanlar-app .elan-stat-card{padding:8px 6px!important} #elanlar-lp.elanlar-app .lp-grid,#elan-sp-root.elanlar-app .esp-grid{gap:6px!important} } @media(prefers-reduced-motion:reduce){ .elanlar-app *,#elan-chat-modal-root *{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important} } /* ---------- Semantic status contract ---------- */ .elanlar-app .elan-status--active, .elanlar-app .elan-dash-stock--ok{ background:#f0fdf4!important; border-color:#bbf7d0!important; color:#15803d!important; } .elanlar-app .elan-status--rejected, .elanlar-app .elan-dash-stock--out{ background:#fef2f2!important; border-color:#fecaca!important; color:#b91c1c!important; } .elanlar-app .elan-status--pending, .elanlar-app .elan-dash-stock--low, .elanlar-app .elan-edit-pending-badge{ background:#fffbeb!important; border-color:#fde68a!important; color:#a16207!important; } .elanlar-app .elan-status--trash{ background:#f8fafc!important; border-color:#e2e8f0!important; color:#64748b!important; } /* ---------- Support center ---------- */ .elanlar-app.elan-support-wrap{ max-width:1040px!important; margin:0 auto!important; display:grid!important; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important; gap:12px!important; color:#111827!important; } .elanlar-app.elan-support-wrap .elan-support-card{ min-width:0!important; padding:17px!important; background:#fff!important; border:1px solid var(--elan-ui-line)!important; border-radius:15px!important; box-shadow:none!important; } .elanlar-app.elan-support-wrap .elan-support-head{margin-bottom:12px!important} .elanlar-app.elan-support-wrap .elan-support-head h2{font-size:19px!important;line-height:1.25!important;color:#111827!important} .elanlar-app.elan-support-wrap .elan-support-chip{background:var(--elan-ui-blue-soft)!important;border-color:#cfe0f7!important;color:#0067ed!important;box-shadow:none!important} .elanlar-app.elan-support-wrap .elan-support-form :where(input,select,textarea), .elanlar-app.elan-support-wrap .elan-support-reply textarea{ border:1px solid var(--elan-ui-line)!important; border-radius:10px!important; box-shadow:none!important; } .elanlar-app.elan-support-wrap .elan-support-form :where(input,select,textarea):focus, .elanlar-app.elan-support-wrap .elan-support-reply textarea:focus{ border-color:#0067ed!important; box-shadow:0 0 0 3px rgba(0,103,237,.09)!important; } .elanlar-app.elan-support-wrap .elan-support-upload{background:#f8fbff!important;border-color:#b9d5fb!important;border-radius:12px!important} .elanlar-app.elan-support-wrap .elan-support-form button.js-send, .elanlar-app.elan-support-wrap .elan-support-reply button{ background:#0067ed!important; color:#fff!important; border-radius:10px!important; box-shadow:none!important; } .elanlar-app.elan-support-wrap .elan-support-ticket{background:#fff!important;border:1px solid var(--elan-ui-line)!important;border-radius:12px!important} .elanlar-app.elan-support-wrap .elan-support-ticket.is-selected{background:#f8fbff!important;border-color:#9fc4f4!important} .elanlar-app.elan-support-wrap .elan-support-status--open{background:#fffbeb!important;color:#a16207!important;border:1px solid #fde68a!important} .elanlar-app.elan-support-wrap .elan-support-status--answered{background:#eef5ff!important;color:#0067ed!important;border:1px solid #cfe0f7!important} .elanlar-app.elan-support-wrap .elan-support-status--closed{background:#f0fdf4!important;color:#15803d!important;border:1px solid #bbf7d0!important} .elanlar-app.elan-support-wrap .elan-support-note{background:#fffbeb!important;color:#92400e!important;border:1px solid #fde68a!important;border-radius:10px!important} .elanlar-app.elan-support-wrap .elan-support-note--closed{background:#f8fafc!important;color:#64748b!important;border-color:#e2e8f0!important} .elanlar-app.elan-support-wrap .elan-support-thread-row--admin{background:#f0fdf4!important;border-left-color:#16a34a!important;color:#166534!important} .elanlar-app.elan-support-wrap .elan-support-thread-row--user{background:#eef5ff!important;border-left-color:#0067ed!important;color:#1e3a8a!important} @media(max-width:800px){ .elanlar-app.elan-support-wrap{grid-template-columns:1fr!important;gap:9px!important;padding:0 8px!important} .elanlar-app.elan-support-wrap .elan-support-card{padding:14px!important} .elanlar-app.elan-support-wrap .elan-support-head{gap:8px!important} .elanlar-app.elan-support-wrap .elan-support-chip{font-size:10px!important;padding:5px 8px!important} .elanlar-app.elan-support-wrap .elan-support-ticket-top{display:grid!important;gap:6px!important} .elanlar-app.elan-support-wrap .elan-support-status{width:max-content!important} }