/* Stage35 fix: New Order success alert layout + white Blog icon.
   Root issue: global .alert is display:flex in dashboard CSS, which breaks inline content.
   This file forces the success alert on New Order back to block layout and keeps it responsive. */

/* Success alert in New Order page */
body.smm-auth .new-order .order-content > .alert.alert-success,
body.smm-auth .new-order .order-content > .js-order-alert.alert.alert-success{
  display:block!important;
  width:100%!important;
  margin:0 0 14px!important;
  padding:14px 15px!important;
  border:1px solid rgba(34,197,94,.35)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(16,185,129,.96),rgba(22,163,74,.92))!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(16,185,129,.18)!important;
  font-weight:500!important;
  line-height:1.95!important;
  font-size:13px!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}

body.smm-auth .new-order .order-content > .js-order-alert .text,
body.smm-auth .new-order .order-content > .alert.alert-success .text{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}

body.smm-auth .new-order .order-content > .alert.alert-success,
body.smm-auth .new-order .order-content > .alert.alert-success *,
body.smm-auth .new-order .order-content > .js-order-alert.alert.alert-success,
body.smm-auth .new-order .order-content > .js-order-alert.alert.alert-success *{
  color:#fff!important;
  font-weight:500!important;
  box-sizing:border-box!important;
}

body.smm-auth .new-order .order-content > .alert.alert-success strong,
body.smm-auth .new-order .order-content > .js-order-alert.alert.alert-success strong{
  display:inline-block!important;
  min-width:118px!important;
  margin-inline-end:6px!important;
  padding:2px 8px!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.15)!important;
  border:1px solid rgba(255,255,255,.15)!important;
  vertical-align:top!important;
}

body.smm-auth .new-order .order-content > .alert.alert-success br,
body.smm-auth .new-order .order-content > .js-order-alert.alert.alert-success br{
  display:block!important;
  content:""!important;
  margin-top:7px!important;
}

html[dir="rtl"] body.smm-auth .new-order .order-content > .alert.alert-success,
html[lang="ar"] body.smm-auth .new-order .order-content > .alert.alert-success,
html[dir="rtl"] body.smm-auth .new-order .order-content > .js-order-alert.alert.alert-success,
html[lang="ar"] body.smm-auth .new-order .order-content > .js-order-alert.alert.alert-success{
  direction:rtl!important;
  text-align:right!important;
}

@media (max-width:767px){
  body.smm-auth .new-order .order-content > .alert.alert-success,
  body.smm-auth .new-order .order-content > .js-order-alert.alert.alert-success{
    padding:12px!important;
    border-radius:14px!important;
    font-size:12px!important;
    line-height:1.9!important;
  }
  body.smm-auth .new-order .order-content > .alert.alert-success strong,
  body.smm-auth .new-order .order-content > .js-order-alert.alert.alert-success strong{
    display:block!important;
    min-width:0!important;
    width:fit-content!important;
    max-width:100%!important;
    margin:0 0 4px!important;
    padding:2px 7px!important;
  }
  body.smm-auth .new-order .order-content > .alert.alert-success br,
  body.smm-auth .new-order .order-content > .js-order-alert.alert.alert-success br{
    margin-top:10px!important;
  }
}

/* Blog icon white in authenticated menu/sidebar. */
body.smm-auth .main-wrapper .nav-menu li>a .nav-icon .icon.navbar-blog{
  background-image:none!important;
  width:18px!important;
  height:18px!important;
  color:#fff!important;
  filter:none!important;
  overflow:visible!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.smm-auth .main-wrapper .nav-menu li>a .nav-icon .icon.navbar-blog:before{
  content:"\f15c"!important;
  display:block!important;
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome"!important;
  font-weight:900!important;
  font-size:14px!important;
  line-height:18px!important;
  color:#fff!important;
}