/* ====================================================================== *
 * File: landing_mobile_polish.css
 * Location: static/css/landing_mobile_polish.css
 * Description: Mobile landing fixes for clean account navigation and user-supplied monochrome Bale/WhatsApp social icons.
 * Version: 1.3.0
 * Last Modified: Wed Sep 02 2026 - 10:56
 * Dependencies: landing.css, landing-nav-refinement.css, landing-followup_polish.css, landing_editorial_redesign.css
 * ====================================================================== */

/* -------------------------------------------------------------------------- *
 * 1. Top navigation cleanup
 * -------------------------------------------------------------------------- */

/* - - - 1.1. Remove decorative glyphs from the student-panel action only - - - */
.landing-student-login::before,
.landing-student-login::after {
  content: none !important;
  display: none !important;
}

/* -------------------------------------------------------------------------- *
 * 2. Unified monochrome social icons
 * -------------------------------------------------------------------------- */

/* - - - 2.1. Keep all landing and footer social controls white in resting and hover states - - - */
.landing-social,
.landing-social:hover,
.fereshte-footer-social,
.fereshte-footer-social:hover {
  color: #ffffff !important;
}

/* - - - 2.2. Disable legacy colored Bale and WhatsApp background artwork - - - */
.landing-social[aria-label="بله"],
.landing-social[aria-label="واتساپ"],
.fereshte-footer-social[aria-label="بله"],
.fereshte-footer-social[aria-label="واتساپ"] {
  background-image: none !important;
  background-position: initial !important;
  background-repeat: initial !important;
  background-size: initial !important;
}

/* - - - 2.3. Render the user-supplied messaging artwork consistently - - - */
.landing-social-user-icon,
.fereshte-footer-social-user-icon {
  display: block;
  width: 62%;
  height: 62%;
  max-width: 26px;
  max-height: 26px;
  object-fit: contain;
  object-position: center;
  pointer-events: none;
  user-select: none;
}

/* - - - 2.4. Keep the wider Bale wordmark optically balanced inside circular controls - - - */
.landing-social-user-icon.is-bale,
.fereshte-footer-social-user-icon.is-bale {
  width: 68%;
  height: 58%;
}

/* - - - 2.5. Show the exact uploaded WhatsApp SVG through the actual image element - - - */
.landing-social-user-icon.is-whatsapp,
.fereshte-footer-social-user-icon.is-whatsapp {
  display: block !important;
  width: 68%;
  height: 68%;
  max-width: 28px;
  max-height: 28px;
  object-fit: contain;
  object-position: center;
  filter: brightness(0) invert(1);
}

/* ============================= End of landing_mobile_polish.css ============================= */