.fr_welcome {min-height: 100vh;min-height: 100dvh;background-color: #fff;}
body.night-mode .fr_welcome {background-color: #0f1112;}

/*Sign Form*/
.fr_welcome_mid {margin: auto 0;}
.fr_welcome_sign {max-width: 540px;}
.fr_welcome_sign_head {text-align: center;}
.fr_welcome_sign_head h5 {display: none;}
.fr_welcome_sign .logo-wrapper {font-size: 20px;font-weight: 500;text-transform: uppercase;}
.fr_welcome_sign .logo-wrapper img {max-width: 150px;max-height: 45px;transform: translateZ(0px);}
.fr_welcome_sign img.logo-light {display: inline-block;}
body.night-mode .fr_welcome_sign img.logo-light {display: none;}
.fr_welcome_sign img.logo-dark {display: none;}
body.night-mode .fr_welcome_sign img.logo-dark {display: inline-block;}
.fr_auth_form {background-color: #fff;padding: 20px;border-radius: 30px;}
body.night-mode .fr_auth_form {background-color: #0f1112;}
.fr_welcome_title {font-family: Roboto, Arial, sans-serif;font-weight: 700;}
.fr_welcome_social .btn {border-radius: 14px;border: 2px solid #EFEFEF;padding: 10px 18px;gap: 14px;font-size: 14px;font-weight: 500;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.fr_welcome_social .btn:hover {background-color: #EFEFEF;}
body.night-mode .fr_welcome_social .btn {border-color: #323637;color: #fff;}
body.night-mode .fr_welcome_social .btn:hover {background-color: #323637;}
.fr_welcome_social .btn svg, .fr_welcome_social .btn img {width: 23px;height: 23px;flex: 0 0 auto;}
.fr_welcome_field {position: relative;display: block;margin: 0 0 20px;}
.fr_welcome_field input, .fr_welcome_field select {border-radius: 14px;border: 2px solid #EFEFEF;background-color: #EFEFEF;padding: 10px 55px;font-size: 14px;width: 100%;height: 56px;display: block;margin: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;transition: background-color .15s ease-in-out, border-color .15s ease-in-out;outline: none;}
.fr_welcome_field input:focus, .fr_welcome_field select:focus {border-color: var(--main-btn);background-color: #fff;}
body.night-mode .fr_welcome_field input, body.night-mode .fr_welcome_field select {border-color: #323637;background-color: #323637;color: #fff;}
body.night-mode .fr_welcome_field input:focus, body.night-mode .fr_welcome_field select:focus {border-color: var(--main-btn);background-color: #0f1112;}
.fr_welcome_field svg {top: 0;margin: 16px;opacity: 0.5;pointer-events: none;transition: color .15s ease-in-out, opacity .15s ease-in-out;width: 24px;height: 24px;}
.fr_welcome_field input:focus+svg, .fr_welcome_field select:focus+svg {opacity: 1;color: var(--main-btn);}
body.night-mode .custom-control-label::before {background-color: #0f1112;border-color: #6c7782;}
.fr_welcome_btn {border-radius: 14px;font-size: 17px;font-weight: 500;padding: 15px 18px;border: 0;}
.fr_welcome_switch {font-weight: 500;}
.fr_welcome_switch a {text-decoration: underline;text-underline-offset: 6px;}
.fr_welcome_field > .js_toggle-password {top: 0;right: 0;}

/*Right Side*/
.fr_welcome_bg {position: relative;}
.fr_welcome_bg_img {top: 0;right: 0;bottom: 0;left: 0;border-radius: 70px 0 0 70px;width: 100%;height: 100%;object-fit: cover;opacity: 1;}
.fr_welcome_img {position: relative;overflow: hidden;border-radius: 70px 0 0 70px;min-height: 700px;box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);}
.fr_welcome_img:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: var(--main-btn);opacity: 0.2;border-radius: 70px 0 0 70px;opacity: 0;}
.fr_welcome_img > .svg_blur {position: absolute;top: 0;left: 0;right: 0;opacity: 0.15;width: 100%;pointer-events: none;user-select: none;}
.fr_welcome_img > .svg_lines {position: absolute;bottom: 0;left: 0;right: 0;opacity: 0.2;width: 100%;pointer-events: none;user-select: none;color: #fff;height: auto;}
.fr_welcome_img_innr {background: linear-gradient(transparent, rgb(0 0 0 / 80%));padding: 150px 60px 60px;color: #fff;font-family: Roboto, Arial, sans-serif;}
.fr_welcome_img_innr h2 {line-height: 1.5;font-weight: 600;}
.fr_welcome_img_innr p {font-size: 16px;}
.mx-n2 {margin-left: -0.5rem;margin-right: -0.5rem;}

/*Footer*/
.fr_welcome_bottom .container {max-width: none;width: 100%;}
.fr_welcome_bottom .footer {margin: 0;border: 0;padding: 0;}
.fr_welcome_apps .huwei svg {background: #fff;border-radius: 6px;}



@media (max-width: 992px) {
.fr_welcome_img, .fr_welcome_bg_img {border-radius: 40px 0 0 40px;}
.fr_welcome_img, .fr_welcome_bg_img {min-height: 560px;}
.fr_welcome_img_innr {padding: 90px 30px 30px;}
}

@media (max-width: 900px) {
.fr_welcome_mid .row .col-md-6 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;position: static;}
.fr_welcome_sign {position: relative;z-index: 1;max-width: none;padding: 0 !important;}
.fr_welcome_sign_head {padding: 20px;}
.fr_welcome_sign_head h5 {display: block;margin: 20px 0 16px;font-size: 1.5rem;}
.fr_welcome_bg {position: static;}
.fr_welcome_bg_img, .fr_welcome_img > .svg_blur, .fr_welcome_img_innr h5, .fr_welcome_img_innr h2, .fr_welcome_img_innr p {display: none;}
.fr_welcome_img {min-height: auto;border-radius: 0;position: static;box-shadow: none;}
.fr_welcome_img:before {opacity: 0.2;border-radius: 0;margin-top: -1.5rem;bottom: auto;height: 180px;}
.fr_welcome_img > .svg_lines {bottom: auto;top: 0;color: var(--main-btn);margin-top: -1.5rem;height: 180px;width: auto;opacity: 0.3;}
.fr_welcome_img_innr {padding: 20px;background: transparent;color: inherit;}
.fr_welcome_apps {text-align: center;scale: 0.85;margin: 0 !important;}
}

/* Sowlov global branding override */
:root {
  --sowlov-primary: #D61A59;
  --sowlov-coral: #FC7B53;
  --sowlov-black: #111111;
  --sowlov-white: #ffffff;
  --main-link: var(--sowlov-primary);
  --main-btn: var(--sowlov-primary);
  --plyr-color-main: var(--sowlov-primary);
}

.text-primary, .link, a:not(.btn):hover, .dropdown-item.active, .dropdown-item:active { color: var(--sowlov-primary) !important; }
.bg-primary, .badge-primary, .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--sowlov-primary) !important; border-color: var(--sowlov-primary) !important; }
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
  color: #fff !important;
  border-color: transparent !important;
  background: linear-gradient(135deg, var(--sowlov-primary), var(--sowlov-coral)) !important;
  box-shadow: 0 8px 18px rgba(214, 26, 89, 0.20);
}
.btn-outline-primary { color: var(--sowlov-primary) !important; border-color: var(--sowlov-primary) !important; }
.btn-outline-primary:hover, .btn-outline-primary:focus { color: #fff !important; background: linear-gradient(135deg, var(--sowlov-primary), var(--sowlov-coral)) !important; }
.ele_page_hdng > svg:not(.nobg), .ele_page_hdng > div > svg:not(.nobg), .ele_navbar_top_right > .dropdown .counter, .conversation.right .conversation-body .text, .modal-title .nav-tabs .nav-link.active {
  background: linear-gradient(135deg, var(--sowlov-primary), var(--sowlov-coral)) !important;
}
.publisher-tools-tab.active, .publisher-tools-tab.activated, .verified-badge, .x-form-tools, .ele_hdr_droptoggle:hover, .ele_user_profile_nav li .active { color: var(--sowlov-primary) !important; }
.ele_user_profile_nav li .active:after, .ele_field > input + span::after, .ele_field > textarea + span::after, .ele_field > select + span::after { background: linear-gradient(90deg, var(--sowlov-primary), var(--sowlov-coral)) !important; }
.fr_welcome_img_innr { background: linear-gradient(0deg, rgba(17,17,17,.86), rgba(214,26,89,.18)) !important; }


/* Sowlov publisher modern clean UI */
#publisher-box {
  background: #ffffff;
  border: 1px solid rgba(214, 26, 89, 0.08);
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 18px 45px rgba(17, 17, 17, 0.06);
}
#publisher-box .publisher-footer {
  padding: 16px 20px 12px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.06);
  gap: 12px;
}
#publisher-box .publisher-footer .btn.js_publisher {
  min-width: 140px;
  min-height: 52px;
  padding: 12px 28px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.01em;
}
#publisher-box .publisher-message {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px 20px 16px;
}
#publisher-box .publisher-avatar {
  width: 52px;
  height: 52px;
  min-width: 52px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0;
}
#publisher-box .publisher-message:not(.colored) .colored-text-wrapper {
  flex: 1 1 auto;
  width: auto;
  min-height: 132px;
  padding: 14px 16px;
  border: 1px solid rgba(214, 26, 89, 0.10);
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff 0%, #fff7f9 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
#publisher-box .publisher .colored-text-wrapper .quill-editor {
  width: 100%;
}
body:not(.publisher-focus) #publisher-box .publisher-message:not(.colored) .colored-text-wrapper .quill-editor,
body:not(.publisher-focus) #publisher-box .publisher-message:not(.colored) .colored-text-wrapper textarea {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: 100%;
}
body:not(.publisher-focus) #publisher-box .publisher-message:not(.colored) .colored-text-wrapper .quill-editor .ql-editor,
body:not(.publisher-focus) #publisher-box .publisher-message:not(.colored) .colored-text-wrapper textarea {
  min-height: 108px;
  font-size: 17px;
  line-height: 1.6;
  color: #454545;
}
body:not(.publisher-focus) #publisher-box .publisher-message:not(.colored) .colored-text-wrapper .quill-editor .ql-editor::before,
body:not(.publisher-focus) #publisher-box .publisher-message:not(.colored) .colored-text-wrapper textarea::placeholder {
  color: #757575 !important;
  font-size: 17px;
}
#publisher-box .publisher-error,
#publisher-box .px-3 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
#publisher-box #ele_pub_options {
  padding: 0 20px 20px;
}
#publisher-box .publisher-tools-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 10px;
  padding-top: 2px;
}
#publisher-box .publisher-tools-tabs > li {
  list-style: none;
  width: calc(33.333% - 6.7px);
  margin: 0;
}
#publisher-box .publisher-tools-tab {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 54px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(17, 17, 17, 0.07);
  background: #ffffff;
  color: #222222;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
  box-shadow: 0 4px 14px rgba(17, 17, 17, 0.03);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}
