/* ==========================================================================
   ITGENESIS: podstrony usług, menu rozwijane i menu na telefonie
   ========================================================================== */

/* ---------- nagłówek podstrony ---------- */
body.itg .itg-home .subhero{position:relative;isolation:isolate;padding:72px var(--side) 64px;display:grid;gap:26px;max-width:none}
body.itg .itg-home .subhero-copy{display:grid;gap:22px;max-width:920px}
body.itg .itg-home .subhero h1{font-size:clamp(34px,4.6vw,60px);font-weight:800;margin:0}
body.itg .itg-home .subhero .lead{font-size:19px;color:var(--muted);max-width:56ch;margin:0}
body.itg .itg-home .subhero .trust{margin-top:4px}
body.itg .itg-home .subhero #net{-webkit-mask-image:radial-gradient(ellipse 45% 90% at 85% 50%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 45% 90% at 85% 50%,#000 20%,transparent 75%)}
@media (max-width:760px){body.itg .itg-home .subhero{padding-block:48px 40px}}

/* karty usług: nagłówek h3 zamiast h4 */
body.itg .itg-home .pack .pk-title{font-size:22px;font-weight:700;line-height:1.15}
body.itg .itg-home .packs .pack{gap:10px}
body.itg .itg-home .modules-plain{display:grid;gap:10px;font-size:15px}
body.itg .itg-home .modules-plain li{position:relative;padding-left:22px;color:var(--muted)}
body.itg .itg-home .modules-plain li::before{content:"";position:absolute;left:2px;top:.45em;width:9px;height:5px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}

/* ---------- pytania i odpowiedzi ---------- */
body.itg .itg-home .faq{display:grid;gap:12px;max-width:900px}
body.itg .itg-home .faq details{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .3s}
body.itg .itg-home .faq details[open]{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}
body.itg .itg-home .faq summary{display:flex;align-items:center;gap:16px;padding:20px 24px;cursor:pointer;font:600 18px/1.35 var(--body);list-style:none}
body.itg .itg-home .faq summary::-webkit-details-marker{display:none}
body.itg .itg-home .faq summary::after{content:"";flex:none;margin-left:auto;width:11px;height:11px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(45deg) translateY(-2px);transition:transform .3s var(--ease)}
body.itg .itg-home .faq details[open] summary::after{transform:rotate(225deg) translateY(-2px)}
body.itg .itg-home .faq summary:hover{color:var(--accent)}
body.itg .itg-home .faq .faq-a{padding:0 24px 22px}
body.itg .itg-home .faq .faq-a p{color:var(--muted);max-width:70ch}
@media (max-width:560px){body.itg .itg-home .faq summary{padding:16px 18px;font-size:17px}body.itg .itg-home .faq .faq-a{padding:0 18px 18px}}

/* ---------- menu: rozwijane usługi ---------- */
.itg-nav .has-sub{position:relative}
.itg-nav .has-sub > button{display:inline-flex;align-items:center;gap:7px;background:none;border:0;padding:4px 0;margin:0;font:inherit;color:var(--muted);cursor:pointer}
.itg-nav .has-sub > button::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .3s var(--ease)}
.itg-nav .has-sub:hover > button,.itg-nav .has-sub:focus-within > button{color:var(--ink)}
.itg-nav .has-sub:hover > button::after,.itg-nav .has-sub[data-open] > button::after{transform:rotate(225deg) translateY(1px)}
.itg-sub{position:absolute;top:calc(100% + 14px);left:-18px;min-width:280px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:10px;display:grid;gap:2px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s var(--ease),transform .25s var(--ease),visibility .25s}
.itg-nav .has-sub:hover .itg-sub,.itg-nav .has-sub:focus-within .itg-sub{opacity:1;visibility:visible;transform:none}
.itg-sub::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.itg-sub a{display:grid;gap:2px;padding:10px 14px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:15px}
.itg-sub a::after{display:none}
.itg-sub a span{font:400 13px/1.35 var(--body);color:var(--muted)}
.itg-sub a:hover,.itg-sub a:focus-visible{background:var(--band)}

