/*
Theme Name: VIUR
Theme URI: https://viur.pl
Author: VIUR
Description: Motyw strony VIUR — obróbka CNC. Strona główna, park maszynowy (maszyny edytowalne w panelu), realizacje z Instagrama, formularz wyceny z załącznikami, O nas, polityka prywatności i baner cookies (Google Analytics 4, Microsoft Clarity — tylko po zgodzie). Fonty hostowane lokalnie.
Version: 1.0.2
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: viur
*/

body{margin:0;background:#F2F3F4;color:#14171A;font-family:"IBM Plex Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
img{max-width:100%}
a{color:#B83A0B}a:hover{color:#14171A}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #B83A0B;outline-offset:2px}
.dk a:focus-visible,.dk button:focus-visible,.dk .viur-track:focus-visible{outline-color:#FF5A1F}
.dk a:hover{color:inherit}
.ph{background-color:#2A2F35;background-image:radial-gradient(#5B636B 1.2px,transparent 1.3px);background-size:32px 32px;background-position:16px 16px}
[hidden]{display:none!important}
.ph-dark{background-image:radial-gradient(#2E343A 1.2px,transparent 1.3px);background-size:32px 32px;background-position:16px 16px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed;left:16px;top:16px;z-index:100;width:auto;height:auto;clip:auto;background:#FF5A1F;color:#14171A;padding:12px 16px;font-weight:600}

/* Logotypy partnerów */
.logo-tile img{filter:grayscale(1);opacity:.8;transition:filter .2s,opacity .2s}.logo-tile:hover img{filter:none;opacity:1}
.viur-marquee{-webkit-mask-image:linear-gradient(90deg,transparent,#000 48px,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,transparent,#000 48px,#000 calc(100% - 48px),transparent)}
.viur-marquee-track{animation:viur-marquee 45s linear infinite}
.viur-marquee:hover .viur-marquee-track,.viur-marquee:focus-within .viur-marquee-track{animation-play-state:paused}
@keyframes viur-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion: reduce){.viur-marquee{overflow-x:auto!important;-webkit-mask-image:none;mask-image:none}.viur-marquee-track{animation:none}}

/* Slider maszyn */
.viur-track{scrollbar-width:none}.viur-track::-webkit-scrollbar{display:none}
@media (prefers-reduced-motion: reduce){.viur-track{scroll-behavior:auto!important}}

/* Formularz wyceny */
.viur-drop.is-over{background:#FFFFFF!important;border-color:#FF5A1F!important}
.viur-files{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;font:400 14px/20px 'IBM Plex Mono',monospace}
.viur-hp{position:absolute!important;left:-9999px!important}

/* Instagram (Smash Balloon) — kafelki w stylu VIUR */
.viur-ig #sb_instagram{padding:0!important}
.viur-ig #sb_instagram .sbi_photo_wrap,.viur-ig #sb_instagram .sbi_photo{border-radius:0!important}
.viur-ig #sb_instagram .sb_instagram_header,.viur-ig #sb_instagram #sbi_load{display:none!important}

/* Mapa */
.viur-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Mobile */
@media (max-width: 640px){
  [style*="max-width: 1200px"]{padding-left:16px!important;padding-right:16px!important}
  [style*="padding: 48px"],[style*="padding: 56px 48px"],[style*="padding: 40px"]{padding:28px 24px!important}
  h2[style*="font-size: 32px"]{font-size:26px!important;line-height:34px!important}
  .viur-cookie{padding:20px!important}
}