/* =====================================================================
   pw-skeleton.css - photos ke liye skeleton loading (owner, 10-Oct)
   Photo load hone tak us ki jagah halki shimmer chalti hai; photo apni hi jagah par aa kar usay dhak deti hai
   (koi jump nahi - har photo ka size pehle se tay hai). Hero ki dark photos, logo, map tiles aur icons is se bahar.
   pw-skeleton.js load ho chuki photos se shimmer hata deta hai (CPU bache); JS na chale to bhi sab sahi dikhta hai.
   ===================================================================== */
:root { --sk-base: #e9eff1; --sk-shine: #f6f9fa; }

main img:not([src$=".svg"]):not([src^="data:"]):not(.leaflet-tile):not([data-no-sk]),
.pw-sk {
    background-color: var(--sk-base);
    background-image: linear-gradient(100deg, var(--sk-base) 20%, var(--sk-shine) 40%, var(--sk-base) 60%);
    background-size: 220% 100%;
    background-repeat: no-repeat;
    animation: pw-sk-shimmer 1.3s linear infinite;
}
/* dark hero/background photos: shimmer nahi (teal par halka flash ajeeb lagta) */
main [class*="hero"] img, main .leaflet-container img, main img.pw-sk-done { animation: none !important; background-image: none !important; background-color: transparent !important; }

@keyframes pw-sk-shimmer { from { background-position: 120% 0; } to { background-position: -120% 0; } }
@media (prefers-reduced-motion: reduce) {
    main img, .pw-sk { animation: none !important; }
}

/* live-sort lists (owner, 10-Oct): airport pages ke lot cards + rate/trip tables JS live qeemat se dobara tarteeb lete hain -
   pehli paint par static (build) tarteeb dikh kar phir kood-ti thi. Ab JS wale browser (html.pw-js) me list skeleton dikhati hai
   jab tak pw-airport.js live tarteeb laga kar .pw-live na de; jagah wahi rehti hai (no layout jump). Bina JS / crawler: content
   seedha dikhta hai. Safety: 3.5s me live na aaye to html.pw-live-to sab khol deta hai. */
html.pw-js:not(.pw-live-to) [data-live-list]:not(.pw-live) > * {
    background-color: var(--sk-base);
    background-image: linear-gradient(100deg, var(--sk-base) 20%, var(--sk-shine) 40%, var(--sk-base) 60%);
    background-size: 220% 100%;
    background-repeat: no-repeat;
    animation: pw-sk-shimmer 1.3s linear infinite;
    border-color: transparent !important;
    box-shadow: none !important;
}
html.pw-js:not(.pw-live-to) [data-live-list]:not(.pw-live) > * * { visibility: hidden; }
@media (prefers-reduced-motion: reduce) {
    html.pw-js [data-live-list] > * { animation: none !important; }
}