/* Uwagi Macieja Kopczyńskiego z 29.09.2026 (ClickUp 869f3p62t). Ładowane jako ostatni arkusz. */

/* Zdjęcie w sekcji "Co dostajesz": kadr przez object-fit zamiast rozciągania, bez zniekształceń na żadnej szerokości. */
.ips-values-photo-frame .ips-values-photo{position:absolute;inset:0;width:100%;height:100%;top:0;object-fit:cover;object-position:50% 22%}
@media(max-width:1100px){.ips-values-photo-frame{height:auto;aspect-ratio:4/3}.ips-values-photo-frame .ips-values-photo{object-position:32% 20%}}
@media(max-width:600px){.ips-values-photo-frame{aspect-ratio:1/1}.ips-values-photo-frame .ips-values-photo{object-position:30% 15%}}

/* Hero O nas i Kontakt: szerokie zdjęcie hali z ciemnym przejściem po lewej stronie. */
.ips-page_hero.ips-appearance-about .ips-page-hero-photo img,.ips-page_hero.ips-appearance-contact .ips-page-hero-photo img{position:absolute;inset:0;left:0;top:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:right center}
.ips-page_hero.ips-appearance-about .ips-page-hero-photo,.ips-page_hero.ips-appearance-contact .ips-page-hero-photo{overflow:hidden}
@media(max-width:1100px){.ips-page_hero.ips-appearance-about .ips-page-hero-photo img,.ips-page_hero.ips-appearance-contact .ips-page-hero-photo img{object-position:72% center}}

/* Logotypy sterowań. */
.ips-brand-row li img{display:block;width:auto;height:auto;max-width:78%;max-height:40px;object-fit:contain}
.ips-brand-row li img[src*="marka-gsk"],.ips-brand-row li img[src*="marka-siemens"],.ips-brand-row li img[src*="marka-fanuc"]{max-width:86%;max-height:28px}
.ips-brand-row li img[src*="marka-gsk"]{max-height:26px}
@media(max-width:600px){.ips-brand-row li img{max-height:30px}.ips-brand-row li img[src*="marka-gsk"],.ips-brand-row li img[src*="marka-siemens"],.ips-brand-row li img[src*="marka-fanuc"]{max-height:18px}}

/* Podusługi na stronie głównej prowadzą do swoich podstron. */
.ips-scope li a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:color .2s,text-decoration-color .2s}
.ips-scope li a:hover,.ips-scope li a:focus-visible{color:var(--green);text-decoration-color:currentColor}