#publisher-box .publisher-tools-tab svg {
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  color: var(--sowlov-primary);
}
#publisher-box .publisher-tools-tab:hover,
#publisher-box .publisher-tools-tab:focus {
  background: #fff7f9;
  border-color: rgba(214, 26, 89, 0.22);
  box-shadow: 0 8px 18px rgba(214, 26, 89, 0.08);
  transform: translateY(-1px);
}
#publisher-box .publisher-tools-tab.active,
#publisher-box .publisher-tools-tab.activated {
  background: linear-gradient(135deg, rgba(214, 26, 89, 0.10), rgba(252, 123, 83, 0.10));
  border-color: rgba(214, 26, 89, 0.25);
}
#publisher-box .publisher-meta,
#publisher-box .publisher-footer-options {
  margin-top: 14px;
  border: 1px solid rgba(17, 17, 17, 0.06);
  border-radius: 18px;
  background: #ffffff;
  padding: 14px 16px;
}
#publisher-box .publisher-footer-options .form-table-row:last-child,
#publisher-box .publisher-footer-options .form-group:last-child,
#publisher-box .publisher-meta:last-child {
  margin-bottom: 0;
}
body.night-mode #publisher-box {
  background: #161819;
  border-color: #2a2d2f;
  box-shadow: none;
}
body.night-mode #publisher-box .publisher-footer {
  border-bottom-color: #2a2d2f;
}
body.night-mode #publisher-box .publisher-message:not(.colored) .colored-text-wrapper {
  background: linear-gradient(180deg, #1a1d1f 0%, #181a1c 100%);
  border-color: #2a2d2f;
}
body.night-mode:not(.publisher-focus) #publisher-box .publisher-message:not(.colored) .colored-text-wrapper .quill-editor .ql-editor,
body.night-mode:not(.publisher-focus) #publisher-box .publisher-message:not(.colored) .colored-text-wrapper textarea {
  color: #e5e5e5;
}
body.night-mode #publisher-box .publisher-tools-tab,
body.night-mode #publisher-box .publisher-meta,
body.night-mode #publisher-box .publisher-footer-options {
  background: #1a1d1f;
  border-color: #2a2d2f;
  color: #f1f1f1;
  box-shadow: none;
}
body.night-mode #publisher-box .publisher-tools-tab:hover,
body.night-mode #publisher-box .publisher-tools-tab:focus {
  background: #202325;
}
@media (max-width: 991px) {
  #publisher-box .publisher-tools-tabs > li {
    width: calc(50% - 5px);
  }
}
@media (max-width: 767px) {
  #publisher-box {
    border-radius: 22px;
  }
  #publisher-box .publisher-footer {
    padding: 14px 14px 10px;
  }
  #publisher-box .publisher-message {
    gap: 10px;
    padding: 14px;
  }
  #publisher-box .publisher-avatar {
    width: 44px;
    height: 44px;
    min-width: 44px;
  }
  #publisher-box .publisher-message:not(.colored) .colored-text-wrapper {
    min-height: 118px;
    padding: 12px 14px;
    border-radius: 16px;
  }
  body:not(.publisher-focus) #publisher-box .publisher-message:not(.colored) .colored-text-wrapper .quill-editor .ql-editor,
  body:not(.publisher-focus) #publisher-box .publisher-message:not(.colored) .colored-text-wrapper textarea,
  body:not(.publisher-focus) #publisher-box .publisher-message:not(.colored) .colored-text-wrapper .quill-editor .ql-editor::before,
  body:not(.publisher-focus) #publisher-box .publisher-message:not(.colored) .colored-text-wrapper textarea::placeholder {
    font-size: 16px;
  }
  #publisher-box #ele_pub_options {
    padding: 0 14px 14px;
  }
  #publisher-box .publisher-tools-tabs {
    gap: 8px;
  }
  #publisher-box .publisher-tools-tabs > li {
    width: calc(50% - 4px);
  }
  #publisher-box .publisher-tools-tab {
    min-height: 50px;
    padding: 11px 12px;
    border-radius: 14px;
    font-size: 14px;
  }
  #publisher-box .publisher-tools-tab svg {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
  }
}
@media (max-width: 480px) {
  #publisher-box .publisher-footer .btn.js_publisher {
    min-width: 118px;
    min-height: 48px;
    padding: 10px 20px;
  }
  #publisher-box .publisher-tools-tabs > li {
    width: 100%;
  }
}


