/* =====================================================================
   📱 v419 (26 Akt 2026) — PHONE PAR WEBSITE KI CHHOTI KAMIYAN
   Raj: "website mobile bhi direct support karna chahiye … fix mobile version website"
   Jaanch: asli Chromium, 4 phone naap (320 · 360 · 390 · 412) x 44 screen.
   Sirf naap / jagah theek ki — rang, tiranga kinara, design, feature, ads: kuch nahi badla.
   Hatana ho to index.html se is file ki 1 line hata do.
   ===================================================================== */

/* 1) Profile: naam wala hissa kam se kam 340px chauda rakha tha — 340px se chhote phone par
      poora panna sideways khiskne lagta tha. Phone par ab jitni jagah hai utna hi. */
@media (max-width: 400px) {
  #views div[style*="min-width:340px"] { min-width: 0 !important; }
}

/* 2) 🔔 Notification ka dabba 340px ka tha — chhote phone par left se kat jaata tha ("otifications").
      Phone par ab dono taraf 8px chhod kar poori chaudai. */
@media (max-width: 400px) {
  #notifPanel { left: 8px !important; right: 8px !important; width: auto !important; }
}

/* 3) PiyariBook ka naam (Piyari gulabi + Book neela) flex wali line me toot kar
      "Piya ri / Boo k / Premiu m" ban jaata tha — app-360 dono tukdon ko ek saath jodta hai, ye uska CSS. */
.pbg-jod { min-width: 0; }
.pbg-jod .pbgp, .pbg-jod .pbgb { white-space: nowrap; }

/* 4) ☰ Menu ke chhote dabbe: "Marketplac / e" jaisa beech se toota shabd. Shabd poora rahe. */
.am-tile > div:not(.am-ic) { overflow-wrap: normal; word-break: normal; }
@media (max-width: 440px) {
  .am-tile > div:not(.am-ic) { font-size: 11.5px; letter-spacing: -0.1px; }
}

/* 5) 💬 Chat me likhne ka dabba chhote phone par bas 2-3 akshar jitna ("Mes…") reh jaata tha.
      Phone par icon thode chhote + kam gap → likhne ki jagah ~40px zyada. Saare button wahi. */
@media (max-width: 400px) {
  #chatInputBar { gap: 2px !important; padding-left: 6px !important; padding-right: 6px !important; }
  #chatInputBar .cmic { width: 31px !important; height: 34px !important; font-size: 18px !important; }
  #chatInputBar .cmic-gif { width: auto !important; min-width: 30px !important; padding: 0 4px !important; font-size: 10.5px !important; }
  #chatInputBar .send { width: 36px !important; height: 36px !important; }
  #chatInputBar #chatInput { min-width: 92px !important; padding-left: 12px !important; padding-right: 8px !important; }
}

/* 6) 🔐 Chat-PIN ke dabbe: "N a y a  C h a t - P I N (6 + a…" — chaude akshar-faasle se likhawat kat jaati thi.
      Sirf placeholder (halki likhawat) ka faasla kam; PIN likhte waqt ank pehle jaise chaude. */
#e2esPin1::placeholder, #e2esPin2::placeholder, #e2egPin::placeholder,
#pbCwPin::placeholder, #pcPin1::placeholder, #pcPin2::placeholder { letter-spacing: 0.5px; font-size: 15px; }

/* 7) 🔍 Watch ki khoj: tiranga kinare wali goli ke andar ek aur chaukor kinara dikhta tha.
      Goli ka tiranga kinara waisa hi; andar ka faltu doosra kinara hataya. */
#ytSearch#ytSearch#ytSearch:not(:focus) { border: none !important; background: none !important; box-shadow: none !important; }

/* 8) 👆 Ungli ke liye chhote button (Google/WCAG: kam se kam ~32px). Sirf phone par. */
@media (max-width: 600px) {
  .pb-pubfoot .pb-pf-links a { display: inline-block; padding: 6px 5px; }
  #auth a.forgot { display: inline-block; padding: 8px 6px; }
  .post-menu-btn { flex-shrink: 0; min-width: 34px; }
  .chat-head span[onclick*="_chatMore"], .chat-head span[onclick*="closeChat"] { min-width: 34px; text-align: center; }
}