/* Site search results + language switcher styling */

/* ---------- Search results ---------- */
.ps-results { margin-top: 18px; max-height: min(66vh, 620px); overflow-y: auto; padding: 4px 4px 18px 0; font-family: inherit; color: #222; }
.ps-results:empty { display: none; }
.ps-label { margin: 0 0 8px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #6b7280; }
.ps-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.ps-chip { border: 1px solid #d4d8de; background: #fff; border-radius: 999px; padding: 8px 14px; font: inherit; font-size: 14px; color: #1f2937; cursor: pointer; transition: all .15s; }
.ps-chip:hover, .ps-chip:focus-visible { border-color: #0b57d0; color: #0b57d0; background: #f3f7ff; outline: none; }
.ps-none { font-size: 18px; margin: 0 0 14px; }
.ps-help { margin: 16px 0 0; font-size: 14px; color: #555; }
.ps-help a { color: #0b57d0; }

.ps-layout { display: grid; grid-template-columns: minmax(250px, 340px) 1fr; gap: 28px; align-items: start; }
.ps-list { display: flex; flex-direction: column; gap: 6px; max-height: 480px; overflow-y: auto; padding-right: 6px; }
.ps-item { display: flex; align-items: center; gap: 12px; width: 100%; text-align: left; border: 1px solid #e5e7eb; background: #fff; border-radius: 8px; padding: 8px 10px; cursor: pointer; font: inherit; transition: border-color .15s, background .15s; }
.ps-item:hover, .ps-item:focus-visible { border-color: #0b57d0; background: #f7faff; outline: none; }
.ps-item.is-active { border-color: #0b57d0; background: #eef4ff; box-shadow: inset 3px 0 0 #0b57d0; }
.ps-thumb { width: 52px; height: 52px; object-fit: contain; background: #f4f5f7; border-radius: 6px; flex: 0 0 52px; }
.ps-thumb.is-fallback, .ps-detail-photo.is-fallback { object-fit: contain; padding: 8px; opacity: .55; }
.ps-pageicon { width: 52px; height: 52px; flex: 0 0 52px; display: grid; place-items: center; background: #f4f5f7; border-radius: 6px; font-size: 20px; color: #0b57d0; }
.ps-item-text { display: flex; flex-direction: column; min-width: 0; }
.ps-item-text strong { font-size: 14.5px; font-weight: 600; color: #111; line-height: 1.25; overflow-wrap: anywhere; }
.ps-item-text small { font-size: 12px; color: #6b7280; margin-top: 2px; }

.ps-detail-card { display: grid; grid-template-columns: 220px 1fr; gap: 22px; border: 1px solid #e5e7eb; border-radius: 12px; padding: 18px; background: #fff; }
.ps-detail-img { background: #f4f5f7; border-radius: 10px; display: grid; place-items: center; min-height: 190px; }
.ps-detail-photo { width: 100%; max-height: 210px; object-fit: contain; }
.ps-detail-body h3 { margin: 0 0 8px; font-size: 22px; line-height: 1.2; color: #111; font-weight: 600; }
.ps-summary { margin: 0 0 12px; font-size: 14px; line-height: 1.55; color: #444; }
.ps-specs { width: 100%; border-collapse: collapse; margin-bottom: 12px; font-size: 13.5px; }
.ps-specs th { text-align: left; font-weight: 600; color: #555; padding: 6px 10px 6px 0; border-bottom: 1px solid #eee; white-space: nowrap; width: 38%; }
.ps-specs td { padding: 6px 0; border-bottom: 1px solid #eee; color: #111; }
.ps-tags { list-style: none; margin: 0 0 14px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.ps-tags li { background: #f1f5f9; color: #334155; border-radius: 999px; font-size: 12px; padding: 4px 10px; }
.ps-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.ps-btn { display: inline-flex; align-items: center; justify-content: center; padding: 10px 18px; border: 1px solid #0b57d0; color: #0b57d0; border-radius: 4px; font-size: 14px; font-weight: 600; text-decoration: none; background: #fff; transition: all .15s; }
.ps-btn:hover { background: #eef4ff; }
.ps-btn-primary { background: #0b57d0; color: #fff; }
.ps-btn-primary:hover { background: #0a49ad; color: #fff; }
.ps-sim-label { margin-top: 20px; }
.ps-sim { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 8px; }

.ps-find-highlight { outline: 3px solid #ed9b0c; outline-offset: 4px; border-radius: 6px; animation: psPulse 1.2s ease 3; }
@keyframes psPulse { 50% { outline-color: transparent; } }

@media (max-width: 860px) {
  .ps-layout { grid-template-columns: 1fr; gap: 16px; }
  .ps-list { max-height: 230px; }
  .ps-detail-card { grid-template-columns: 1fr; }
  .ps-detail-img { min-height: 150px; }
  .ps-results { max-height: calc(100vh - 250px); }
}

/* ---------- Language switcher ---------- */
.language-option.is-active { font-weight: 700; }
#mobile-panel .m-lang .m-sub a.is-active { font-weight: 700; color: #0b57d0; }

/* Hide Google's own toolbar / tooltips so only our menu is visible */
#google_translate_element { position: absolute; left: -9999px; top: 0; height: 0; overflow: hidden; }
.goog-te-banner-frame, .goog-te-banner-frame.skiptranslate, iframe.skiptranslate,
.VIpgJd-ZVi9od-ORHb-OEVmcd, .VIpgJd-ZVi9od-aZ2wEe-wOHMyf, #goog-gt-tt, .goog-te-balloon-frame { display: none !important; }
body { top: 0 !important; }
.goog-text-highlight { background: none !important; box-shadow: none !important; }
font[style*="vertical-align"] { vertical-align: baseline !important; }

.pl-toast { position: fixed; left: 50%; bottom: 28px; transform: translate(-50%, 20px); background: #111; color: #fff; padding: 12px 18px; border-radius: 8px; font-size: 14px; z-index: 10001; opacity: 0; transition: all .3s ease; max-width: calc(100vw - 32px); text-align: center; }
.pl-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }

/* Polish: the panel already has its own close button; hide the browser's built-in clear "x",
   and tuck the floating contact buttons away while search is open so they never cover results. */
.site-search-input::-webkit-search-cancel-button,
.site-search-input::-webkit-search-decoration { -webkit-appearance: none; appearance: none; display: none; }
body.search-panel-open .floating-contact { display: none; }