/* Menu: usługi rozwijają listę podusług. */
.ips-menu .sub-menu .menu-item-has-children{display:flex;flex-wrap:wrap;align-items:center}
.ips-menu .sub-menu .menu-item-has-children>a{flex:1;min-width:0}
.ips-menu .sub-menu .ips-sub-toggle{flex:none;color:inherit}
@media(min-width:1101px){
 .ips-menu>li.menu-item-has-children>.sub-menu::before{content:"";position:absolute;left:0;right:0;top:-34px;height:34px}
 .ips-menu>li.menu-item-has-children:hover>.sub-menu{display:block}
 .ips-menu .sub-menu .menu-item-has-children{position:static}
 .ips-menu .sub-menu .ips-sub-toggle{width:36px;height:60px;border-radius:8px}
 .ips-menu .sub-menu .ips-sub-toggle::after{transform:rotate(-45deg)}
 .ips-menu .sub-menu .sub-menu{top:0;left:calc(100% - 6px);width:340px;min-height:100%;padding:12px;margin:0;border-left:1px solid var(--border);border-radius:0 14px 14px 0;box-shadow:12px 12px 32px #0002}
 .ips-menu .sub-menu .sub-menu a{min-height:44px;padding:10px 14px;font-size:15px;line-height:22px}
 .ips-menu .sub-menu .sub-menu li+li{margin-top:0}
 .ips-menu:not(.ips-menu-aim) .sub-menu li:hover>.sub-menu,.ips-menu .sub-menu li:focus-within>.sub-menu,.ips-menu .sub-menu li.is-hovered>.sub-menu{display:block}
 .ips-menu:not(.ips-menu-aim) .sub-menu li:hover>a,.ips-menu .sub-menu li:focus-within>a,.ips-menu .sub-menu li.is-open>a,.ips-menu .sub-menu li.is-hovered>a{background:var(--muted)}
 .ips-menu:not(.ips-menu-aim) .sub-menu li:hover>.ips-sub-toggle,.ips-menu .sub-menu li:focus-within>.ips-sub-toggle,.ips-menu .sub-menu li.is-hovered>.ips-sub-toggle{color:var(--green)}
 .ips-menu.ips-menu-aim .sub-menu .sub-menu li:hover>a{background:var(--muted)}
 /* Uwaga z 30.09.2026: krótkie opóźnienie zamknięcia i mostek nad szczeliną między listą usług a panelem podusług. */
 .ips-menu>li.menu-item-has-children.is-hovering>.sub-menu{display:block}
 .ips-menu .sub-menu .sub-menu::before{content:"";position:absolute;top:0;bottom:0;left:-14px;width:14px}
 .ips-menu .sub-menu .current-menu-item>a{color:var(--green)}
}
@media(max-width:1100px){
 .ips-header.is-open .ips-menu .sub-menu .menu-item-has-children>a{padding-right:8px}
 .ips-header.is-open .ips-menu .sub-menu .ips-sub-toggle{width:44px;height:40px}
 .ips-header.is-open .ips-menu .sub-menu .menu-item-has-children.is-open>.ips-sub-toggle::after{transform:rotate(-135deg)}
 .ips-header.is-open .ips-menu .sub-menu .sub-menu{flex-basis:100%;padding:0 0 10px 26px;border-top:0;font-size:15px;line-height:22px}
 .ips-header.is-open .ips-menu .sub-menu .sub-menu a{min-height:36px;padding:6px 0}
 .ips-header.is-open .ips-menu .sub-menu .sub-menu a::before{width:6px;background:#fbfdfd66}
}

/* Uwaga z 30.09.2026: link do Marcetino w stopce, oddzielony od copyright. */
.ips-footer-credit{margin-left:10px;padding-left:12px;border-left:1px solid #fbfdfd40;white-space:nowrap}
.ips-footer-credit a:hover,.ips-footer-credit a:focus-visible{color:var(--blue)}
@media(max-width:600px){.ips-footer-credit{display:block;margin:4px 0 0;padding:0;border:0}}

/* 02.10.2026 - numer awaryjny po 18:00 w top barze, menu mobilnym i sekcjach kontaktowych */
.ips-topbar .ips-topbar-emergency{color:var(--blue);font-weight:600}
.ips-menu-contact>.ips-menu-emergency{display:block;text-align:center;color:var(--blue);font:600 15px/22px var(--font)}
.ips-contact-card a.ips-contact-card-emergency{color:var(--blue)}
.ips-emergency-actions{flex-wrap:wrap}
.ips-emergency-actions>.ips-emergency-after-hours{flex-basis:100%;font-weight:600}
.ips-emergency-after-hours a{color:var(--dark);text-decoration:underline;text-underline-offset:3px}

/* 06.10.2026 - menu przyklejone do góry. Nagłówek był nakładką (absolute), więc przejście na fixed nie zmienia układu stron. */
.ips-header{position:fixed;transition:transform .25s ease}
.admin-bar .ips-header{top:32px}
@media(max-width:782px){.admin-bar .ips-header{top:46px}}
html{scroll-padding-top:150px}
@media(min-width:1101px){
 .ips-header.is-scrolled:not(.is-open){transform:translateY(-48px)}
 .ips-header.is-scrolled:not(.is-open) .ips-nav{margin-top:12px}
 .ips-nav{transition:margin-top .25s ease}
 .ips-header.is-scrolled .ips-nav{box-shadow:0 10px 28px #0000002e}
}
@media(max-width:1100px){html{scroll-padding-top:96px}}
@media(prefers-reduced-motion:reduce){.ips-header{transition:none}}

/* 06.10.2026 - komplet logotypów (strona główna, O nas): karuzela ze strzałkami, bez autoprzewijania. */
.ips-brand-carousel .ips-brand-viewport{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.ips-brand-carousel .ips-brand-track{display:flex;flex-wrap:nowrap;flex:1;min-width:0;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.ips-brand-carousel .ips-brand-track::-webkit-scrollbar{display:none}
.ips-brand-carousel .ips-brand-track li{flex:0 0 calc((100% - 120px)/6);min-width:0;scroll-snap-align:start}
.ips-brand-arrow{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--white);color:var(--dark);transition:background .2s,color .2s,opacity .2s}
.ips-brand-arrow::after{content:"";width:9px;height:9px;border-right:2px solid;border-bottom:2px solid;transform:translateX(-2px) rotate(-45deg)}
.ips-brand-prev::after{transform:translateX(2px) rotate(135deg)}
.ips-brand-arrow:hover:not(:disabled){background:var(--blue);border-color:var(--blue)}
.ips-brand-arrow:disabled{opacity:.35;cursor:default}
.ips-brand-carousel.is-static .ips-brand-arrow{visibility:hidden}
.ips-brand-row li img[src*="marka-raytools"],.ips-brand-row li img[src*="marka-wsx"],.ips-brand-row li img[src*="marka-au3tech"],.ips-brand-row li img[src*="marka-sonel"],.ips-brand-row li img[src*="marka-schneider"],.ips-brand-row li img[src*="marka-eaton"]{max-height:48px}
.ips-brand-row li img[src*="marka-precitec"]{max-height:22px}
@media(max-width:1100px){
 .ips-brand-carousel .ips-brand-track{gap:12px}
 .ips-brand-carousel .ips-brand-track li{flex-basis:calc((100% - 36px)/4)}
 .ips-service-grid .ips-service-card:nth-child(5){border-left:0;padding-left:0}
}
@media(max-width:600px){
 .ips-brand-carousel .ips-brand-viewport{gap:8px}
 .ips-brand-carousel .ips-brand-track{display:flex;overflow-x:auto}
 .ips-brand-carousel .ips-brand-track li{flex-basis:calc((100% - 12px)/2)}
 .ips-brand-arrow{width:36px;height:36px}
 .ips-brand-row li img[src*="marka-raytools"],.ips-brand-row li img[src*="marka-wsx"],.ips-brand-row li img[src*="marka-au3tech"],.ips-brand-row li img[src*="marka-sonel"],.ips-brand-row li img[src*="marka-schneider"],.ips-brand-row li img[src*="marka-eaton"]{max-height:36px}
 .ips-brand-row li img[src*="marka-precitec"]{max-height:16px}
}

/* 06.10.2026 - pięć głównych usług na stronie głównej (doszedł serwis kompresorów). */
@media(min-width:1101px){.ips-service-grid:has(>.ips-service-card:nth-child(5)){grid-template-columns:repeat(5,1fr);gap:32px 28px}}

/* Numer w tekście sekcji "Szybkie zgłoszenie" jest linkiem. */
.ips-emergency-contact-text a{text-decoration:underline;text-underline-offset:3px}

/* O nas: pięć obszarów specjalizacji w trzech kolumnach - każdy wiersz zaczyna się bez linii i wcięcia. */
@media(min-width:1101px){
 .ips-variant-specializations .ips-cards-grid.ips-columns-3{row-gap:56px}
 .ips-variant-specializations .ips-columns-3 article:nth-child(3n+1){padding-left:0;border-left:0}
 .ips-variant-specializations .ips-columns-3 article:nth-child(3n){padding-right:0}
}

/* Uwaga z 06.10.2026 (ClickUp 869f3p62t): godziny kontaktu w jednej linii z ikoną zegara, jak pozostałe wiersze. */
.ips-contact-details__row.has-value{flex-wrap:nowrap}
.ips-contact-details__row.has-value>div{flex:1 1 auto}

/* Wersje językowe (ClickUp 869fcp0c6, 09.10.2026): przełącznik języka po lewej od ikony słuchawki. */
.ips-lang{position:relative;flex:none}
.ips-lang-toggle{display:flex;align-items:center;gap:6px;height:48px;padding:0 14px 0 16px;border:0;border-radius:24px;background:var(--muted);color:var(--dark);font:600 14px/20px var(--heading);letter-spacing:.5px;cursor:pointer}
.ips-lang-toggle::after{content:"";width:6px;height:6px;margin-top:-3px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg);transition:transform .2s}
.ips-lang.is-open .ips-lang-toggle::after{transform:translateY(3px) rotate(-135deg)}
.ips-lang-toggle:hover,.ips-lang.is-open .ips-lang-toggle{background:var(--blue)}
.ips-lang-list{position:absolute;top:calc(100% + 10px);right:0;z-index:30;min-width:210px;margin:0;padding:8px;list-style:none;background:var(--white);border-radius:14px;box-shadow:0 12px 32px #0002}
.ips-lang-list[hidden]{display:none}
.ips-lang-list a{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 12px;border-radius:8px;color:var(--dark);font:400 15px/22px var(--font)}
.ips-lang-list a:hover,.ips-lang-list a:focus-visible{background:var(--muted)}
.ips-lang-list a[aria-current]{background:var(--muted)}
.ips-lang-list strong{width:26px;font:600 13px/20px var(--heading);color:var(--green)}
@media(max-width:1100px){.ips-lang-toggle{height:42px;padding:0 10px 0 12px;font-size:13px}.ips-header.is-open .ips-nav-actions .ips-lang{display:none}}
