/**
 * doctorSIM Native App Styles
 *
 * Applied only when .in-native-app class is present on <html>.
 * Hides web-only UI (header, footer, app banners, unlock/check menus)
 * when running inside the native app WebView.
 */

/* ============================================================
   HEADER & FOOTER
   ============================================================ */

.in-native-app .top-menu {
  display: none !important;
}

.in-native-app .section-footer {
  display: none !important;
}

/* ============================================================
   APP DOWNLOAD BANNERS & LINKS
   ============================================================ */

.in-native-app .app-download-footer {
  display: none !important;
}

.in-native-app .store-badge {
  display: none !important;
}

.in-native-app .footer-app-qr {
  display: none !important;
}

/* AppsFlyer smart banner */
.in-native-app #afBannerPushDown,
.in-native-app [id^="af-banner"],
.in-native-app .smart-banner,
.in-native-app [class*="smart-banner"],
.in-native-app [class*="app-promo"],
.in-native-app [class*="download-app"] {
  display: none !important;
}

/* ============================================================
   UNLOCK / PHONE CHECK MENU ITEMS (HEADER)
   ============================================================ */

.in-native-app li.nav-item:has(> #unlockPhone) {
  display: none !important;
}

.in-native-app li.nav-item:has(> #phoneChecks) {
  display: none !important;
}

/* Fallback for older WebViews without :has() */
.in-native-app #unlockPhone {
  display: none !important;
}

.in-native-app #phoneChecks {
  display: none !important;
}

/* ============================================================
   UNLOCK / PHONE CHECK LINKS (BY HREF PATTERN)
   ============================================================ */

.in-native-app a[href*="unlock-phone"],
.in-native-app a[href*="liberar-movil"],
.in-native-app a[href*="desbloquear-celular"],
.in-native-app a[href*="phone-imei-checks"],
.in-native-app a[href*="phone-checks"],
.in-native-app a[href*="chequear-movil"],
.in-native-app a[href*="blacklist"],
.in-native-app a[href*="carrier-check"],
.in-native-app a[href*="icloud"],
.in-native-app a[href*="sim-lock"],
.in-native-app a[href*="warranty-check"],
.in-native-app a[href*="cant-find-model"],
.in-native-app a[href*="no_encuentro_terminal"],
.in-native-app a[href*="unlock-eligibility"] {
  display: none !important;
}

/* Hide parent <li> items containing unlock/check links */
.in-native-app li:has(a[href*="unlock-phone"]),
.in-native-app li:has(a[href*="liberar-movil"]),
.in-native-app li:has(a[href*="desbloquear-celular"]),
.in-native-app li:has(a[href*="phone-imei-checks"]),
.in-native-app li:has(a[href*="phone-checks"]),
.in-native-app li:has(a[href*="chequear-movil"]),
.in-native-app li:has(a[href*="blacklist"]),
.in-native-app li:has(a[href*="no_encuentro_terminal"]),
.in-native-app li:has(a[href*="cant-find-model"]) {
  display: none !important;
}

/* Hide sections on homepage that promote unlocking or checks */
.in-native-app section[class*="unlock"],
.in-native-app section[class*="check"],
.in-native-app div[class*="unlock"],
.in-native-app div[class*="imei"] {
  display: none !important;
}

/* ============================================================
   DOWNLOAD APP MENU ITEM (MOBILE HAMBURGER)
   ============================================================ */

.in-native-app li.nav-item:has(a[href*="download-app"]),
.in-native-app li.nav-item:has(a[href*="descargar-app"]),
.in-native-app li.nav-item:has(a[href*="telecharger-app"]) {
  display: none !important;
}

/* ============================================================
   BODY PADDING ADJUSTMENT
   ============================================================ */

.in-native-app body {
  padding-top: 0 !important;
  padding-bottom: 100px !important;
}
