/*
Theme Name: Podatkowy.info
Description: Motyw serwisu Podatkowy.info - Ksiegowosc dla Firm (PL/IT).
Version: 1.0
Author: Podatkowy.info
Text Domain: podatkowy-info
*/
html,body{overflow-x:hidden}
body{margin:0;background:#fff;color:#1b2650;font-family:'Inter',Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:inherit}
/* ---- naglowek ---- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid #e3e9f5}
.site-header .bar{max-width:1160px;margin:0 auto;padding:0 24px;height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}
.site-header .logo img{height:60px;width:auto;display:block}
.site-header nav{display:flex;gap:22px;font-size:15px;color:#4e5a7a;flex-wrap:wrap}
.site-header nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.site-header nav a{text-decoration:none;color:#4e5a7a;font-weight:500}
.site-header nav a:hover{color:#1c6ee6}
.site-header .telbtn{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-weight:700;font-size:15px;background:#1c6ee6;color:#fff;padding:12px 22px;border-radius:999px;text-decoration:none;flex-shrink:0}
.lang-switch{list-style:none;display:flex;gap:8px;margin:0;padding:0;font-size:13px;font-weight:700}
.lang-switch a{text-decoration:none;color:#4e5a7a;text-transform:uppercase}
.lang-switch .current-lang a{color:#1c6ee6}
/* ---- artykul / archiwum ---- */
.art-main{max-width:760px;margin:0 auto;padding:28px 24px 0}
.art-crumbs{max-width:1160px;margin:0 auto;padding:16px 24px 0;font-size:13px;color:#4a5773}
.art-crumbs a{color:#1c6ee6;text-decoration:none}
.art-main h1{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:38px;font-weight:800;color:#243c78;line-height:1.15;letter-spacing:-.02em;margin:0 0 14px}
.art-main h2{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:24px;font-weight:700;color:#243c78;margin:34px 0 12px}
.art-main p{font-size:16px;color:#33405f;margin:0 0 16px}
.art-cta{background:#243c78;color:#fff;border-radius:22px;padding:38px;text-align:center;margin:52px 0 0}
.art-cta .t{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-weight:800;font-size:24px;margin-bottom:8px}
.art-cta p{color:#c4cee3;margin:0 0 20px}
.art-cta a{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-weight:700;background:#fff;color:#2460e4;padding:13px 26px;border-radius:999px;text-decoration:none;display:inline-block}
.bw-grid{max-width:1160px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}
.bw-head{max-width:1160px;margin:0 auto;padding:44px 24px 30px}
.bw-head h1{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:38px;font-weight:800;color:#243c78;margin:0 0 8px}
.bw-head p{color:#4e5a7a;font-size:17px;margin:0}
.bw-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e3e9f5;border-radius:18px;padding:26px;text-decoration:none;transition:box-shadow .2s,transform .2s}
.bw-card:hover{box-shadow:0 14px 34px -16px rgba(28,110,230,.35);transform:translateY(-3px)}
.bw-card .tag{align-self:flex-start;font-family:'Plus Jakarta Sans',Arial,sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#1c6ee6;background:#edf3fe;padding:5px 11px;border-radius:999px;margin-bottom:16px}
.bw-card h2{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:19px;font-weight:700;margin:0 0 8px;line-height:1.25;color:#1b2650}
.bw-card p{font-size:14.5px;color:#4e5a7a;margin:0 0 20px;flex:1}
.bw-card .more{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-weight:700;font-size:14.5px;color:#1c6ee6}
.site-footer-wrap{margin-top:64px}
.wp-notice{background:#eef3ff;border-left:4px solid #2460e4;border-radius:0 14px 14px 0;padding:18px 22px;margin:0 0 30px;font-size:15px;color:#243c78}
/* ---- warstwa mobilna ---- */
@media (max-width:900px){
  div[style*="grid-template-columns"]{grid-template-columns:1fr !important}
  section[style*="padding:76px 0"],div[style*="padding:76px 0"]{padding:44px 0 !important}
  section[style*="padding:70px 0"],div[style*="padding:70px 0"]{padding:44px 0 !important}
  h1{font-size:clamp(28px,8vw,40px) !important}
  h2{font-size:clamp(22px,6vw,30px) !important}
  img[style*="height:560px"]{height:340px !important}
  img[style*="height:420px"]{height:280px !important}
  img[style*="height:320px"]{height:220px !important}
  img[style*="width:82%"]{width:100% !important;margin-left:0 !important}
  div[style*="display:flex"][style*="gap:1"]{flex-wrap:wrap !important}
  div[style*="display:flex"][style*="gap:2"]{flex-wrap:wrap !important}
  div[style*="padding:56px"]{padding:30px 22px !important}
  div[style*="padding:54px"]{padding:30px 22px !important}
  table{display:block;overflow-x:auto;max-width:100%}
}


/* ---- rozwijane podmenu (Dla kogo) ---- */
.site-header nav ul li{position:relative}
.site-header nav ul li.menu-item-has-children > a::after{content:"\25BE";font-size:10px;margin-left:5px;color:#8a93ad}
.site-header nav ul ul.sub-menu{display:none;position:absolute;top:100%;left:-14px;background:#fff;border:1px solid #e3e9f5;border-radius:14px;box-shadow:0 18px 44px -18px rgba(15,27,51,.28);padding:10px 0;min-width:240px;z-index:60;flex-direction:column;gap:0}
.site-header nav ul li:hover > ul.sub-menu,
.site-header nav ul li:focus-within > ul.sub-menu{display:flex}
.site-header nav ul ul.sub-menu li{width:100%}
.site-header nav ul ul.sub-menu a{display:block;padding:10px 20px;white-space:nowrap;font-size:14.5px}
.site-header nav ul ul.sub-menu a:hover{background:#f2f6ff}

/* ===== MOBILNY NAGŁÓWEK: tylko hamburger + logo (mechanizm bez JS) ===== */
.mnav-toggle{position:absolute;opacity:0;pointer-events:none}
#mnavbtn2{display:none}
#mpanel{display:none}
@media (max-width:760px){
  /* w belce zostają wyłącznie hamburger i logo */
  .site-header .bar{height:70px}
  .site-header .bar > *{display:none !important}
  .site-header .bar > #mnavbtn2{display:flex !important;flex-direction:column;justify-content:center;gap:4.5px;
    background:#fff;border:1.5px solid #e4e9f5;border-radius:10px;padding:10px 11px;cursor:pointer}
  #mnavbtn2 span{display:block;width:20px;height:2.5px;background:#243c78;border-radius:2px}
  .site-header .bar > .logo{display:block !important;position:absolute;left:50%;transform:translateX(-50%)}
  .site-header .logo img{height:44px}
  /* panel rozwijany sterowany checkboxem */
  #mnav:checked ~ .bar ~ #mpanel, #mnav:checked ~ #mpanel{display:block}
  #mpanel{background:#fff;border-bottom:1px solid #e4e9f5;box-shadow:0 14px 30px -18px rgba(15,27,51,.25)}
  #mpanel ul{list-style:none;margin:0;padding:0;display:block}
  #mpanel li{display:block}
  #mpanel a{display:block;padding:15px 24px;font-family:'Plus Jakarta Sans',Arial,sans-serif;font-weight:600;
    font-size:16px;color:#243c78;text-decoration:none;border-bottom:1px solid #eef1f8}
  #mpanel .sub-menu{position:static;display:block;border:none;box-shadow:none;padding:0;min-width:0}
  #mpanel .sub-menu a{padding-left:44px;font-weight:500}
  #mpanel .menu-item-has-children > a{pointer-events:none;color:#8a93ad;font-size:13px;
    text-transform:uppercase;letter-spacing:.05em;padding-bottom:6px}
  #mpanel .mpanel-lang{display:flex;gap:18px;padding:8px 24px}
  #mpanel .mpanel-lang a{display:inline;padding:8px 0;border:none;text-transform:uppercase;font-size:14px;color:#1c6ee6}
  #mpanel .mpanel-tel{color:#1c6ee6;border-bottom:none}
  /* dobitka: nic z desktopowej nawigacji nie ma prawa się pokazać */
  .site-header .bar nav, .site-header .bar nav *{display:none !important}
}