/* InfoSmashers app layer: mobile polish, PWA install banner, live search overlay.
 * Loaded after style.css. Safe to delete if you ever want to roll back. */

html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
a,button,input,select,textarea,summary{-webkit-tap-highlight-color:rgba(0,180,216,.18)}
a,button,[role="button"],input,select,textarea,label{touch-action:manipulation}
img,video{max-width:100%}
body{overflow-wrap:break-word}
table{max-width:100%}

/* Comfortable thumb targets on phones; 16px inputs stop iOS zooming on focus */
@media (max-width:991px){
  input,select,textarea{font-size:16px;min-height:44px}
  .btn,button.btn,a.btn{min-height:44px}
  footer .fcol a{padding:6px 0 !important}
}

/* Floating WhatsApp button clears the iPhone home bar */
html body .floating-contact-hub{right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px))}

/* Header search button: right end on desktop, next to the burger on phones */
.hdr-search{flex-shrink:0;margin-left:12px}
@media (max-width:991px){
  header .nav .hdr-search{order:1;margin-left:auto}
  header .nav #burger{order:2;margin-left:6px !important}
}

/* Respect "reduce motion" (announcement marquee, counters, hover lifts) */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
  .custom-marquee-track{animation:none !important}
}

/* Installed-app (standalone) tweaks */
@media (display-mode:standalone){
  body{overscroll-behavior-y:contain}
  html body .floating-contact-hub{bottom:calc(22px + env(safe-area-inset-bottom,0px))}
}

/* Install banner */
#isInstall{position:fixed;left:12px;right:12px;bottom:calc(88px + env(safe-area-inset-bottom,0px));z-index:9995;display:flex;align-items:center;gap:10px;background:#0f2a4a;color:#fff;border-radius:12px;padding:12px 12px 12px 16px;box-shadow:0 10px 30px rgba(15,42,74,.35);max-width:460px;margin:0 auto;font-size:14px;line-height:1.4}
#isInstall .is-install-text{flex:1;min-width:0}
#isInstall strong{display:block;font-size:14px}
#isInstall span{display:block;opacity:.85;font-size:13px}
#isInstall button{font:inherit;cursor:pointer;border:0;border-radius:8px}
#isInstall .is-install-go{background:#00b4d8;color:#0f2a4a;font-weight:700;padding:9px 16px;min-height:40px}
#isInstall .is-install-x{background:transparent;color:#fff;font-size:24px;line-height:1;padding:4px 10px;min-height:40px}

/* Live search overlay */
html.iss-lock{overflow:hidden}
#isSearch[hidden]{display:none}
#isSearch{position:fixed;inset:0;z-index:100000}
#isSearch .iss-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55)}
#isSearch .iss-panel{position:relative;background:#fff;width:100%;max-width:640px;max-height:100vh;max-height:100dvh;margin:0 auto;display:flex;flex-direction:column;box-shadow:0 20px 50px rgba(15,23,42,.3)}
@media (min-width:700px){#isSearch .iss-panel{margin-top:8vh;max-height:80vh;border-radius:14px;overflow:hidden}}
#isSearch .iss-form{display:flex;align-items:center;gap:6px;padding:12px 12px 8px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px));border-bottom:1px solid #e2e8f0}
#isSearch .iss-input{flex:1;border:0;outline:0;font-size:17px;min-height:46px;padding:0;background:transparent;color:#0f172a;border-radius:0}
#isSearch .iss-input::-webkit-search-cancel-button{-webkit-appearance:none}
#isSearch .iss-close{border:0;background:#f1f5f9;color:#0f2a4a;width:40px;height:40px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;flex-shrink:0}
#isSearch .iss-status{padding:8px 16px;font-size:13px;color:#64748b;min-height:34px}
#isSearch .iss-list{overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;padding:0 8px 8px}
#isSearch .iss-item{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:#0f172a}
#isSearch .iss-item:hover,#isSearch .iss-item.on{background:#f1f5f9}
#isSearch .iss-type{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#0f2a4a;background:rgba(0,180,216,.14);padding:1px 8px;border-radius:99px;margin-right:8px}
#isSearch .iss-title{font-weight:600}
#isSearch .iss-desc{display:block;font-size:13px;color:#64748b;margin-top:2px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#isSearch .iss-all{display:block;text-align:center;padding:12px;border-top:1px solid #e2e8f0;font-weight:600;color:#0f2a4a;text-decoration:none}