/* Classicspark 2.7.135 — advertising, nearby profiles and post detail consistency. */

/* Wizard: readable hierarchy, uniform controls and room for floating widgets. */
.cs-ad-wizard__toolbar {
  padding-bottom: 16px !important;
  border-bottom: 1px solid #eee3e6 !important;
}
.cs-ad-wizard__step > header {
  padding: 15px 0 17px !important;
  border-bottom: 1px solid #eee3e6 !important;
}
.cs-ad-wizard__presentation,
.cs-ad-audience,
.cs-ad-wizard__location,
.cs-ad-review { padding-top: 22px !important; }
.cs-ad-wizard .input-group-text {
  background: #f5f2f3 !important;
  color: #665d63 !important;
  font-weight: 600 !important;
}
.cs-ad-wizard label[style*="display:none"] { display: none !important; }
.cs-ad-wizard #campoInput { min-width: 0; }
.cs-ad-wizard .select2-container,
.cs-ad-wizard .select2-selection,
.cs-ad-wizard .input-group,
.cs-ad-wizard .form-control { box-sizing: border-box !important; }
.cs-ad-wizard #price:disabled {
  border-color: #ded4d7 !important;
  background: #efeced !important;
  color: #746d71 !important;
}
.cs-ad-wizard__image #contentImage,
.cs-ad-wizard__image .cropper-container { width: 100% !important; max-width: 100% !important; }

/* Ad modal must be a white self-contained dialog, independent from the site footer. */
#modalAd .modal-content#divModalAd,
#modalAd #divModalAd.modal-content { padding: 0 !important; }
#modalAd .cs2134-ad-modal { width: 100%; margin: 0 !important; padding: 0 !important; }
#modalAd .cs2134-ad-modal__body { padding: 24px !important; }
#modalAd .cs2134-ad-modal__owner { margin-right: 24px !important; margin-left: 24px !important; }
#modalAd footer.cs2134-ad-modal__footer {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 16px 24px !important;
  border-top: 1px solid #eee3e6 !important;
  background: #fff !important;
  color: #302d42 !important;
  box-shadow: none !important;
}

/* Nearby cards follow the compact identity card used by Connections. */
.cs2727-near__grid { align-items: stretch; }
.cs2727-near-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 210px;
  padding: 20px !important;
}
.cs2727-near-card > .cs2727-near-card__person {
  display: grid !important;
  grid-template-columns: 78px minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: center !important;
  flex: 1;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.cs2727-near-card__person > .cs2783-avatar-button,
.cs2727-near-card__person > .cs2783-avatar-button img {
  width: 78px !important;
  height: 78px !important;
}
.cs2727-near-card__person > a {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 3px !important;
  min-height: 78px !important;
  min-width: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  text-align: left !important;
}
.cs2727-near-card__person > a strong,
.cs2727-near-card__person > a small,
.cs2727-near-card__person > a em {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  text-align: left !important;
}
.cs2727-near-card > .cs2727-near-card__actions { margin-top: 17px !important; }

/* The same link preview must have the same visual weight in URL and overlay views. */
.cs2766-post-card--detail .cs2766-post-card__link > img,
.cs2768-post-overlay .cs2766-post-card__link > img {
  width: 100% !important;
  height: min(590px, 62vh) !important;
  max-height: 590px !important;
  object-fit: cover !important;
  object-position: center !important;
}
.cs2766-comment-composer.cs2766-comment-composer--detail {
  min-height: 0 !important;
}
.cs2766-comment-composer--detail .cs2766-comment-composer__actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-height: 44px;
}
.cs2766-comment-composer--detail .cs2766-comment-composer__actions button.cs2772-comment-emoji {
  display: inline-flex !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  border-radius: 11px !important;
}
.cs2766-comment-composer--detail .cs2766-comment-composer__actions button[data-composer-submit] {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 112px !important;
  height: 44px !important;
  padding: 0 16px !important;
  border-radius: 11px !important;
}
.cs2766-comment-composer--detail button i { margin: 0 !important; font-size: 15px !important; }
.cs2766-comment-composer--detail button span { display: inline !important; margin-left: 7px; }
.cs2766-comment-composer--detail button.cs2772-comment-emoji span { display: none !important; }

/* Let the conversation use the modal height instead of floating as a short card. */
.cs2768-post-overlay__body { align-items: stretch !important; }
.cs2768-post-overlay__discussion {
  align-self: stretch !important;
  min-height: min(650px, calc(100vh - 126px)) !important;
  height: 100% !important;
}

@media (max-width: 1040px) {
  .cs2768-post-overlay__discussion { min-height: 520px !important; height: auto !important; }
}
@media (max-width: 700px) {
  .cs-ad-wizard__toolbar { border-bottom-color: #eee3e6 !important; }
  .cs-ad-wizard__step > header { padding-top: 12px !important; }
  #modalAd .cs2134-ad-modal__body { padding: 16px !important; }
  #modalAd .cs2134-ad-modal__owner { margin-right: 16px !important; margin-left: 16px !important; }
  #modalAd footer.cs2134-ad-modal__footer { padding: 14px 16px !important; }
  .cs2727-near-card { min-height: 194px; }
  .cs2766-post-card--detail .cs2766-post-card__link > img,
  .cs2768-post-overlay .cs2766-post-card__link > img {
    height: min(410px, 78vw) !important;
    max-height: 410px !important;
  }
}