/* V70 — polished showroom profile, settings, composer and directory cards. */

/* ---------- Owner panel on the public showroom page ---------- */
.showroom-owner-command{
  display:block!important;
  padding:22px!important;
  border:1px solid #2e82ee!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,#174b91 0%,#0e66d7 56%,#1187ef 100%)!important;
  box-shadow:0 18px 44px rgba(13,76,161,.2)!important;
}
.showroom-owner-profile{display:flex;align-items:center;gap:17px;min-width:0;margin-bottom:18px}
.showroom-owner-profile-photo{display:grid;place-items:center;width:88px;height:88px;flex:0 0 88px;padding:7px;border:2px solid rgba(255,255,255,.5);border-radius:25px;background:#fff;box-shadow:0 12px 28px rgba(2,39,92,.23);overflow:hidden}
.showroom-owner-profile-photo img{width:100%;height:100%;object-fit:contain;border-radius:17px}
.showroom-owner-profile-copy{min-width:0;flex:1}
.showroom-owner-profile-status{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font-size:13px;font-weight:900}
.showroom-owner-profile-status b{width:8px;height:8px;border-radius:50%;background:#49e397;box-shadow:0 0 0 4px rgba(73,227,151,.14)}
.showroom-owner-profile-copy h2{margin:8px 0 5px;color:#fff;font-size:clamp(25px,4vw,38px);font-weight:1000;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.showroom-owner-profile-copy p{display:flex;align-items:center;gap:7px;margin:0;color:#d8ebff;font-size:15px;font-weight:850}
.showroom-owner-profile-copy p svg{width:19px;height:19px;flex:0 0 19px}
.showroom-owner-command-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-bottom:16px}
.showroom-owner-command-actions a{flex-direction:row!important;min-height:58px!important;gap:9px!important;padding:10px 14px!important;border-radius:16px!important;font-size:14px!important}
.showroom-owner-command-actions a.is-primary{background:#fff!important;color:#075bc8!important}
.showroom-owner-command-actions svg{width:22px!important;height:22px!important}
.showroom-owner-inline-stats{margin:0!important;padding:17px!important;border:1px solid #d9e7f6!important;border-radius:22px!important;background:#f8fbff!important;box-shadow:none!important}
.showroom-owner-inline-stats-head{margin-bottom:12px!important}
.showroom-owner-inline-stats-title-icon{width:44px!important;height:44px!important;flex-basis:44px!important;border-radius:14px!important}
.showroom-owner-inline-stats-title>div>span{font-size:12px!important}
.showroom-owner-inline-stats-title strong{font-size:23px!important}
.showroom-owner-inline-stats-title small{display:none!important}
.showroom-owner-inline-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.showroom-owner-stat-card{min-height:96px!important;padding:14px!important;border-radius:17px!important}
.showroom-owner-stat-meta small{font-size:13px!important}
.showroom-owner-stat-meta strong{font-size:29px!important}
.showroom-owner-stat-meta em{display:none!important}

/* Public profile actions: two visitor actions only. */
.showroom-detail-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}

/* ---------- One-card showroom settings ---------- */
.soc69-settings-shell{
  width:100%;
  padding:18px;
  border:1px solid #d9e4f0;
  border-radius:26px;
  background:#fff;
  box-shadow:0 14px 38px rgba(24,57,96,.08);
}
.soc69-settings-shell .soc67-header{padding:0 0 17px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.soc69-settings-shell .soc67-logo{width:86px!important;height:86px!important;flex-basis:86px!important;border-radius:24px!important}
.soc69-settings-shell .soc67-identity{gap:16px!important}
.soc69-settings-shell .soc67-identity-copy h1{font-size:clamp(25px,4vw,34px)!important;white-space:normal!important}
.soc69-settings-shell .soc67-identity-copy p span{font-size:15px!important}
.soc69-settings-shell .soc67-eyebrow>i{min-height:30px!important;padding:5px 11px!important;font-size:13px!important}
.soc70-settings-title{padding:14px 2px 9px;border-top:1px solid #e4ebf3;color:#172941;font-size:18px;font-weight:1000}
.soc69-settings-shell .soc67-toolbar{position:static!important;display:block!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
.soc69-settings-shell .soc67-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}
.soc69-settings-shell .soc67-nav button{min-height:74px!important;padding:10px 7px!important;border:1px solid #dfe7f0!important;border-radius:16px!important;background:#f8fafc!important;color:#53677e!important}
.soc69-settings-shell .soc67-nav button svg{width:24px!important;height:24px!important}
.soc69-settings-shell .soc67-nav button b{font-size:14px!important}
.soc69-settings-shell .soc67-nav button.is-active{border-color:#bcd7fb!important;background:#eaf3ff!important;color:#0964d8!important;box-shadow:inset 0 -4px 0 #1769df!important}
.soc69-settings-shell .soc67-nav button.is-active::after{display:none!important}
.soc67-main{margin-top:18px!important}
.soc67-panel-heading h2{font-size:28px!important}
.soc67-form-card-head strong,.soc67-form-grid label>span,.soc67-whatsapp-card label>span,.soc67-time-grid label>span{font-size:15px!important}
.soc67-form-grid input,.soc67-form-grid select,.soc67-form-grid textarea,.soc67-phone-row input,.soc67-whatsapp-card input,.soc67-time-grid input{font-size:16px!important}
.soc67-savebar button{font-size:16px!important}

/* ---------- Showroom cards in the directory ---------- */
.showrooms-premium-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.showroom-v70-card{position:relative;overflow:hidden;border:1px solid #d9e4f0;border-radius:25px;background:#fff;box-shadow:0 14px 34px rgba(26,61,105,.1);transition:transform .18s ease,box-shadow .18s ease}
.showroom-v70-card:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(26,61,105,.14)}
.showroom-v70-media{position:relative;display:block;height:215px;margin:10px 10px 0;border-radius:19px;background:#eef3f8;overflow:hidden}
.showroom-v70-media>img{display:block;width:100%;height:100%;object-fit:contain;padding:11px;background:linear-gradient(145deg,#f9fbff,#edf3fa)}
.showroom-v70-media-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,30,59,.24))}
.showroom-v70-vehicle-count{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:6px 10px;border:1px solid rgba(255,255,255,.6);border-radius:999px;background:rgba(8,43,88,.75);color:#fff;font-size:11px;font-weight:900;backdrop-filter:blur(10px)}
.showroom-v70-vehicle-count svg{width:17px;height:17px}.showroom-v70-vehicle-count b{font-size:14px}
.showroom-v70-content{padding:15px 16px 17px}
.showroom-v70-profile{display:flex;align-items:center;gap:11px;min-width:0}
.showroom-v70-logo{display:grid;place-items:center;width:55px;height:55px;flex:0 0 55px;padding:5px;border:1px solid #dbe5f0;border-radius:17px;background:#fff;overflow:hidden}
.showroom-v70-logo img{width:100%;height:100%;object-fit:contain;border-radius:11px}
.showroom-v70-profile>div{min-width:0}.showroom-v70-profile small{display:block;color:#1670df;font-size:11px;font-weight:900}.showroom-v70-profile h2{margin:2px 0 0;font-size:20px;font-weight:1000;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.showroom-v70-profile h2 a{color:#12243d;text-decoration:none}
.showroom-v70-location{display:flex;align-items:center;gap:10px;margin-top:13px;padding:11px 12px;border:1px solid #e0e8f1;border-radius:15px;background:#f8fafc}
.showroom-v70-location svg{width:21px;height:21px;flex:0 0 21px;color:#176fe2}.showroom-v70-location>div{display:grid;gap:1px}.showroom-v70-location small{color:#7a899d;font-size:10px;font-weight:800}.showroom-v70-location strong{color:#243a58;font-size:15px;font-weight:1000}
.showroom-v70-address{margin:9px 2px 0;color:#718096;font-size:12px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.showroom-v70-actions{display:grid;grid-template-columns:minmax(0,1fr) 47px 47px;gap:8px;margin-top:14px}
.showroom-v70-enter,.showroom-v70-contact{display:flex;align-items:center;justify-content:center;min-height:47px;border-radius:14px;text-decoration:none;font-weight:1000}
.showroom-v70-enter{gap:7px;background:linear-gradient(135deg,#176fe5,#0758c4);color:#fff;font-size:13px;box-shadow:0 9px 20px rgba(14,91,204,.2)}
.showroom-v70-enter svg{width:19px;height:19px}.showroom-v70-contact{border:1px solid #d8e4f1;background:#f7faff;color:#1768d7}.showroom-v70-contact svg{width:21px;height:21px}.showroom-v70-contact.is-whatsapp{border-color:#c4eadb;background:#eefaf5;color:#119766}

/* ---------- Facebook-inspired vehicle composer ---------- */
.publish-composer-v70-body{background:#f2f4f7!important}
.publish-composer-v70-body .standalone-publish-page{width:min(100%,760px)!important;padding-inline:12px!important}
.publish-composer-v70-body .standalone-publish-card,.publish-composer-v70.closest-card{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.publish-composer-v70{width:min(100%,720px);margin-inline:auto;color:#17233a;font-family:inherit}
.publish-composer-v70,.publish-composer-v70 *{box-sizing:border-box}
.publish-composer-titlebar{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-height:64px;margin-bottom:12px;padding:8px 12px;border:1px solid #dde4ec;border-radius:18px;background:#fff;box-shadow:0 6px 18px rgba(27,47,77,.06)}
.publish-composer-titlebar h1{margin:0;text-align:center;color:#14213a;font-size:22px;font-weight:1000}
.publish-composer-close{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#eef1f5;color:#27364c;font-size:28px;line-height:1;cursor:pointer}
.publish-composer-card{margin-bottom:12px;padding:17px;border:1px solid #dfe5ec;border-radius:20px;background:#fff;box-shadow:0 6px 18px rgba(27,47,77,.055)}
.publish-composer-profile{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.publish-composer-profile img{width:48px;height:48px;flex:0 0 48px;padding:4px;border:1px solid #dce4ed;border-radius:50%;object-fit:contain;background:#fff}
.publish-composer-profile>div{display:grid;gap:2px}.publish-composer-profile strong{font-size:16px;font-weight:1000}.publish-composer-profile span{color:#748197;font-size:12px;font-weight:800}
.publish-composer-text{position:relative;display:block}.publish-composer-text textarea{display:block;width:100%;min-height:132px;padding:10px 3px;border:0!important;outline:0!important;background:transparent!important;resize:vertical;color:#1c283d;font-size:20px!important;font-weight:700;line-height:1.7;box-shadow:none!important}.publish-composer-text textarea::placeholder{color:#7a8595}.publish-composer-text>small{display:block;text-align:left;color:#8a96a8;font-size:11px;font-weight:750}
.publish-composer-images{margin-top:12px!important;padding:10px!important;border:1px solid #dce4ed!important;border-radius:17px!important;background:#fafbfc!important}
.publish-composer-images .vehicle-images-uploader-head{padding:2px 3px 9px}.publish-composer-images .vehicle-images-uploader-head strong{font-size:15px!important}.publish-composer-images .vehicle-images-uploader-head span{font-size:11px!important}
.publish-composer-images .vehicle-images-picker{display:flex!important;min-height:76px!important;flex-direction:row!important;gap:9px!important;border:0!important;border-radius:14px!important;background:#eaf6ee!important;color:#16864e!important;font-size:15px!important;font-weight:1000!important}
.publish-composer-photo-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#d7f2e1}.publish-composer-photo-icon svg{width:21px;height:21px}
.publish-composer-old-images{margin-bottom:12px}
.publish-composer-information h2,.publish-composer-options h2{margin:0 0 15px;color:#17243a;font-size:19px;font-weight:1000}
.publish-composer-type{margin:0 0 14px;padding:0;border:0}.publish-composer-type legend,.publish-composer-showrooms legend{margin-bottom:8px;color:#516176;font-size:13px;font-weight:950}
.publish-composer-type .publish-section-options{gap:8px}.publish-composer-type .publish-section-option{min-height:70px!important;border-radius:15px!important}.publish-composer-type .publish-section-option span{font-size:24px}.publish-composer-type .publish-section-option strong{font-size:13px!important}
.publish-composer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.publish-composer-grid label{display:grid;gap:7px;min-width:0}.publish-composer-grid label.is-full{grid-column:1/-1}.publish-composer-grid label>span{color:#45556c;font-size:13px;font-weight:950}.publish-composer-grid input,.publish-composer-grid select{width:100%;min-height:52px;padding:10px 13px;border:1px solid #d8e1eb;border-radius:13px;background:#f8fafc;color:#17243a;font-size:16px;font-weight:850;outline:0}.publish-composer-grid input:focus,.publish-composer-grid select:focus{border-color:#438cf0;background:#fff;box-shadow:0 0 0 3px rgba(23,105,223,.1)}.publish-composer-grid small{color:#8793a4;font-size:10px;font-weight:750}
.publish-composer-price{position:relative}.publish-composer-price input{padding-left:64px}.publish-composer-price b{position:absolute;left:11px;top:50%;transform:translateY(-50%);padding:5px 8px;border-radius:8px;background:#e7f0ff;color:#1767d4;font-size:11px}
.publish-composer-showrooms{margin:15px 0 0;padding:0;border:0}.publish-composer-showrooms .publish-showroom-options{grid-template-columns:repeat(2,minmax(0,1fr))}.publish-composer-showrooms .publish-showroom-option{min-height:68px!important;border-radius:14px!important}.publish-composer-showrooms .publish-showroom-option-icon{overflow:hidden}.publish-composer-showrooms .publish-showroom-option-icon img{width:100%;height:100%;object-fit:contain}.publish-composer-showrooms .publish-showroom-option-copy strong{font-size:13px!important}.publish-composer-showrooms .publish-showroom-option-copy small{font-size:10px!important}
.publish-composer-more{margin-top:14px;border-top:1px solid #e5eaf0}.publish-composer-more summary{padding:14px 2px 4px;color:#1769df;font-size:14px;font-weight:1000;cursor:pointer}.publish-composer-more[open] summary{margin-bottom:10px}
.publish-composer-options .compact-publish-options-list{gap:8px}.publish-composer-options .compact-publish-option{min-height:64px!important;padding:11px 13px!important;border-radius:14px!important}.publish-composer-options .compact-publish-option-copy strong{font-size:14px!important}.publish-composer-options .compact-publish-option-copy small{font-size:10px!important}.publish-composer-options .compact-publish-option-price{font-size:11px!important}
.publish-composer-wallet{margin:0 0 12px!important;padding:15px!important;border-radius:18px!important;background:#fff!important;box-shadow:0 6px 18px rgba(27,47,77,.055)}.publish-composer-wallet .publish-wallet-row{min-height:38px!important;font-size:13px!important}.publish-composer-wallet .publish-wallet-row.total{font-size:15px!important}
.publish-composer-submit{position:sticky;bottom:8px;z-index:30;display:block!important;padding:10px;border:1px solid #d9e2ec;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 12px 30px rgba(20,48,85,.15);backdrop-filter:blur(12px)}
.publish-composer-submit .publish-wizard-next{width:100%;min-height:54px;border-radius:13px;background:#1769df;color:#fff;font-size:17px;font-weight:1000;box-shadow:0 9px 20px rgba(23,105,223,.23)}
.publish-composer-v70 .publish-wizard-step{display:block!important}
.publish-composer-v70 .publish-wizard-draft-note{margin-bottom:10px;border-radius:13px}

@media(max-width:1000px){.showrooms-premium-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){
  .showroom-owner-command{padding:14px!important;border-radius:23px!important}.showroom-owner-profile{gap:12px;margin-bottom:14px}.showroom-owner-profile-photo{width:70px;height:70px;flex-basis:70px;border-radius:20px}.showroom-owner-profile-status{min-height:26px;padding:4px 9px;font-size:11px}.showroom-owner-profile-copy h2{font-size:24px}.showroom-owner-profile-copy p{font-size:13px}.showroom-owner-command-actions{gap:7px!important}.showroom-owner-command-actions a{min-height:54px!important;padding:8px 6px!important;border-radius:14px!important;font-size:11px!important}.showroom-owner-inline-stats{padding:11px!important;border-radius:18px!important}.showroom-owner-inline-stats-title-icon{width:38px!important;height:38px!important;flex-basis:38px!important}.showroom-owner-inline-stats-title strong{font-size:18px!important}.showroom-owner-inline-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.showroom-owner-stat-card{min-height:76px!important;padding:9px!important}.showroom-owner-stat-meta small{font-size:11px!important}.showroom-owner-stat-meta strong{font-size:22px!important}
  .soc69-settings-shell{padding:13px;border-radius:22px}.soc69-settings-shell .soc67-header{padding-bottom:13px!important}.soc69-settings-shell .soc67-logo{width:72px!important;height:72px!important;flex-basis:72px!important;border-radius:20px!important}.soc69-settings-shell .soc67-identity-copy h1{font-size:24px!important}.soc69-settings-shell .soc67-identity-copy p span{font-size:13px!important}.soc70-settings-title{font-size:16px}.soc69-settings-shell .soc67-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.soc69-settings-shell .soc67-nav button{min-height:67px!important}.soc69-settings-shell .soc67-nav button b{font-size:12px!important}.soc67-panel-heading h2{font-size:24px!important}
  .showrooms-premium-grid{grid-template-columns:1fr!important}.showroom-v70-media{height:205px}.showroom-v70-profile h2{font-size:19px}.showroom-v70-location strong{font-size:14px}
  .publish-composer-v70-body .standalone-publish-page{padding:8px 8px 94px!important}.publish-composer-titlebar{position:sticky;top:5px;z-index:25;min-height:58px;border-radius:15px}.publish-composer-titlebar h1{font-size:19px}.publish-composer-card{padding:13px;border-radius:17px}.publish-composer-text textarea{min-height:120px;font-size:18px!important}.publish-composer-grid{grid-template-columns:1fr}.publish-composer-grid label.is-full{grid-column:auto}.publish-composer-showrooms .publish-showroom-options{grid-template-columns:1fr}.publish-composer-type .publish-section-options{grid-template-columns:repeat(3,minmax(0,1fr))}.publish-composer-type .publish-section-option{min-width:0;padding:6px 3px!important}.publish-composer-type .publish-section-option span{font-size:21px}.publish-composer-type .publish-section-option strong{font-size:11px!important}.publish-composer-submit{bottom:5px;padding:8px;border-radius:15px}.publish-composer-submit .publish-wizard-next{min-height:51px;font-size:16px}
}
@media(max-width:390px){
  .showroom-owner-command-actions a span{font-size:10px!important}.showroom-owner-command-actions svg{width:19px!important;height:19px!important}.showroom-owner-profile-copy h2{font-size:21px}.showroom-owner-profile-photo{width:62px;height:62px;flex-basis:62px}
  .soc69-settings-shell .soc67-nav button{min-height:62px!important}.soc69-settings-shell .soc67-nav button svg{width:21px!important;height:21px!important}.soc69-settings-shell .soc67-nav button b{font-size:11px!important}
  .showroom-v70-media{height:185px}.showroom-v70-content{padding:13px}.showroom-v70-actions{grid-template-columns:minmax(0,1fr) 44px 44px}.showroom-v70-enter,.showroom-v70-contact{min-height:44px}
}

/* Keep the vehicle edit page as clean as the new post composer. */
.publish-composer-v70-body .profile-edit-card{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}