/* ---------- menu na telefonie ---------- */
.itg-menu{display:none}
.itg-menu > summary{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;cursor:pointer;list-style:none;background:var(--surface)}
.itg-menu > summary::-webkit-details-marker{display:none}
.itg-menu > summary i{position:relative;width:18px;height:2px;background:var(--ink);border-radius:2px;transition:background-color .2s}
.itg-menu > summary i::before,.itg-menu > summary i::after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--ink);border-radius:2px;transition:transform .3s var(--ease)}
.itg-menu > summary i::before{top:-6px}
.itg-menu > summary i::after{top:6px}
.itg-menu[open] > summary i{background:transparent}
.itg-menu[open] > summary i::before{transform:translateY(6px) rotate(45deg)}
.itg-menu[open] > summary i::after{transform:translateY(-6px) rotate(-45deg)}
.itg-menu-panel{position:absolute;left:0;right:0;top:100%;background:var(--ground);border-bottom:1px solid var(--line);padding:12px var(--gutter) 22px;display:grid;gap:2px;box-shadow:var(--shadow)}
.itg-menu-panel a{padding:13px 4px;color:var(--ink);text-decoration:none;font-size:17px;border-bottom:1px solid var(--line)}
.itg-menu-panel a:last-of-type{border-bottom:0}
.itg-menu-panel .itg-btn{margin-top:12px;justify-content:center;border-bottom:0}
@media (max-width:760px){
  .itg-menu{display:block}
  .itg-header{position:sticky}
  .itg-header .itg-wrap{gap:14px}
  .itg-header > .itg-wrap > .itg-btn{display:none}
  .itg-menu{margin-left:auto}
}
@media (min-width:761px){.itg-menu-panel{display:none}}

/* stopka: kolumna z usługami */
.itg-foot-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px}
.itg-foot-col{display:grid;gap:8px;align-content:start}
.itg-foot-col strong{font:500 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.itg-foot-col a{color:var(--muted);text-decoration:none}
.itg-foot-col a:hover{color:var(--ink)}
@media (max-width:560px){.itg-foot-links{grid-template-columns:1fr}}

/* ---------- odnośniki do podstron na stronie głównej ---------- */
body.itg .itg-home .itg-uslugi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.itg .itg-home .itg-usluga{display:flex;flex-direction:column;gap:10px;padding:26px 24px 24px;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none;transition:transform .35s var(--ease),border-color .35s,box-shadow .35s}
body.itg .itg-home .itg-usluga:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:var(--shadow)}
body.itg .itg-home .itg-usluga .ico{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}
body.itg .itg-home .itg-usluga .ico svg{width:28px;height:28px}
body.itg .itg-home .itg-usluga .ico svg *{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.itg .itg-home .itg-usluga strong{font:700 20px/1.15 var(--display);letter-spacing:-.01em}
body.itg .itg-home .itg-usluga .opis{color:var(--muted);font-size:15px}
body.itg .itg-home .itg-usluga .wiecej{margin-top:auto;padding-top:8px;color:var(--accent);font-weight:600;font-size:15px;display:inline-flex;align-items:center;gap:8px}
body.itg .itg-home .itg-usluga .wiecej::after{content:"→";transition:transform .3s var(--ease)}
body.itg .itg-home .itg-usluga:hover .wiecej::after{transform:translateX(4px)}
@media (max-width:1000px){body.itg .itg-home .itg-uslugi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){body.itg .itg-home .itg-uslugi-grid{grid-template-columns:1fr}}

/* długie polskie słowa w nagłówkach na wąskich ekranach */
@media (max-width:560px){
  body.itg .itg-home :is(h1,h2,h3),.itg-blog-head h1,.itg-post-head h1,.itg-card-title{overflow-wrap:break-word;hyphens:auto}
  body.itg .itg-home .subhero h1{font-size:clamp(30px,8.2vw,40px)}
}

/* listy w panelach na podstronach */
body.itg .itg-home .panel .wp-block-list{display:grid;gap:10px;font-size:15px;margin-top:4px}
body.itg .itg-home .panel .wp-block-list li{position:relative;padding-left:22px;color:var(--muted);margin:0}
body.itg .itg-home .panel .wp-block-list li::before{content:"";position:absolute;left:2px;top:.45em;width:9px;height:5px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
body.itg .itg-home .panel.law{padding-bottom:36px}
body.itg .itg-home .panel.law .law-art{width:132px;right:16px;bottom:16px;opacity:.85}
@media (max-width:1100px){body.itg .itg-home .panel.law{padding-right:150px}}
@media (max-width:800px){body.itg .itg-home .panel.law{padding-right:24px;padding-bottom:140px}}

/* sześć kart układa się w trzy kolumny, nie cztery */
@media (min-width:1001px){body.itg .itg-home .packs:has(.pack:nth-child(6)){grid-template-columns:repeat(3,minmax(0,1fr))}}

/* przycisk pod siatką kart */
body.itg .itg-home .packs + .wp-block-buttons{margin-top:28px}