/* iFeedeBook - iPhone Web App iOS 6 Mix
   Solo se activa con:
   html.ifb-iphone-standalone.ifb-ios6-mix-mode

   Criterio:
   - Mantiene diseño actual retro/Facebook.
   - Suma detalles iOS 6 solo cuando la app está instalada en iPhone.
   - No afecta Safari normal, desktop ni iPad.
*/

html.ifb-iphone-standalone.ifb-ios6-mix-mode,
html.ifb-iphone-standalone.ifb-ios6-mix-mode body {
  min-height: 100%;
  background:
    linear-gradient(#edf1f7 0, #dbe3ef 76px, #eef1f6 180px, #f5f6f9 100%) !important;
  -webkit-font-smoothing: antialiased;
  overscroll-behavior: none;
}

html.ifb-iphone-standalone.ifb-ios6-mix-mode body {
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
}

/* No perder identidad actual, solo mejorar como app */
html.ifb-iphone-standalone.ifb-ios6-mix-mode a,
html.ifb-iphone-standalone.ifb-ios6-mix-mode button {
  -webkit-tap-highlight-color: rgba(59,89,152,.18);
}

html.ifb-iphone-standalone.ifb-ios6-mix-mode #topNotificationWrap {
top: 3px;
}

/* Topbar actual + glossy iOS 6 leve */
html.ifb-iphone-standalone.ifb-ios6-mix-mode .topbar {
  position: fixed !important;
  margin-top: -1px !important;
  z-index: 9000 !important;
  min-height: 44px !important;
  border-bottom: 1px solid #243f7a !important;
  background:
    linear-gradient(
      to bottom,
      #6f8fc3 0%,
      #7d98ca 18%,
      #5578b5 47%,
      #3c64a4 58%,
      #2f5592 100%
    ) !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.42),
    inset 0 -1px rgba(0,0,0,.24),
    0 1px 3px rgba(0,0,0,.18) !important;
}

html.ifb-iphone-standalone.ifb-ios6-mix-mode .topbar-inner {
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding-left: max(8px, env(safe-area-inset-left)) !important;
  padding-right: max(8px, env(safe-area-inset-right)) !important;
  box-sizing: border-box !important;
}

html.ifb-iphone-standalone.ifb-ios6-mix-mode .logo,
html.ifb-iphone-standalone.ifb-ios6-mix-mode .brand {
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0,0,0,.52) !important;
  font-weight: bold !important;
  font-size: 18px !important;
  letter-spacing: -.2px !important;
  text-decoration: none !important;
}

/* Links de topnav como mini botones iOS, pero conservando azul Facebook */
html.ifb-iphone-standalone.ifb-ios6-mix-mode .topnav a,
html.ifb-iphone-standalone.ifb-ios6-mix-mode .topnav button,
html.ifb-iphone-standalone.ifb-ios6-mix-mode #topNavMount a,
html.ifb-iphone-standalone.ifb-ios6-mix-mode #topNavMount button {
  min-height: 27px !important;
  padding: 4px 8px !important;
  border: 1px solid rgba(16,39,85,.78) !important;
  border-radius: 5px !important;
  background:
    linear-gradient(
      to bottom,
      rgba(255,255,255,.24),
      rgba(255,255,255,.08) 48%,
      rgba(0,0,0,.06) 49%,
      rgba(0,0,0,.15)
    ) !important;
  color: #fff !important;
  text-shadow: 0 -1px rgba(0,0,0,.48) !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.32),
    0 1px rgba(255,255,255,.10) !important;
  text-decoration: none !important;
  line-height: 16px !important;
}

html.ifb-iphone-standalone.ifb-ios6-mix-mode .topnav a:active,
html.ifb-iphone-standalone.ifb-ios6-mix-mode .topnav button:active,
html.ifb-iphone-standalone.ifb-ios6-mix-mode #topNavMount a:active,
html.ifb-iphone-standalone.ifb-ios6-mix-mode #topNavMount button:active {
  box-shadow: inset 0 2px 4px rgba(0,0,0,.32) !important;
}

/* En iPhone app: una columna, pero no rediseña desktop */
@media (max-width: 760px) {
  html.ifb-iphone-standalone.ifb-ios6-mix-mode .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 50px 7px calc(12px + env(safe-area-inset-bottom)) 7px !important;
    box-sizing: border-box !important;
    background: transparent !important;
  }

  html.ifb-iphone-standalone.ifb-ios6-mix-mode aside {
    display: none !important;
  }

  html.ifb-iphone-standalone.ifb-ios6-mix-mode main {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
}

