/*
 * FollowerAbzar SMM 80.3.17
 * Final geometry patch for the shared social-order shortcode + order-id copy UI.
 * This layer is intentionally presentation-only; pricing/order/payment backends are untouched.
 */

/* ---------------------------------------------------------
 * Order card: copy order identifier on desktop and mobile.
 * ------------------------------------------------------ */
.anjamino-orders-workspace .anjamino-order-id-row{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:5px 7px!important;
  min-width:0!important;
  margin-top:2px!important;
  color:var(--ao-muted)!important;
  font-size:11px!important;
  line-height:1.65!important;
}
.anjamino-orders-workspace .anjamino-order-id-row>b{
  color:var(--ao-ink)!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
.anjamino-orders-workspace .anjamino-order-id-row time{white-space:nowrap!important}
.anjamino-orders-workspace .anjamino-order-id-separator{opacity:.5!important}
.anjamino-orders-workspace .anjamino-order-id-copy{
  min-height:26px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:3px 7px!important;
  margin:0!important;
  border:1px solid color-mix(in srgb,var(--status,var(--ao-primary)) 25%,var(--ao-line))!important;
  border-radius:8px!important;
  background:color-mix(in srgb,var(--status-soft,#eeecff) 75%,#fff)!important;
  color:color-mix(in srgb,var(--status,var(--ao-primary)) 82%,var(--ao-ink))!important;
  box-shadow:none!important;
  cursor:pointer!important;
  font:inherit!important;
  font-size:10px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.anjamino-orders-workspace .anjamino-order-id-copy i{font-size:13px!important}
.anjamino-orders-workspace .anjamino-order-id-copy:hover,
.anjamino-orders-workspace .anjamino-order-id-copy:focus-visible{
  border-color:var(--status,var(--ao-primary))!important;
  outline:0!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--status,var(--ao-primary)) 13%,transparent)!important;
}
.anjamino-orders-workspace .anjamino-order-id-copy.is-copied{
  border-color:#1aa56f!important;
  background:#e8f8f1!important;
  color:#11734f!important;
}
html[data-fasmm-theme="dark"] .anjamino-orders-workspace .anjamino-order-id-copy,
body.fasmm-dark .anjamino-orders-workspace .anjamino-order-id-copy{
  background:color-mix(in srgb,var(--status-soft,#302b50) 55%,#1b1d2d)!important;
}
html[data-fasmm-theme="dark"] .anjamino-orders-workspace .anjamino-order-id-copy.is-copied,
body.fasmm-dark .anjamino-orders-workspace .anjamino-order-id-copy.is-copied{
  border-color:#2e8f6b!important;background:#173c35!important;color:#91e7c7!important;
}

/* ---------------------------------------------------------
 * One canonical desktop width for every instance of the order shortcode.
 * The landing-page shortcode now matches the standalone new-order page instead
 * of stretching edge-to-edge inside the wider SMM catalogue canvas.
 * ------------------------------------------------------ */
@media (min-width:1100px){
  body:not(.wp-admin) .fasmm-order-shortcode-materio{
    width:min(1480px,calc(100% - 48px))!important;
    max-width:1480px!important;
    min-width:0!important;
    margin-inline:auto!important;
    padding-inline:0!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  body:not(.wp-admin) .fasmm-smm-primary--canonical-order{
    width:min(1480px,calc(100% - 48px))!important;
    max-width:1480px!important;
    min-width:0!important;
    margin-inline:auto!important;
    padding-inline:0!important;
    box-sizing:border-box!important;
  }
  body:not(.wp-admin) .fasmm-smm-primary--canonical-order .fasmm-smm-order-form,
  body:not(.wp-admin) .fasmm-smm-primary--canonical-order .fasmm-order-shortcode-materio,
  body:not(.wp-admin) .fasmm-smm-primary--canonical-order .fasmm-order-workspace-anjamino{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-inline:0!important;
  }
  body.fasmm-panel-fullscreen .fasmm-panel-view[data-fasmm-tab="new-order"] > .fasmm-order-shortcode-materio,
  body.fasmm-panel-fullscreen .fasmm-panel-view--standalone[data-fasmm-tab="new-order"] > .fasmm-order-shortcode-materio,
  body:not(.wp-admin) .fasmm-legacy-panel-route[data-fasmm-legacy-tab="new-order"] .fasmm-order-shortcode-materio{
    width:min(1480px,calc(100% - 48px))!important;
    max-width:1480px!important;
    margin-inline:auto!important;
  }
}

@media (min-width:1600px){
  body:not(.wp-admin) .fasmm-order-shortcode-materio,
  body:not(.wp-admin) .fasmm-smm-primary--canonical-order,
  body.fasmm-panel-fullscreen .fasmm-panel-view[data-fasmm-tab="new-order"] > .fasmm-order-shortcode-materio,
  body.fasmm-panel-fullscreen .fasmm-panel-view--standalone[data-fasmm-tab="new-order"] > .fasmm-order-shortcode-materio,
  body:not(.wp-admin) .fasmm-legacy-panel-route[data-fasmm-legacy-tab="new-order"] .fasmm-order-shortcode-materio{
    width:min(1540px,calc(100% - 72px))!important;
    max-width:1540px!important;
  }
  body:not(.wp-admin) .fasmm-smm-primary--canonical-order .fasmm-order-shortcode-materio{
    width:100%!important;
    max-width:100%!important;
  }
}

/* ---------------------------------------------------------
 * Phone geometry. The component gets one viewport-safe column and never keeps
 * any desktop width/transform inherited from the panel or Elementor wrappers.
 * ------------------------------------------------------ */
@media (max-width:767px){
  body:not(.wp-admin) .fasmm-smm-primary--canonical-order{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  body:not(.wp-admin) .fasmm-smm-primary--canonical-order .fasmm-smm-order-form,
  body:not(.wp-admin) .fasmm-smm-primary--canonical-order .fasmm-order-shortcode-materio,
  body.fasmm-panel-fullscreen .fasmm-panel-view[data-fasmm-tab="new-order"] > .fasmm-order-shortcode-materio,
  body.fasmm-panel-fullscreen .fasmm-panel-view--standalone[data-fasmm-tab="new-order"] > .fasmm-order-shortcode-materio,
  body:not(.wp-admin) .fasmm-legacy-panel-route[data-fasmm-legacy-tab="new-order"] .fasmm-order-shortcode-materio{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  .fasmm-order-shortcode-materio > .fasmm-order-card.fasmm-order-workspace-anjamino,
  .fasmm-order-workspace-anjamino,
  .fasmm-order-workspace-anjamino .fasmm-live-order-form,
  .fasmm-order-workspace-anjamino .fasmm-order-shell,
  .fasmm-order-workspace-anjamino .fasmm-order-main,
  .fasmm-order-workspace-anjamino .fasmm-premium-checkout{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-inline:0!important;
    box-sizing:border-box!important;
  }
  .fasmm-order-workspace-anjamino .fasmm-order-main,
  .fasmm-order-workspace-anjamino .fasmm-premium-checkout{
    padding-inline:9px!important;
  }
  .fasmm-order-workspace-anjamino :is(.fasmm-dropdown-order-layout,.fasmm-dropdown-order-layout-3,.fasmm-dropdown-block,.fasmm-select-trigger,.fasmm-order-fields,.fasmm-order-link-field,.fasmm-order-link-control,.fasmm-order-quantity-section,.fasmm-order-metrics,.fasmm-service-information,.fasmm-payment-methods-overview,.fasmm-gateway-choice,.fasmm-payment-card-choice){
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-inline:0!important;
    box-sizing:border-box!important;
  }
  .fasmm-order-workspace-anjamino .fasmm-order-link-control{
    grid-template-columns:minmax(0,1fr) auto!important;
    overflow:visible!important;
  }
  .fasmm-order-workspace-anjamino .fasmm-order-link-control .fasmm-clear-order-link{
    grid-column:auto!important;
  }

  /* Once the viewport-level dock exists, hide the old in-form action block. */
  body.fasmm-has-mobile-order-dock .fasmm-order-workspace-anjamino .fasmm-order-actions{
    display:none!important;
  }
  body>.fasmm-mobile-order-dock{
    position:fixed!important;
    left:max(10px,env(safe-area-inset-left))!important;
    right:max(10px,env(safe-area-inset-right))!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:8px!important;
    box-sizing:border-box!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  body>.fasmm-mobile-order-dock .fasmm-mobile-order-dock__submit,
  body>.fasmm-mobile-order-dock .fasmm-mobile-order-dock__secondary,
  body>.fasmm-mobile-order-dock .fasmm-mobile-order-dock__secondary>*{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body>.fasmm-mobile-order-dock .fasmm-mobile-order-dock__submit{
    width:100%!important;
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    padding-inline:10px!important;
    white-space:normal!important;
    text-align:center!important;
  }
  body>.fasmm-mobile-order-dock .fasmm-mobile-order-dock__submit-price{white-space:nowrap!important}
  body>.fasmm-mobile-order-dock .fasmm-mobile-order-dock__secondary{
    width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  body>.fasmm-mobile-order-dock.is-single-secondary .fasmm-mobile-order-dock__secondary{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .anjamino-orders-workspace .anjamino-order-id-row{gap:5px!important;font-size:10px!important}
  .anjamino-orders-workspace .anjamino-order-id-copy{min-height:28px!important;padding:3px 6px!important}
  .anjamino-orders-workspace .anjamino-order-id-copy span{font-size:9.5px!important}
}

@media (max-width:380px){
  body>.fasmm-mobile-order-dock{
    left:max(8px,env(safe-area-inset-left))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    padding:7px!important;
    border-radius:14px!important;
  }
  .anjamino-orders-workspace .anjamino-order-id-copy span{display:none!important}
  .anjamino-orders-workspace .anjamino-order-id-copy{width:28px!important;padding:0!important}
}