/* ==========================================================================
   LokalnyBytom.pl – wspólna szata 2026: nagłówek, menu górne, PILNE, stopka
   ========================================================================== */
:root{--lbs-navy:#13294b;--lbs-navy-2:#0d1f3c;--lbs-navy-3:#1c3a66;--lbs-yellow:#f6b90f;--lbs-yellow-2:#ffcf3f;--lbs-red:#d7262f;--lbs-ink:#13294b;--lbs-muted:#5d6b82;--lbs-line:#e4e9f1;--lbs-bg:#f4f6fa;--lbs-serif:"Merriweather",Georgia,"Times New Roman",serif;--lbs-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
body.lbs-shell{font-family:var(--lbs-sans);background:var(--lbs-bg)}
.lbs-wrap{width:100%;max-width:1320px;margin:0 auto;padding:0 20px}
.lbs-shell .lbs-topbar a,.lbs-shell .lbs-nav a,.lbs-shell .lbf-footer a{text-decoration:none}

/* --- topbar --- */
.lbs-topbar{background:#fff;border-bottom:1px solid var(--lbs-line);font-size:12.5px;color:var(--lbs-ink)}
.lbs-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:36px}
.lbs-topbar-left{display:flex;align-items:center;gap:22px;white-space:nowrap;overflow:hidden}
.lbs-today{font-weight:500}
.lbs-weather-mini{display:inline-flex;align-items:center;gap:6px;color:var(--lbs-ink)}
.lbs-weather-mini i{color:var(--lbs-yellow);font-size:16px}
.lbs-weather-mini b{font-weight:700}
.lbs-weather-desc{color:var(--lbs-muted)}
.lbs-topbar-right{display:flex;align-items:center;gap:18px}
.lbs-shell .lbs-topbar-right a{color:var(--lbs-ink);font-weight:500}
.lbs-shell .lbs-topbar-right a:hover{color:#b88300}
.lbs-top-account{padding-left:16px;border-left:1px solid var(--lbs-line)}
.lbs-top-social{display:inline-flex;gap:12px;padding-left:16px;border-left:1px solid var(--lbs-line)}
.lbs-top-social:empty{display:none}
.lbs-top-social i{font-size:17px}

/* --- logo + grafika --- */
.lbs-header{background:#fff;position:relative;overflow:hidden}
.lbs-header-inner{display:flex;align-items:stretch;min-height:98px;position:relative}
.lbs-logo{display:flex;flex-direction:column;justify-content:center;padding:10px 0;position:relative;z-index:2;flex:0 0 auto}
.lbs-logo-name{font-family:var(--lbs-serif);font-weight:900;font-size:38px;line-height:1;letter-spacing:-.8px;color:var(--lbs-navy)}
.lbs-logo-name span{color:var(--lbs-yellow)}
.lbs-logo-claim{font-family:var(--lbs-serif);font-weight:700;font-size:15px;color:var(--lbs-navy);margin-top:6px;letter-spacing:.1px}
.lbs-shell a.lbs-logo:hover .lbs-logo-name{color:var(--lbs-navy)}
.lbs-header-art{position:absolute;inset:0 0 0 30%;background-size:cover;background-position:center 62%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%)}
.lbs-header-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.65),rgba(255,255,255,0) 40%,rgba(255,247,232,.08) 70%,rgba(255,255,255,.7) 100%)}
.lbs-header-sign{position:absolute;right:26px;top:50%;transform:translateY(-50%) rotate(-5deg);z-index:2;font-family:"Brush Script MT","Segoe Script","Lucida Handwriting",cursive;font-size:30px;line-height:.9;color:var(--lbs-navy);text-align:center;text-shadow:0 0 12px rgba(255,255,255,.95)}
.lbs-header-sign small{font-size:24px}
.lbs-header-sign b{font-family:var(--lbs-sans);font-weight:400;font-size:22px}

