/* Safiri Motors Marketplace — SaaS UI built on the theme's design tokens. */

.smm{--smm-radius:var(--radius,16px);--smm-blue:var(--blue,#0b3d91);--smm-navy:var(--navy,#08183a);--smm-line:var(--line,#e4e9f2);--smm-grey:var(--grey,#f4f6fb);--smm-muted:#5c6c86;color:var(--text,#132038)}
.smm *,.smm *::before,.smm *::after{box-sizing:border-box}
.smm h1{font-size:clamp(1.6rem,3vw,2.1rem)}
.smm h2{font-size:1.25rem}
.smm-muted{color:var(--smm-muted)}
.smm-link{color:var(--smm-blue);font-weight:700}
.smm svg{flex:none}

/* Buttons */
.smm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:12px;border:1.5px solid transparent;font:inherit;font-weight:700;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;text-decoration:none;line-height:1.2}
.smm-btn:hover{transform:translateY(-1px)}
.smm-btn:disabled,.smm-btn[aria-busy="true"]{opacity:.6;cursor:progress;transform:none}
.smm-btn--primary{background:var(--smm-blue);color:#fff;box-shadow:0 10px 22px -14px rgba(11,61,145,.85)}
.smm-btn--primary:hover{background:var(--blue-600,#0a337a)}
.smm-btn--outline{background:#fff;color:var(--smm-blue);border-color:var(--smm-line)}
.smm-btn--outline:hover{border-color:var(--smm-blue)}
.smm-btn--ghost{background:var(--smm-grey);color:var(--smm-navy)}
.smm-btn--ghost:hover{background:#e8edf7}
.smm-btn--light{background:#fff;color:var(--smm-blue)}
.smm-btn--danger{background:#c62828;color:#fff}
.smm-btn--danger-outline{background:#fff;color:#c62828;border-color:#f3c9c9}
.smm-btn--danger-ghost{background:#fdeeee;color:#c62828}
.smm-btn--sm{padding:8px 13px;font-size:.85rem;border-radius:10px}
.smm-btn--block{width:100%}

/* Cards, pills, notes */
.smm-card{background:#fff;border:1px solid var(--smm-line);border-radius:var(--smm-radius);padding:22px;box-shadow:var(--shadow,0 10px 30px -12px rgba(8,24,58,.18))}
.smm-card--muted{background:var(--smm-grey);box-shadow:none}
.smm-badge{display:inline-block;background:#e8effc;color:var(--smm-blue);border-radius:999px;padding:6px 14px;font-size:.78rem;font-weight:800;letter-spacing:.02em}
.smm-badge--light{background:rgba(255,255,255,.18);color:#fff}
.smm-pill{display:inline-block;border-radius:999px;padding:4px 11px;font-size:.74rem;font-weight:800;background:var(--smm-grey);color:var(--smm-muted)}
.smm-pill--publish,.smm-pill--active,.smm-pill--success{background:#e3f6ea;color:#1b7a43}
.smm-pill--pending,.smm-pill--trialing{background:#fdf3d8;color:#8a6100}
.smm-pill--draft,.smm-pill--smm_expired,.smm-pill--expired,.smm-pill--cancelled{background:#eef1f7;color:#54637d}
.smm-pill--failed{background:#fdeeee;color:#c62828}
.smm-inline-note{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 18px;border-radius:var(--smm-radius);border:1px solid var(--smm-line);background:#fff;margin-bottom:22px}
.smm-inline-note>div{flex:1 1 240px;display:grid;gap:2px}
.smm-inline-note span{color:var(--smm-muted);font-size:.9rem}
.smm-inline-note--ok{background:#f2fbf5;border-color:#cdeed9}
.smm-inline-note--warn{background:#fffaed;border-color:#f2e2b6}
.smm-inline-note--error{background:#fdeeee;border-color:#f3c9c9}

/* Forms */
.smm-form{display:grid;gap:16px}
.smm-field{display:grid;gap:6px}
.smm-field>span{font-size:.85rem;font-weight:700;color:var(--smm-navy)}
.smm-field input,.smm-field select,.smm-field textarea{width:100%;padding:12px 14px;border:1.5px solid var(--smm-line);border-radius:12px;font:inherit;background:#fff;color:inherit;transition:border-color .16s ease,box-shadow .16s ease}
.smm-field input:focus,.smm-field select:focus,.smm-field textarea:focus{outline:none;border-color:var(--smm-blue);box-shadow:0 0 0 4px rgba(11,61,145,.1)}
.smm-field textarea{resize:vertical}
.smm-field.has-error input,.smm-field.has-error select,.smm-field.has-error textarea{border-color:#c62828}
.smm-hint{font-size:.78rem;color:var(--smm-muted)}
.smm-field-group{display:grid;gap:16px;grid-template-columns:1fr 1fr}
.smm-field-group--three{grid-template-columns:repeat(3,1fr)}
.smm-form__row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.smm-form__foot{font-size:.9rem;color:var(--smm-muted);margin:0}
.smm-check{display:flex;align-items:flex-start;gap:10px;font-size:.9rem}
.smm-choice{border:0;padding:0;margin:0;display:grid;gap:10px}
.smm-choice legend{font-size:.85rem;font-weight:700;color:var(--smm-navy);margin-bottom:6px}
.smm-choice--row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.smm-choice__option{display:flex;align-items:center;gap:10px;padding:13px 15px;border:1.5px solid var(--smm-line);border-radius:12px;cursor:pointer;background:#fff;transition:border-color .16s ease,background .16s ease}
.smm-choice__option:hover{border-color:var(--smm-blue)}
.smm-choice__option:has(input:checked){border-color:var(--smm-blue);background:#f3f7ff}

/* Auth */
.smm-auth{padding:clamp(24px,5vw,56px) 0}
.smm-auth__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,48px);align-items:center;max-width:1080px;margin:0 auto}
.smm-auth__grid--narrow{grid-template-columns:1fr .95fr}
.smm-auth__aside{background:linear-gradient(160deg,var(--smm-blue),var(--smm-navy));color:#fff;border-radius:calc(var(--smm-radius) + 6px);padding:clamp(24px,4vw,40px)}
.smm-auth__aside h1,.smm-auth__title{color:#fff;margin-top:14px}
.smm-auth__lede{color:rgba(255,255,255,.82)}
.smm-auth__card{display:grid;gap:14px}

/* Pricing */
.smm-pricing{padding:clamp(24px,5vw,56px) 0;max-width:1080px;margin:0 auto}
.smm-pricing__head{text-align:center;max-width:620px;margin:0 auto 32px;display:grid;gap:10px;justify-items:center}
.smm-plan-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}
.smm-plan{display:grid;gap:16px;align-content:start}
.smm-plan__price strong{font-size:2.1rem;color:var(--smm-blue);font-weight:800}
.smm-plan__price span{color:var(--smm-muted)}
.smm-plan__features{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.smm-plan__features li{display:flex;gap:9px;align-items:flex-start;font-size:.92rem}
.smm-plan__features svg{color:#1b7a43;margin-top:3px}
.smm-plan__foot{display:flex;gap:7px;align-items:center;font-size:.8rem;margin:0}
.smm-pricing__note{text-align:center;margin-top:28px;font-size:.9rem}

/* Dashboard shell */
.smm-dash{display:grid;grid-template-columns:266px minmax(0,1fr);gap:clamp(18px,3vw,34px);align-items:start;padding:clamp(18px,3vw,36px) 0}
.smm-dash__sidebar{position:sticky;top:18px;background:#fff;border:1px solid var(--smm-line);border-radius:var(--smm-radius);padding:18px;display:grid;gap:18px;box-shadow:var(--shadow,0 10px 30px -12px rgba(8,24,58,.18))}
.smm-dash__profile{display:flex;gap:12px;align-items:center}
.smm-dash__profile strong{display:block;font-size:.95rem;color:var(--smm-navy)}
.smm-dash__profile small{color:var(--smm-muted)}
.smm-avatar{width:42px;height:42px;border-radius:14px;background:linear-gradient(150deg,var(--smm-blue),var(--smm-navy));color:#fff;display:grid;place-items:center;font-weight:800}
.smm-dash__nav{display:grid;gap:3px}
.smm-dash__link{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:12px;color:var(--smm-navy);font-weight:600;font-size:.93rem;text-decoration:none;transition:background .16s ease,color .16s ease}
.smm-dash__link:hover{background:var(--smm-grey);color:var(--smm-blue)}
.smm-dash__link.is-active{background:rgba(11,61,145,.09);color:var(--smm-blue);font-weight:800}
.smm-dash__link--danger{color:#c62828;margin-top:8px}
.smm-dash__link--danger:hover{background:#fdeeee;color:#c62828}
.smm-dash__upsell{background:linear-gradient(160deg,var(--smm-blue),var(--smm-navy));color:#fff;border-radius:14px;padding:16px;display:grid;gap:8px;font-size:.86rem}
.smm-dash__upsell p{margin:0;color:rgba(255,255,255,.85)}
.smm-dash__main{min-width:0;display:grid;gap:24px;align-content:start}
.smm-dash__mobile-toggle{display:none}
.smm-dash__scrim{display:none}

.smm-page-head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.smm-page-head h1{margin:0 0 4px}
.smm-page-head p{margin:0}
.smm-section{display:grid;gap:14px}
.smm-section__head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.smm-section__head h2{margin:0}

/* Stats */
.smm-stat-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.smm-stat{display:grid;gap:6px;padding:20px}
.smm-stat__icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#e8effc;color:var(--smm-blue);margin-bottom:6px}
.smm-stat__icon--amber{background:#fdf3d8;color:#8a6100}
.smm-stat__icon--violet{background:#efe9fd;color:#5b3ec7}
.smm-stat__icon--slate{background:#eef1f7;color:#54637d}
.smm-stat__label{margin:0;font-size:.85rem;color:var(--smm-muted);font-weight:600}
.smm-stat__value{margin:0;font-size:1.9rem;font-weight:800;color:var(--smm-navy);line-height:1.1}

/* Subscription card */
.smm-sub-card{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}
.smm-sub-card__main{display:flex;gap:14px;align-items:flex-start;flex:1 1 300px}
.smm-sub-card__main h2{margin:2px 0 4px}
.smm-sub-card__main p{margin:0;font-size:.9rem}
.smm-sub-card__label{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:800;color:var(--smm-muted)}
.smm-sub-card__icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#e3f6ea;color:#1b7a43}
.smm-sub-card.is-inactive .smm-sub-card__icon{background:#fdf3d8;color:#8a6100}
.smm-sub-card__actions{display:flex;gap:10px;flex-wrap:wrap}
.smm-sub-card__meta{flex:1 1 100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin:6px 0 0;padding-top:16px;border-top:1px solid var(--smm-line)}
.smm-sub-card__meta dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--smm-muted);font-weight:800}
.smm-sub-card__meta dd{margin:3px 0 0;font-weight:700;color:var(--smm-navy)}

/* Tabs, tables, pager */
.smm-tabs{display:flex;gap:6px;flex-wrap:wrap;background:var(--smm-grey);padding:6px;border-radius:14px}
.smm-tab{padding:9px 15px;border-radius:10px;font-size:.88rem;font-weight:700;color:var(--smm-muted);text-decoration:none}
.smm-tab:hover{color:var(--smm-blue)}
.smm-tab.is-active{background:#fff;color:var(--smm-blue);box-shadow:0 4px 12px -8px rgba(8,24,58,.5)}
.smm-table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--smm-line);border-radius:var(--smm-radius)}
.smm-table{width:100%;border-collapse:collapse;min-width:620px}
.smm-table th,.smm-table td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--smm-line);font-size:.9rem}
.smm-table th{background:var(--smm-grey);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--smm-muted)}
.smm-table tr:last-child td{border-bottom:0}
.smm-pager{display:flex;gap:6px;justify-content:center}
.smm-pager__link{min-width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--smm-grey);color:var(--smm-navy);font-weight:700;text-decoration:none}
.smm-pager__link.is-active{background:var(--smm-blue);color:#fff}

/* Listings */
.smm-listing-grid{display:grid;gap:16px}
.smm-listing{display:grid;grid-template-columns:172px minmax(0,1fr);gap:18px;padding:16px;align-items:stretch}
.smm-listing__media{position:relative;border-radius:13px;overflow:hidden;background:var(--smm-grey);min-height:118px}
.smm-listing__media img{width:100%;height:100%;object-fit:cover;display:block}
.smm-listing__placeholder{position:absolute;inset:0;display:grid;place-items:center;color:var(--smm-muted)}
.smm-listing__flag{position:absolute;top:9px;left:9px;background:#c62828;color:#fff;font-size:.7rem;font-weight:800;padding:4px 9px;border-radius:999px}
.smm-listing__body{display:grid;gap:9px;align-content:start;min-width:0}
.smm-listing__top{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
.smm-listing__top h3{margin:0;font-size:1.03rem}
.smm-listing__price{margin:0;font-weight:800;color:var(--smm-blue)}
.smm-listing__meta{list-style:none;display:flex;gap:16px;flex-wrap:wrap;margin:0;padding:0;color:var(--smm-muted);font-size:.84rem}
.smm-listing__meta li{display:flex;gap:6px;align-items:center}
.smm-listing__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
.smm-listing.is-removing{opacity:0;transform:translateY(-6px);transition:opacity .25s ease,transform .25s ease}

/* Empty state */
.smm-empty{text-align:center;background:#fff;border:1px dashed var(--smm-line);border-radius:var(--smm-radius);padding:44px 22px;display:grid;gap:10px;justify-items:center}
.smm-empty__icon{width:52px;height:52px;border-radius:16px;background:var(--smm-grey);color:var(--smm-blue);display:grid;place-items:center}
.smm-empty h3{margin:0}

/* Wizard */
.smm-wizard{display:grid;gap:22px}
.smm-steps{list-style:none;display:flex;gap:8px;margin:0;padding:0;overflow-x:auto;flex-wrap:wrap}
.smm-steps__item{display:flex;align-items:center;gap:8px;font-size:.83rem;color:var(--smm-muted);font-weight:700;padding:6px 10px;border-radius:999px}
.smm-steps__dot{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--smm-grey);font-size:.78rem;font-weight:800}
.smm-steps__item.is-active{color:var(--smm-blue);background:rgba(11,61,145,.08)}
.smm-steps__item.is-active .smm-steps__dot,.smm-steps__item.is-complete .smm-steps__dot{background:var(--smm-blue);color:#fff}
.smm-steps__item.is-complete{color:#1b7a43}
.smm-steps__bar{height:5px;border-radius:999px;background:var(--smm-grey);overflow:hidden}
.smm-steps__bar span{display:block;height:100%;background:linear-gradient(90deg,var(--smm-blue),#3d78e0);transition:width .3s ease}
.smm-step{display:none;gap:16px}
.smm-step.is-active{display:grid;animation:smm-step-in .28s ease both}
@keyframes smm-step-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.smm-wizard__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--smm-line)}
.smm-wizard__actions{display:flex;gap:10px;margin-left:auto;flex-wrap:wrap}
.smm-contact-card{background:var(--smm-grey);border-radius:13px;padding:16px;display:grid;gap:5px;font-size:.9rem}
.smm-contact-card p{margin:0;display:flex;gap:7px;align-items:center}
.smm-map-hint{display:flex;gap:7px;align-items:center;font-size:.85rem}

/* Dropzone + thumbs */
.smm-dropzone{border:2px dashed var(--smm-line);border-radius:var(--smm-radius);padding:34px 20px;display:grid;gap:6px;justify-items:center;text-align:center;cursor:pointer;color:var(--smm-blue);background:#fbfcff;transition:border-color .18s ease,background .18s ease}
.smm-dropzone:hover,.smm-dropzone:focus-visible,.smm-dropzone.is-drag{border-color:var(--smm-blue);background:#f3f7ff;outline:none}
.smm-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}
.smm-thumb{position:relative;margin:0;border-radius:13px;overflow:hidden;border:2px solid transparent;background:var(--smm-grey);aspect-ratio:4/3;cursor:grab}
.smm-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.smm-thumb.is-featured{border-color:var(--smm-blue)}
.smm-thumb.is-dragging{opacity:.5}
.smm-thumb figcaption{position:absolute;inset:auto 6px 6px;display:flex;justify-content:space-between;gap:6px}
.smm-thumb figcaption button{width:27px;height:27px;border-radius:9px;border:0;background:rgba(8,24,58,.72);color:#fff;cursor:pointer;font-size:.85rem;line-height:1}
.smm-thumb.is-featured .smm-thumb__star{background:var(--smm-blue)}
.smm-thumb__uploading{display:grid;place-items:center;font-size:.78rem;color:var(--smm-muted)}

/* Preview */
.smm-preview{display:grid;gap:14px;background:var(--smm-grey);border-radius:var(--smm-radius);padding:18px}
.smm-preview__hero{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:13px;background:#fff}
.smm-preview__title{margin:0;font-size:1.3rem}
.smm-preview__price{color:var(--smm-blue);font-weight:800;font-size:1.35rem;margin:0}
.smm-preview__specs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.smm-preview__specs li{background:#fff;border-radius:11px;padding:10px 12px;font-size:.85rem}
.smm-preview__specs strong{display:block;color:var(--smm-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}
.smm-preview__text{white-space:pre-line;font-size:.92rem;margin:0}

/* Modal + toasts */
.smm-modal{position:fixed;inset:0;background:rgba(8,24,58,.55);display:grid;place-items:center;padding:20px;z-index:9998}
.smm-modal[hidden]{display:none}
.smm-modal__panel{background:#fff;border-radius:var(--smm-radius);padding:24px;max-width:420px;width:100%;display:grid;gap:12px;animation:smm-step-in .2s ease both}
.smm-modal__actions{display:flex;gap:10px;justify-content:flex-end}
.smm-toasts{position:fixed;right:18px;bottom:18px;z-index:9999;display:grid;gap:10px;max-width:340px}
.smm-toast{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--smm-line);border-left:4px solid var(--smm-blue);border-radius:12px;padding:13px 15px;box-shadow:0 16px 34px -18px rgba(8,24,58,.5);font-size:.9rem;animation:smm-toast-in .26s ease both}
.smm-toast--success{border-left-color:#1b7a43}
.smm-toast--error{border-left-color:#c62828}
.smm-toast--warning{border-left-color:#c58900}
.smm-toast.is-out{opacity:0;transform:translateX(14px);transition:opacity .25s ease,transform .25s ease}
@keyframes smm-toast-in{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}

/* Reveal animation */
.smm-reveal{opacity:0;transform:translateY(10px)}
.smm-reveal.is-visible{opacity:1;transform:none;transition:opacity .45s ease var(--smm-delay,0ms),transform .45s ease var(--smm-delay,0ms)}

@media (max-width:960px){
	.smm-dash{grid-template-columns:1fr}
	.smm-dash__mobile-toggle{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--smm-line);border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer;color:var(--smm-navy)}
	.smm-dash__sidebar{position:fixed;inset:0 auto 0 0;width:280px;max-width:86vw;border-radius:0;z-index:9990;transform:translateX(-102%);transition:transform .26s ease;overflow-y:auto}
	.smm-dash.is-sidebar-open .smm-dash__sidebar{transform:none}
	.smm-dash__scrim{display:block;position:fixed;inset:0;background:rgba(8,24,58,.5);z-index:9985}
	.smm-dash__scrim[hidden]{display:none}
	.smm-auth__grid,.smm-auth__grid--narrow{grid-template-columns:1fr}
}
@media (max-width:640px){
	.smm-field-group,.smm-field-group--three{grid-template-columns:1fr}
	.smm-listing{grid-template-columns:1fr}
	.smm-listing__media{min-height:180px}
	.smm-toasts{left:14px;right:14px;max-width:none}
	.smm-steps__label{display:none}
}
@media (prefers-reduced-motion:reduce){
	.smm *,.smm *::before,.smm *::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
	.smm-reveal{opacity:1;transform:none}
}