/* Sowlov publisher premium pass: Facebook-like, clean, branded */
#publisher-box {
  border-radius: 22px;
  border: 1px solid rgba(17, 17, 17, 0.06);
  background: #ffffff;
  box-shadow: 0 10px 30px rgba(17, 17, 17, 0.06);
}
#publisher-box .publisher-footer {
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px 10px;
  background: #ffffff;
  border-bottom: 1px solid #edf0f3;
}
#publisher-box .publisher-footer .btn.js_publisher {
  min-width: 124px;
  min-height: 46px;
  border-radius: 999px;
  padding: 10px 24px;
  font-size: 15px;
  font-weight: 700;
  box-shadow: 0 8px 18px rgba(214, 26, 89, 0.16);
}
#publisher-box .publisher-message {
  gap: 12px;
  padding: 14px 18px;
  background: #ffffff;
}
#publisher-box .publisher-avatar {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(255,255,255,0.9);
}
#publisher-box .publisher-message:not(.colored) .colored-text-wrapper {
  min-height: 126px;
  padding: 14px 16px;
  border: 0;
  border-radius: 18px;
  background: #f0f2f5;
  box-shadow: inset 0 0 0 1px rgba(17,17,17,0.03);
}
body:not(.publisher-focus) #publisher-box .publisher-message:not(.colored) .colored-text-wrapper .quill-editor,
body:not(.publisher-focus) #publisher-box .publisher-message:not(.colored) .colored-text-wrapper textarea {
  background: transparent !important;
}
body:not(.publisher-focus) #publisher-box .publisher-message:not(.colored) .colored-text-wrapper .quill-editor .ql-editor,
body:not(.publisher-focus) #publisher-box .publisher-message:not(.colored) .colored-text-wrapper textarea {
  min-height: 98px;
  font-size: 17px;
  line-height: 1.55;
  color: #1c1e21;
}
body:not(.publisher-focus) #publisher-box .publisher-message:not(.colored) .colored-text-wrapper .quill-editor .ql-editor::before,
body:not(.publisher-focus) #publisher-box .publisher-message:not(.colored) .colored-text-wrapper textarea::placeholder {
  color: #65676b !important;
  opacity: 1;
}
#publisher-box #ele_pub_options {
  padding: 0 18px 18px;
}
#publisher-box .publisher-tools-tabs {
  gap: 8px;
  padding-top: 2px;
}
#publisher-box .publisher-tools-tabs > li {
  width: calc(33.333% - 5.4px);
}
#publisher-box .publisher-tools-tab {
  min-height: 46px;
  padding: 10px 12px;
  gap: 8px;
  border: 0;
  border-radius: 12px;
  background: #f0f2f5;
  color: #1c1e21;
  font-size: 14px;
  font-weight: 600;
  box-shadow: none;
}
#publisher-box .publisher-tools-tab svg {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  color: var(--sowlov-primary);
}
#publisher-box .publisher-tools-tab:hover,
#publisher-box .publisher-tools-tab:focus {
  background: linear-gradient(135deg, rgba(214,26,89,0.10), rgba(252,123,83,0.10));
  color: #1c1e21;
  transform: none;
  box-shadow: none;
}
#publisher-box .publisher-tools-tab.active,
#publisher-box .publisher-tools-tab.activated {
  background: linear-gradient(135deg, rgba(214,26,89,0.12), rgba(252,123,83,0.12));
  color: var(--sowlov-primary);
}
#publisher-box .publisher-meta,
#publisher-box .publisher-footer-options {
  margin-top: 12px;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid #edf0f3;
  background: #ffffff;
  box-shadow: 0 4px 14px rgba(17, 17, 17, 0.03);
}
#publisher-box .publisher-loader .indeterminate {
  background: linear-gradient(90deg, var(--sowlov-primary), var(--sowlov-coral)) !important;
}
body.night-mode #publisher-box {
  background: #1c1e21;
  border-color: #2d3136;
  box-shadow: none;
}
body.night-mode #publisher-box .publisher-footer,
body.night-mode #publisher-box .publisher-message {
  background: #1c1e21;
  border-bottom-color: #2d3136;
}
body.night-mode #publisher-box .publisher-message:not(.colored) .colored-text-wrapper,
body.night-mode #publisher-box .publisher-tools-tab {
  background: #2a2d31;
}
body.night-mode:not(.publisher-focus) #publisher-box .publisher-message:not(.colored) .colored-text-wrapper .quill-editor .ql-editor,
body.night-mode:not(.publisher-focus) #publisher-box .publisher-message:not(.colored) .colored-text-wrapper textarea,
body.night-mode #publisher-box .publisher-tools-tab,
body.night-mode #publisher-box .publisher-meta,
body.night-mode #publisher-box .publisher-footer-options {
  color: #f1f3f5;
}
body.night-mode #publisher-box .publisher-meta,
body.night-mode #publisher-box .publisher-footer-options {
  background: #1f2226;
  border-color: #2d3136;
  box-shadow: none;
}
body.night-mode #publisher-box .publisher-tools-tab:hover,
body.night-mode #publisher-box .publisher-tools-tab:focus {
  background: rgba(214,26,89,0.16);
}
@media (max-width: 991px) {
  #publisher-box .publisher-tools-tabs > li {
    width: calc(50% - 4px);
  }
}
@media (max-width: 767px) {
  #publisher-box {
    border-radius: 18px;
  }
  #publisher-box .publisher-footer {
    padding: 12px 14px 10px;
  }
  #publisher-box .publisher-footer .btn.js_publisher {
    min-width: 106px;
    min-height: 42px;
    padding: 9px 18px;
    font-size: 14px;
  }
  #publisher-box .publisher-message {
    padding: 12px 14px;
  }
  #publisher-box .publisher-avatar {
    width: 42px;
    height: 42px;
    min-width: 42px;
  }
  #publisher-box .publisher-message:not(.colored) .colored-text-wrapper {
    min-height: 112px;
    padding: 12px 14px;
    border-radius: 16px;
  }
  body:not(.publisher-focus) #publisher-box .publisher-message:not(.colored) .colored-text-wrapper .quill-editor .ql-editor,
  body:not(.publisher-focus) #publisher-box .publisher-message:not(.colored) .colored-text-wrapper textarea,
  body:not(.publisher-focus) #publisher-box .publisher-message:not(.colored) .colored-text-wrapper .quill-editor .ql-editor::before,
  body:not(.publisher-focus) #publisher-box .publisher-message:not(.colored) .colored-text-wrapper textarea::placeholder {
    font-size: 16px;
  }
  #publisher-box #ele_pub_options {
    padding: 0 14px 14px;
  }
  #publisher-box .publisher-tools-tab {
    min-height: 44px;
    border-radius: 11px;
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  #publisher-box .publisher-tools-tabs > li {
    width: 100%;
  }
}