/* =========================================================
   MABLALU SOCIAL
   GLOBAL PUBLIC THEME
   ========================================================= */

:root {
  --mablalu-rose: #d84f85;
  --mablalu-rose-dark: #b63d6d;
  --mablalu-rose-soft: #fff0f6;

  --mablalu-plum: #58223f;
  --mablalu-deep: #321323;

  --mablalu-ivory: #fff9fb;
  --mablalu-white: #ffffff;

  --mablalu-muted: #806d78;

  --mablalu-border:
    rgba(116,65,91,.12);

  --mablalu-shadow:
    rgba(93,43,68,.10);
}


/* =========================================================
   GLOBAL PUBLIC BACKGROUND / TEXT
   ========================================================= */

body {
  --primary: var(--mablalu-rose);
  --primary-dark: var(--mablalu-rose-dark);

  accent-color:
    var(--mablalu-rose);
}


/* =========================================================
   TOP ANNOUNCEMENT STRIP
   Removes the old blue bar globally
   ========================================================= */

body .landing-announcement {
  color: #fff !important;

  background:
    linear-gradient(
      110deg,
      #a93465 0%,
      #cf477d 48%,
      #e56a9a 100%
    ) !important;

  border-color:
    rgba(255,255,255,.12) !important;

  box-shadow:
    none !important;
}


body .landing-announcement,
body .landing-announcement a,
body .landing-announcement span,
body .landing-announcement strong {
  color:
    #fff !important;
}


/* =========================================================
   PUBLIC HEADER
   ========================================================= */

body .site-header,
body .landing-header {
  border-bottom:
    1px solid
    rgba(116,65,91,.09) !important;

  background:
    rgba(255,251,253,.94) !important;

  backdrop-filter:
    blur(18px);

  -webkit-backdrop-filter:
    blur(18px);
}


/* Logo S */

body .brand-mark,
body .public-brand-mark {
  color:
    #fff !important;

  background:
    linear-gradient(
      145deg,
      #e36b99,
      #c94076
    ) !important;

  box-shadow:
    0 8px 20px
    rgba(190,58,111,.18) !important;
}


/* Brand text */

body .brand strong {
  color:
    var(--mablalu-deep) !important;
}


/* =========================================================
   MAIN PUBLIC BUTTONS
   ========================================================= */

body .button-primary,
body .public-account-button,
body .public-create-account,
body .nav-button:not(.public-shop-action),
body .contact-telegram-button {
  color:
    #fff !important;

  border-color:
    transparent !important;

  background:
    linear-gradient(
      135deg,
      var(--mablalu-rose-dark),
      #df5f91
    ) !important;

  box-shadow:
    0 8px 20px
    rgba(190,58,111,.16) !important;
}


/* =========================================================
   PUBLIC MENU BUTTON
   ========================================================= */

body .fp-public-menu-trigger {
  color:
    var(--mablalu-plum) !important;

  border:
    1px solid
    var(--mablalu-border) !important;

  background:
    rgba(255,251,253,.96) !important;

  box-shadow:
    0 7px 20px
    rgba(93,43,68,.06) !important;
}


body .fp-menu-trigger-lines i {
  background:
    var(--mablalu-plum) !important;
}


/* =========================================================
   GLOBAL SUPPORT FOOTER
   ========================================================= */

body .public-support-footer-v2 {
  color:
    var(--mablalu-deep) !important;

  border-top:
    1px solid
    rgba(116,65,91,.08) !important;

  background:
    radial-gradient(
      circle at 82% 12%,
      rgba(216,79,133,.10),
      transparent 30%
    ),
    linear-gradient(
      180deg,
      #fff9fb 0%,
      #fff5f9 100%
    ) !important;

  box-shadow:
    none !important;
}


/* Support heading */

body .public-support-footer-v2
.public-support-heading strong,

body .public-support-footer-v2
.public-support-heading h2 {
  color:
    var(--mablalu-deep) !important;
}


body .public-support-footer-v2
.public-support-heading span,

body .public-support-footer-v2
.public-support-heading p {
  color:
    var(--mablalu-muted) !important;
}


/* Headset icon */

body .public-support-footer-v2
.public-support-icon {
  color:
    var(--mablalu-rose) !important;

  border-color:
    rgba(216,79,133,.16) !important;

  background:
    rgba(216,79,133,.07) !important;
}


body .public-support-footer-v2
.public-support-icon svg {
  fill:
    currentColor !important;

  color:
    var(--mablalu-rose) !important;
}


/* =========================================================
   SUPPORT SECONDARY BUTTONS
   ========================================================= */

body .public-support-footer-v2
.support-action-secondary {
  color:
    var(--mablalu-plum) !important;

  border:
    1px solid
    rgba(116,65,91,.12) !important;

  background:
    rgba(255,255,255,.88) !important;

  box-shadow:
    0 5px 16px
    rgba(93,43,68,.035) !important;
}


body .public-support-footer-v2
.support-action-secondary:hover {
  background:
    #fff !important;

  border-color:
    rgba(216,79,133,.22) !important;
}


/* Secondary button icons */