/* --- menu górne --- */
.lbs-nav{background:var(--lbs-navy);position:sticky;top:0;z-index:1030;box-shadow:0 2px 10px rgba(9,22,45,.18)}
.lbs-nav-inner{display:flex;align-items:center;gap:6px;min-height:52px}
.lbs-shell .lbs-nav-home{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:var(--lbs-yellow);color:var(--lbs-navy);font-size:21px;flex:0 0 auto}
.lbs-shell .lbs-nav-home:hover{background:var(--lbs-yellow-2);color:var(--lbs-navy)}
.lbs-nav-links{display:flex;align-items:center;gap:2px;flex:1 1 auto;min-width:0}
.lbs-shell .lbs-nav-links>a,.lbs-dd-toggle{display:flex;align-items:center;gap:6px;height:52px;padding:0 15px;color:#fff;font-weight:600;font-size:14px;background:none;border:0;white-space:nowrap;position:relative;cursor:pointer;font-family:inherit}
.lbs-shell .lbs-nav-links>a:hover,.lbs-dd-toggle:hover,.lbs-dd.is-open .lbs-dd-toggle{color:var(--lbs-yellow-2);background:rgba(255,255,255,.06)}
.lbs-shell .lbs-nav-links>a.is-active,.lbs-dd-toggle.is-active{color:var(--lbs-yellow-2)}
.lbs-shell .lbs-nav-links>a.is-active:after,.lbs-dd-toggle.is-active:after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:3px;background:var(--lbs-yellow);border-radius:3px 3px 0 0}
.lbs-dd-toggle i{font-size:10px;opacity:.8}
.lbs-dd{position:relative}
.lbs-dd-menu{display:none;position:absolute;top:100%;left:0;min-width:240px;background:#fff;border-radius:0 0 10px 10px;box-shadow:0 18px 40px rgba(9,22,45,.22);padding:8px;z-index:1040}
.lbs-dd.is-open .lbs-dd-menu{display:block}
@media (hover:hover) and (min-width:992px){.lbs-dd:hover .lbs-dd-menu{display:block}}
.lbs-dd-grid{min-width:380px;display:none;grid-template-columns:1fr 1fr;gap:2px}
.lbs-dd.is-open .lbs-dd-grid{display:grid}
@media (hover:hover) and (min-width:992px){.lbs-dd:hover .lbs-dd-grid{display:grid}}
.lbs-shell .lbs-dd-menu a{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;color:var(--lbs-ink);font-size:14px;font-weight:500}
.lbs-shell .lbs-dd-menu a:hover{background:#fff6dc;color:var(--lbs-navy)}
.lbs-shell .lbs-dd-menu a i{color:#b88300}
.lbs-shell .lbs-dd-menu .lbs-dd-all,.lbs-shell .lbs-dd-menu .lbs-dd-add{grid-column:1/-1;border-top:1px solid var(--lbs-line);margin-top:4px;padding-top:10px;font-weight:700;color:#1f5fbf;border-radius:0}
.lbs-search{display:flex;align-items:center;background:#fff;border-radius:4px;overflow:hidden;flex:0 0 260px;height:34px}
.lbs-search input{border:0;outline:0;flex:1;min-width:0;padding:0 12px;font-size:13px;color:var(--lbs-ink);background:transparent;height:100%}
.lbs-search button{border:0;background:var(--lbs-yellow);color:var(--lbs-navy);width:40px;height:100%;font-size:15px}
.lbs-search button:hover{background:var(--lbs-yellow-2)}
.lbs-burger{display:none;border:0;background:none;color:#fff;font-size:28px;margin-left:auto;padding:0 4px}

/* --- pasek PILNE --- */
.lbs-urgent{display:flex;align-items:center;gap:16px;margin:14px 0 0;background:#fff4f4;border:1px solid #f6d3d5;border-radius:6px;overflow:hidden;min-height:38px}
.lbs-urgent-label{display:flex;align-items:center;gap:8px;background:var(--lbs-red);color:#fff;font-weight:800;letter-spacing:.5px;padding:0 22px;align-self:stretch;font-size:14px}
.lbs-urgent-items{flex:1;min-width:0;position:relative;height:38px}
.lbs-urgent-item{position:absolute;inset:0;display:flex;align-items:center;opacity:0;transform:translateY(8px);transition:.35s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b0141d;font-weight:700;font-size:14px}
.lbs-urgent-item.is-on{opacity:1;transform:none}
.lbs-shell .lbs-urgent-item a{color:#b0141d;text-decoration:none;overflow:hidden;text-overflow:ellipsis}
.lbs-shell .lbs-urgent-item a:hover{text-decoration:underline}
.lbs-urgent-time{color:#b0141d;font-weight:600;font-size:13px;padding-right:16px}

/* --- newsletter na podstronach --- */
.lbf-newsletter{background:#fff;border-top:1px solid var(--lbs-line);padding:26px 0;margin-top:40px}
.lbf-newsletter-inner{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.lbf-newsletter-icon{width:52px;height:52px;border-radius:50%;background:#fff3cd;color:#b88300;display:flex;align-items:center;justify-content:center;font-size:24px;flex:0 0 auto}
.lbs-shell .lbf-newsletter h2{font-family:var(--lbs-serif);font-size:21px;margin:0 0 3px;color:var(--lbs-navy)}
.lbf-newsletter p{margin:0;color:var(--lbs-muted);font-size:14px}
.lbf-newsletter-form{display:flex;gap:8px;margin-left:auto;flex:1 1 360px;max-width:480px}
.lbf-newsletter-form input[type=email]{flex:1;min-width:0;border:1px solid #cfd8e5;border-radius:6px;padding:10px 14px;font-size:14px}
.lbf-newsletter-form button{border:0;background:var(--lbs-yellow);color:var(--lbs-navy);font-weight:800;padding:0 22px;border-radius:6px}
.lbf-newsletter-form button:hover{background:var(--lbs-yellow-2)}

/* --- stopka (menu dolne) --- */
.lbf-footer{background:var(--lbs-navy);color:#d6deeb;position:relative;padding:40px 0 0;margin-top:0;overflow:hidden}
.lbh-home .lbf-footer{margin-top:36px}
.lbf-grid{display:grid;grid-template-columns:1.5fr 1.35fr 1fr 1fr 1.35fr;gap:34px;position:relative;z-index:1}
.lbs-logo-light .lbs-logo-name{color:#fff;font-size:30px}
.lbs-logo-light .lbs-logo-claim{color:#d6deeb;font-family:var(--lbs-sans);font-weight:500;font-size:13px}
.lbs-shell a.lbs-logo-light:hover .lbs-logo-name{color:#fff}
.lbf-social{display:flex;gap:10px;margin:14px 0}
.lbs-shell .lbf-social a{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px}
.lbs-shell .lbf-social a:hover{background:var(--lbs-yellow);color:var(--lbs-navy)}
.lbf-brand p{font-size:13px;line-height:1.6;margin:0;color:#c3cede}
.lbs-shell .lbf-col h2{font-family:var(--lbs-sans);font-size:14px;font-weight:800;color:#fff;margin:6px 0 14px;padding-bottom:8px;position:relative}
.lbs-shell .lbf-col h2:after{content:"";position:absolute;left:0;bottom:0;width:30px;height:3px;background:var(--lbs-yellow);border-radius:3px}
.lbs-shell .lbf-col a{display:block;color:#d6deeb;font-size:13.5px;padding:3px 0}
.lbs-shell .lbf-col a:hover{color:var(--lbs-yellow-2)}
.lbf-two{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}
.lbf-contact p,.lbs-shell .lbf-contact a{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;margin:0 0 8px;color:#d6deeb}
.lbf-contact i{color:var(--lbs-yellow);margin-top:2px}
.lbf-sign{display:block;margin-top:14px;font-family:"Brush Script MT","Segoe Script",cursive;font-size:24px;color:var(--lbs-yellow-2);transform:rotate(-5deg);transform-origin:left}
.lbf-sign small{font-size:20px}
.lbf-ad{position:relative;z-index:1;margin-top:20px}
.lbf-ad:empty{display:none}
.lbf-skyline{height:70px;margin-top:10px;background:var(--lbf-skyline) repeat-x bottom left/auto 70px;opacity:.28}
.lbf-bottom{background:var(--lbs-navy-2);color:#b5c1d4;font-size:12.5px;padding:12px 0}
.lbf-bottom .lbs-wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.lbf-bottom b{color:var(--lbs-red)}

/* --- responsywność --- */
@media (max-width:1200px){
  .lbs-shell .lbs-nav-links>a,.lbs-dd-toggle{padding:0 10px;font-size:13.5px}
  .lbs-search{flex-basis:200px}
  .lbf-grid{grid-template-columns:1fr 1fr 1fr;row-gap:28px}
  .lbf-brand{grid-column:1/-1}
}
@media (max-width:991.98px){
  .lbs-nav-links,.lbs-search{display:none}
  .lbs-burger{display:block}
  .lbs-header-inner{min-height:84px}
  .lbs-logo-name{font-size:30px}
  .lbs-logo-claim{font-size:13px}
  .lbs-header-sign{display:none}
  .lbs-header-art{left:45%}
  .lbs-weather-desc,.lbs-top-social{display:none}
  body.lbs-shell{padding-bottom:64px}
}
@media (max-width:640px){
  .lbs-topbar-right a:not(.lbs-top-account){display:none}
  .lbs-top-account{border:0;padding:0}
  .lbs-weather-mini{display:none}
  .lbs-logo-name{font-size:25px}
  .lbs-header-art{left:55%;opacity:.7}
  .lbs-urgent-label{padding:0 12px;font-size:12px}
  .lbs-urgent-time{display:none}
  .lbf-grid{grid-template-columns:1fr 1fr}
  .lbf-contact{grid-column:1/-1}
  .lbf-newsletter-form{margin-left:0;max-width:none}
}

/* v5: mobile – czytelniejsze menu i nagłówek */
@media (max-width:991.98px){
  .lbs-topbar{display:none}
  .lbs-header-inner{min-height:72px;align-items:center}
  .lbs-logo{padding:8px 0}
  .lbs-burger{font-size:30px;color:var(--lbs-navy)}
  .lbs-nav{top:0}
  .lbs-nav-inner{min-height:48px}
  .lbs-nav-home{display:none}
  .lbs-burger{color:#fff}
  body.lbs-shell .lbs-urgent{margin-top:10px}
  .lbs-urgent-items{height:34px}
}
@media (max-width:480px){
  .lbs-logo-name{font-size:24px}
  .lbs-logo-claim{font-size:11.5px}
  .lbs-wrap{padding:0 14px}
  .lbs-urgent-label{font-size:11px;padding:0 10px}
  .lbs-urgent-item{font-size:12.5px}
  body.lbs-shell{padding-bottom:70px}
}

/* v7: przycisk "Prześlij cynk" – widoczny w menu */
.lbs-shell .lbs-tip{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;height:34px;padding:0 14px;border-radius:999px;background:linear-gradient(100deg,#ff5a1f,#ff2d55);color:#fff!important;font-weight:800;font-size:13.5px;text-decoration:none;box-shadow:0 6px 16px rgba(255,45,85,.35);margin-right:10px;white-space:nowrap;position:relative;transition:transform .15s,box-shadow .15s}
.lbs-shell .lbs-tip:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(255,45,85,.45);color:#fff!important}
.lbs-shell .lbs-tip i{font-size:15px}
.lbs-tip-dot{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.8);animation:lbsPulse 1.8s infinite}
@keyframes lbsPulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.8)}70%{box-shadow:0 0 0 8px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
@media (max-width:991.98px){
  .lbs-shell .lbs-tip{margin-left:auto;margin-right:10px;height:32px;font-size:12.5px;padding:0 12px}
  .lbs-shell .lbs-tip{order:0}
}
@media (max-width:480px){.lbs-shell .lbs-tip{font-size:12px;padding:0 10px}.lbs-tip-dot{display:none}}

/* v8: wyszukiwarka pod menu */
.lbs-searchbar{background:#fff;border-bottom:1px solid var(--lbs-line);padding:14px 0}
.lbs-shell .lbs-sb{display:flex;align-items:center;max-width:860px;margin:0 auto;height:52px;background:#fff;border:2px solid var(--lbs-navy);border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(19,41,75,.08)}
.lbs-sb>i{padding:0 14px 0 18px;color:var(--lbs-muted);font-size:17px}
.lbs-sb input{flex:1;min-width:0;height:100%;border:0;outline:0;font-size:15px;color:var(--lbs-ink);background:transparent}
.lbs-sb input:focus{box-shadow:none}
.lbs-sb button{height:100%;padding:0 26px;border:0;background:var(--lbs-yellow);color:var(--lbs-navy);font-weight:800;font-size:15px}
.lbs-sb button:hover{background:var(--lbs-yellow-2)}
@media (max-width:991.98px){
  .lbs-shell .lbs-tip{display:none}
  .lbs-searchbar{padding:10px 0}
  .lbs-sb{height:46px;border-radius:12px}
  .lbs-sb>i{padding:0 10px 0 12px;font-size:15px}
  .lbs-sb input{font-size:14px}
  .lbs-sb button{padding:0 16px;font-size:14px}
}

/* v9: przyciski Zaloguj / Załóż konto na PC */
.lbs-shell .lbs-acc-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 15px;border-radius:999px;font-weight:800;font-size:13.5px;text-decoration:none!important;white-space:nowrap;transition:.15s}
.lbs-shell .lbs-topbar-right .lbs-acc-btn{margin-left:4px}
.lbs-shell .lbs-acc-login{background:#13294b;color:#fff!important;border:2px solid #13294b}
.lbs-shell .lbs-acc-login:hover{background:#1c3a66;color:#fff!important}
.lbs-shell .lbs-acc-reg{background:linear-gradient(100deg,#10b981,#06b6d4);color:#fff!important;border:2px solid transparent;box-shadow:0 6px 14px rgba(16,185,129,.35)}
.lbs-shell .lbs-acc-reg:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(16,185,129,.45);color:#fff!important}
.lbs-shell .lbs-topbar-right .lbs-top-account{display:none}