/* Cajas actuales + un toque grouped/table iOS 6 */
html.ifb-iphone-standalone.ifb-ios6-mix-mode .box {
  border-color: #b2bdd0 !important;
  border-radius: 7px !important;
  overflow: hidden !important;
  box-shadow:
    0 1px 2px rgba(0,0,0,.09),
    inset 0 1px rgba(255,255,255,.70) !important;
}

html.ifb-iphone-standalone.ifb-ios6-mix-mode .box-title {
  background:
    linear-gradient(
      to bottom,
      #f7f8fb,
      #e9edf5 48%,
      #dce3ee 49%,
      #d2dbe8
    ) !important;
  color: #33496d !important;
  text-shadow: 0 1px rgba(255,255,255,.75) !important;
  border-bottom-color: #b2bdd0 !important;
}

/* Posts/cards: solo suavizado, no cambio total */
html.ifb-iphone-standalone.ifb-ios6-mix-mode article,
html.ifb-iphone-standalone.ifb-ios6-mix-mode .post,
html.ifb-iphone-standalone.ifb-ios6-mix-mode .ifb-note-card {
  border-color: #b2bdd0 !important;
  border-radius: 7px !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.08) !important;
}

/* Inputs con relieve sutil iOS 6, sin destruir layout actual */
html.ifb-iphone-standalone.ifb-ios6-mix-mode input,
html.ifb-iphone-standalone.ifb-ios6-mix-mode textarea,
html.ifb-iphone-standalone.ifb-ios6-mix-mode select {
  border-color: #a4afc1 !important;
  border-radius: 5px !important;
  background:
    linear-gradient(to bottom, #f8f8f8, #fff 34%) !important;
  box-shadow:
    inset 0 1px 2px rgba(0,0,0,.13),
    0 1px rgba(255,255,255,.55) !important;
}

/* Botones actuales + glossy leve */
html.ifb-iphone-standalone.ifb-ios6-mix-mode button,
html.ifb-iphone-standalone.ifb-ios6-mix-mode input[type="submit"],
html.ifb-iphone-standalone.ifb-ios6-mix-mode .button,
html.ifb-iphone-standalone.ifb-ios6-mix-mode a.button {
  border-radius: 5px !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.65),
    0 1px 1px rgba(0,0,0,.10) !important;
    padding-left: 13px;
  
}

html.ifb-iphone-standalone.ifb-ios6-mix-mode button:active,
html.ifb-iphone-standalone.ifb-ios6-mix-mode input[type="submit"]:active,
html.ifb-iphone-standalone.ifb-ios6-mix-mode .button:active,
html.ifb-iphone-standalone.ifb-ios6-mix-mode a.button:active {
  box-shadow: inset 0 2px 4px rgba(0,0,0,.28) !important;
}

/* Submit azules tipo iOS, pero manteniendo lenguaje Facebook */
html.ifb-iphone-standalone.ifb-ios6-mix-mode button.primary,
html.ifb-iphone-standalone.ifb-ios6-mix-mode button[type="submit"] {
  border-color: #264b8b !important;
  background:
    linear-gradient(
      to bottom,
      #6f91cc 0%,
      #5278ba 48%,
      #3a65aa 49%,
      #335995 100%
    ) !important;
  color: #fff !important;
  text-shadow: 0 -1px rgba(0,0,0,.50) !important;
}

/* Icon picker más integrado como popover iOS viejo */
html.ifb-iphone-standalone.ifb-ios6-mix-mode #ifbFinalCommentIconPicker,
html.ifb-iphone-standalone.ifb-ios6-mix-mode #ifbUniversalIconPicker {
  border-radius: 7px !important;
  overflow: hidden !important;
  border-color: #273f75 !important;
  box-shadow: 0 7px 20px rgba(0,0,0,.30) !important;
}

html.ifb-iphone-standalone.ifb-ios6-mix-mode .ifb-universal-icon-picker-head {
  background:
    linear-gradient(to bottom, #6f8fc3, #496fb0 48%, #355d9e 49%, #2f5592) !important;
  text-shadow: 0 -1px rgba(0,0,0,.50) !important;
}

/* Photo viewer: más app, pero mantiene el visor actual */
html.ifb-iphone-standalone.ifb-ios6-mix-mode #ifbPhotoViewerOverlay {
  background: rgba(0,0,0,.86) !important;
}

/* Scroll más app */
html.ifb-iphone-standalone.ifb-ios6-mix-mode body {
  -webkit-overflow-scrolling: touch;
}