body .public-support-footer-v2
.support-action-secondary
.support-action-icon {
  color:
    var(--mablalu-rose) !important;

  background:
    var(--mablalu-rose-soft) !important;
}


body .public-support-footer-v2
.support-action-secondary
.support-action-icon svg {
  fill:
    currentColor !important;

  color:
    var(--mablalu-rose) !important;
}


/* =========================================================
   EMAIL SUPPORT BUTTON
   ========================================================= */

body .public-support-footer-v2
.support-action-primary {
  color:
    #fff !important;

  border:
    1px solid
    rgba(182,61,109,.15) !important;

  background:
    linear-gradient(
      135deg,
      #b63d6d,
      #df5f91
    ) !important;

  box-shadow:
    0 12px 28px
    rgba(182,61,109,.16) !important;
}


body .public-support-footer-v2
.support-action-primary:hover {
  background:
    linear-gradient(
      135deg,
      #a93465,
      #d84f85
    ) !important;
}


/* Email icon */

body .public-support-footer-v2
.support-action-primary
.support-action-icon {
  color:
    #fff !important;

  background:
    rgba(255,255,255,.14) !important;
}


body .public-support-footer-v2
.support-action-primary
.support-action-icon svg {
  fill:
    currentColor !important;

  color:
    #fff !important;
}


/* Arrows */

body .public-support-footer-v2
.support-action-arrow {
  color:
    currentColor !important;
}


/* Fast support line */

body .public-support-footer-v2
.public-support-fast-note {
  color:
    var(--mablalu-muted) !important;
}


body .public-support-footer-v2
.public-support-fast-note svg {
  fill:
    var(--mablalu-rose) !important;

  color:
    var(--mablalu-rose) !important;
}


/* =========================================================
   COMMON PUBLIC ACCENTS
   ========================================================= */

body .eyebrow,
body .fp-platform-label,
body .fpv2-eyebrow {
  color:
    var(--mablalu-rose) !important;
}


/* Terms and similar numbered chips */

body .terms-section-number,
body .terms-number,
body .legal-number {
  color:
    var(--mablalu-rose-dark) !important;

  border-color:
    rgba(216,79,133,.15) !important;

  background:
    rgba(216,79,133,.06) !important;
}


/* =========================================================
   LINKS / FOCUS
   ========================================================= */

body input:focus,
body textarea:focus,
body select:focus {
  border-color:
    rgba(216,79,133,.45) !important;

  box-shadow:
    0 0 0 3px
    rgba(216,79,133,.09) !important;

  outline:
    none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 760px) {

  body .landing-announcement {
    background:
      linear-gradient(
        105deg,
        #ad3568,
        #d94f86
      ) !important;
  }


  body .public-support-footer-v2 {
    background:
      linear-gradient(
        180deg,
        #fff9fb,
        #fff4f8
      ) !important;
  }

}


/* END MABLALU GLOBAL PUBLIC THEME */


/* =========================================================
   MABLALU GLOBAL SUPPORT
   TEXT + ICON FINAL FIX
   ========================================================= */

/* Secondary button text */
body .public-support-footer-v2
.support-action-secondary
> span:not(.support-action-icon):not(.support-action-arrow) {
  color: #58223f !important;
  opacity: 1 !important;
}


/* Primary email button text */
body .public-support-footer-v2
.support-action-primary
> span:not(.support-action-icon):not(.support-action-arrow) {
  color: #ffffff !important;
  opacity: 1 !important;
}


/* Secondary arrows */
body .public-support-footer-v2
.support-action-secondary
.support-action-arrow {
  color: #58223f !important;
  opacity: 1 !important;
}


/* Email arrow */
body .public-support-footer-v2
.support-action-primary
.support-action-arrow {
  color: #ffffff !important;
  opacity: 1 !important;
}


/* Secondary icons */
body .public-support-footer-v2
.support-action-secondary
.support-action-icon {
  color: #d84f85 !important;
  background: #fff0f6 !important;
}


/* Force SVG icons to Mablalu rose */
body .public-support-footer-v2
.support-action-secondary
.support-action-icon svg,
body .public-support-footer-v2
.support-action-secondary
.support-action-icon svg path {
  color: #d84f85 !important;
  fill: #d84f85 !important;
  stroke: #d84f85 !important;
}


/* Main support headset */
body .public-support-footer-v2
.public-support-icon svg,
body .public-support-footer-v2
.public-support-icon svg path {
  color: #d84f85 !important;
  fill: #d84f85 !important;
  stroke: #d84f85 !important;
}


/* Email icon stays white */
body .public-support-footer-v2
.support-action-primary
.support-action-icon svg,
body .public-support-footer-v2
.support-action-primary
.support-action-icon svg path {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}


/* Bottom fast-support message */
body .public-support-footer-v2
.public-support-fast-note,
body .public-support-footer-v2
.public-support-fast-note span {
  color: #806d78 !important;
  opacity: 1 !important;
}


/* Lightning icon */
body .public-support-footer-v2
.public-support-fast-note svg,
body .public-support-footer-v2
.public-support-fast-note svg path {
  color: #d84f85 !important;
  fill: #d84f85 !important;
  stroke: #d84f85 !important;
}


/* END GLOBAL SUPPORT FINAL FIX */