/*
Theme Name: Publinkacja
Theme URI: https://publinkacja.pl
Author: Publinkacja
Description: Lekki jednostronicowy motyw wizytówkowy dla wydawcy portali contentowych. Wszystkie teksty edytowalne w Wygląd → Dostosuj.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: publinkacja
*/

/* ===== Reset / base ===== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#f0eee7;color:#1b1b19;font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:#ff5b2e}
h1,h2,h3,p{margin:0}
input,textarea,select,button{font:inherit;color:inherit}
::placeholder{color:#8f8b80}
:focus-visible{outline:2px solid #ff5b2e;outline-offset:2px}

.pub-wrap{max-width:1280px;margin:0 auto;padding:0 44px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.pub-eyebrow{font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#8f8b80}

/* ===== Header ===== */
.pub-header{background:#1b1b19}
.pub-header__inner{max-width:1280px;margin:0 auto;padding:16px 44px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.pub-logo{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:20px;letter-spacing:-.02em;color:#f0eee7}
.pub-logo em{font-style:normal;color:#ff5b2e}
.pub-logo:hover{color:#f0eee7}
.pub-nav{display:flex;align-items:center;gap:32px}
.pub-nav a{font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#9b968a;transition:color .16s ease}
.pub-nav a:hover{color:#f0eee7}
.pub-nav .pub-nav__cta{background:#ff5b2e;color:#1b1b19;padding:11px 18px;font-weight:600;letter-spacing:.08em;transition:background .18s ease}
.pub-nav .pub-nav__cta:hover{background:#f0eee7;color:#1b1b19}
.pub-burger{display:none;width:44px;height:44px;background:transparent;border:1px solid #4a4841;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}
.pub-burger span{display:block;width:18px;height:2px;background:#f0eee7}
.pub-burger span+span{background:#ff5b2e}

/* ===== Hero ===== */
.pub-hero{position:relative;overflow:hidden;padding:92px 0 0}
.pub-hero__blob{position:absolute;top:34px;right:-110px;width:470px;height:470px;border-radius:50%;background:#ff5b2e}
.pub-hero__ring{position:absolute;top:250px;right:150px;width:190px;height:190px;border-radius:50%;border:1px solid #cdc8ba}
.pub-hero__inner{position:relative}
.pub-hero h1{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:clamp(46px,7.4vw,104px);line-height:.9;letter-spacing:-.055em;max-width:940px;margin-top:34px}
.pub-hero h1 .serif{font-family:"Newsreader",Georgia,serif;font-weight:300;font-style:italic;letter-spacing:-.04em}
.pub-hero__grid{position:relative;display:grid;grid-template-columns:1fr 360px;gap:64px;margin-top:60px;padding-bottom:56px;align-items:end}
.pub-hero__lead{max-width:540px;font-size:21px;line-height:1.5;color:#3c3a34;text-wrap:pretty}
.pub-hero__actions{display:flex;flex-direction:column;gap:10px}
.pub-btn-block{display:flex;flex-direction:column;justify-content:space-between;min-height:132px;background:#1b1b19;color:#f0eee7;padding:20px 22px;transition:background .2s ease,transform .2s ease}
.pub-btn-block small{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
.pub-btn-block strong{font-family:"Space Grotesk",sans-serif;font-weight:600;font-size:25px;line-height:1.05;letter-spacing:-.02em}
.pub-btn-block:hover{background:#ff5b2e;color:#1b1b19;transform:translate(3px,-3px)}
.pub-btn-line{display:flex;align-items:center;justify-content:space-between;border:1px solid #1b1b19;padding:16px 22px;font-size:14px;font-weight:600;transition:background .18s ease,color .18s ease}
.pub-btn-line:hover{background:#1b1b19;color:#f0eee7}

/* ===== Ticker ===== */
.pub-ticker{background:#1b1b19;border-bottom:1px solid #302f2b;overflow:hidden;padding:13px 0}
.pub-ticker__track{display:flex;width:max-content;animation:pub-marq 42s linear infinite;font-size:13px;font-weight:500;letter-spacing:.06em;color:#9b968a;white-space:nowrap}
.pub-ticker__track>span{padding-right:44px}
@keyframes pub-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.pub-ticker__track{animation:none}}

/* ===== Stats ===== */
.pub-stats{background:#1b1b19}
.pub-stats__inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}
.pub-stat{padding:38px 44px;border-right:1px solid #302f2b}
.pub-stat:last-child{border-right:0;background:#ff5b2e}
.pub-stat b{display:block;font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:48px;line-height:1;letter-spacing:-.045em;color:#f0eee7}
.pub-stat span{display:block;margin-top:8px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#8f8b80}
.pub-stat:last-child b{color:#1b1b19}
.pub-stat:last-child span{color:#5c2412}

/* ===== Oferta ===== */
.pub-offer{padding:96px 0 48px}
.pub-offer__head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:8px}
.pub-offer__head span{font-size:13px;color:#8f8b80}
.pub-offer__item{display:grid;grid-template-columns:112px 1fr 400px;gap:32px;align-items:start;padding:44px 0;border-bottom:1px solid #d8d4c8;transition:padding-left .22s ease}
.pub-offer__item:hover{padding-left:14px}
.pub-offer__item:nth-child(3){margin-left:72px}
.pub-offer__item:nth-child(4){margin-left:144px}
.pub-offer__num{font-family:"Newsreader",Georgia,serif;font-weight:300;font-size:66px;line-height:1;color:#ff5b2e}
.pub-offer__item h3{font-family:"Space Grotesk",sans-serif;font-weight:600;font-size:40px;line-height:1.03;letter-spacing:-.038em;margin-bottom:14px}
.pub-tags{display:flex;gap:8px;flex-wrap:wrap}
.pub-tags span{border:1px solid #cdc8ba;padding:6px 11px;font-size:12px;font-weight:500;color:#54514a}
.pub-offer__desc{font-size:16px;line-height:1.65;color:#54514a;text-wrap:pretty}

/* ===== Sieć / tabela ===== */
.pub-net{padding:56px 0 96px}
.pub-net__head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:26px}
.pub-net__head a{font-size:14px;font-weight:600;color:#ff5b2e;border-bottom:1px solid #f3c0ad;padding-bottom:4px}
.pub-table{width:100%;border-collapse:collapse;border-top:1px solid #1b1b19}
.pub-table th{text-align:left;padding:12px 4px;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#8f8b80}
.pub-table td{padding:18px 4px;border-top:1px solid #d8d4c8;font-size:16px}
.pub-table tbody tr:hover{background:#e6e3d9}
.pub-table td:first-child{font-weight:600}
.pub-table td:last-child,.pub-table th:last-child{text-align:right}
.pub-table td.pub-topic{color:#54514a}
.pub-table tr.pub-table__more td{border-bottom:1px solid #1b1b19;color:#8f8b80}
.pub-table tr.pub-table__more:hover{background:transparent}
.pub-table tr.pub-table__more td:last-child{color:#ff5b2e;font-weight:600}
.pub-cards{display:none}

/* ===== Proces ===== */
.pub-process{background:#1b1b19;padding:88px 0}
.pub-process .pub-eyebrow{margin-bottom:48px}
.pub-process__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#302f2b}
.pub-step{background:#1b1b19;padding:32px 30px 36px}
.pub-step em{display:block;font-family:"Newsreader",Georgia,serif;font-weight:300;font-style:italic;font-size:40px;line-height:1;color:#ff5b2e;margin-bottom:20px}
.pub-step h3{font-family:"Space Grotesk",sans-serif;font-weight:600;font-size:24px;line-height:1.2;letter-spacing:-.02em;color:#f0eee7;margin-bottom:10px}
.pub-step p{font-size:15px;line-height:1.65;color:#9b968a;text-wrap:pretty}
.pub-audience{display:flex;flex-wrap:wrap;gap:44px;margin-top:44px;padding-top:32px;border-top:1px solid #302f2b;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#8f8b80}

/* ===== Kontakt ===== */
.pub-contact{margin:56px 44px 44px;background:#ff5b2e;padding:64px 56px;display:grid;grid-template-columns:1fr 1fr;gap:72px}
.pub-contact h2{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:54px;line-height:.98;letter-spacing:-.048em;margin-bottom:20px;text-wrap:balance}
.pub-contact__lead{max-width:400px;font-size:17px;line-height:1.6;color:#4a1c0e;margin-bottom:34px;text-wrap:pretty}
.pub-contact__mail{font-family:"Newsreader",Georgia,serif;font-weight:300;font-style:italic;font-size:30px;color:#1b1b19;border-bottom:1px solid rgba(27,27,25,.35);padding-bottom:6px}
.pub-contact__mail:hover{color:#1b1b19;border-bottom-color:#1b1b19}
.pub-contact__meta{margin-top:32px;font-size:14px;line-height:1.6;color:#4a1c0e}
.pub-form{display:flex;flex-direction:column;gap:12px}
.pub-form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pub-form input,.pub-form select,.pub-form textarea{background:#f0eee7;border:1px solid #1b1b19;padding:16px 18px;font-size:15px;outline:none;min-height:44px;width:100%}
.pub-form input:focus,.pub-form select:focus,.pub-form textarea:focus{background:#fff}
.pub-form textarea{resize:vertical;line-height:1.5}
.pub-form button{background:#1b1b19;color:#f0eee7;border:0;padding:20px;font-family:"Space Grotesk",sans-serif;font-weight:600;font-size:15px;letter-spacing:.05em;cursor:pointer;transition:transform .16s ease}
.pub-form button:hover{transform:translate(3px,-3px)}
.pub-form__note{font-size:12px;line-height:1.5;color:#4a1c0e}
.pub-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.pub-alert{background:#1b1b19;color:#f0eee7;padding:14px 18px;font-size:14px}

/* ===== Footer ===== */
.pub-footer{padding:0 44px 36px;max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.pub-footer .pub-logo{color:#1b1b19;font-size:16px}
.pub-footer__links{display:flex;gap:26px;font-size:13px;color:#8f8b80}
.pub-sticky{display:none}

/* ===== Mobile ===== */
@media (max-width:900px){
  .pub-wrap{padding:0 20px}
  .pub-header__inner{padding:14px 20px}
  .pub-logo{font-size:17px}
  .pub-nav{position:absolute;top:100%;left:0;right:0;z-index:20;background:#1b1b19;flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 20px;display:none;border-top:1px solid #302f2b}
  .pub-header{position:relative}
  .pub-header.is-open .pub-nav{display:flex}
  .pub-nav a{padding:16px 0;font-size:14px;letter-spacing:.12em;border-bottom:1px solid #302f2b}
  .pub-nav .pub-nav__cta{margin-top:14px;text-align:center;border-bottom:0;padding:16px 18px}
  .pub-burger{display:flex}

  .pub-hero{padding:44px 0 0}
  .pub-hero__blob{top:-70px;right:-90px;width:230px;height:230px}
  .pub-hero__ring{display:none}
  .pub-hero h1{font-size:clamp(38px,12vw,52px);letter-spacing:-.045em;margin-top:22px}
  .pub-hero__grid{grid-template-columns:1fr;gap:26px;margin-top:26px;padding-bottom:32px}
  .pub-hero__lead{font-size:16px}
  .pub-btn-block{min-height:0;flex-direction:row;align-items:center;justify-content:space-between;padding:19px 20px}
  .pub-btn-block small{display:none}
  .pub-btn-block strong{font-size:16px;line-height:1.2}
  .pub-btn-block:hover{transform:none}

  .pub-ticker__track{font-size:11px;animation-duration:30s}
  .pub-stats__inner{grid-template-columns:1fr 1fr}
  .pub-stat{padding:24px 20px;border-top:1px solid #302f2b}
  .pub-stat:nth-child(2){border-right:0}
  .pub-stat b{font-size:34px}
  .pub-stat span{font-size:11px;line-height:1.3}

  .pub-offer{padding:44px 0 24px}
  .pub-offer__head span{display:none}
  .pub-offer__item,.pub-offer__item:nth-child(3),.pub-offer__item:nth-child(4){grid-template-columns:1fr;gap:12px;margin-left:0;padding:24px 0}
  .pub-offer__item:hover{padding-left:0}
  .pub-offer__item:first-of-type{border-top:1px solid #1b1b19}
  .pub-offer__num{font-size:32px}
  .pub-offer__item h3{font-size:25px;line-height:1.08;letter-spacing:-.03em;margin-bottom:10px}
  .pub-offer__desc{font-size:15px}
  .pub-offer__body{order:1}
  .pub-tags span{font-size:11px;padding:6px 10px}

  .pub-net{padding:24px 0 44px}
  .pub-net__head{flex-direction:column;align-items:flex-start;gap:10px}
  .pub-table{display:none}
  .pub-cards{display:flex;flex-direction:column;gap:8px}
  .pub-card{border:1px solid #cdc8ba;padding:16px 18px}
  .pub-card__top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}
  .pub-card__top b{font-size:17px}
  .pub-card__top i{font-style:normal;font-size:13px;font-weight:600;color:#ff5b2e}
  .pub-card__meta{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#8f8b80}
  .pub-card--more{display:flex;align-items:center;justify-content:space-between;background:#1b1b19;color:#f0eee7;padding:17px 18px;font-size:15px;font-weight:600;min-height:44px}
  .pub-card--more span{color:#ff5b2e}

  .pub-process{padding:40px 0}
  .pub-process .pub-eyebrow{margin-bottom:26px}
  .pub-process__grid{grid-template-columns:1fr;gap:22px;background:transparent}
  .pub-step{padding:18px 0 0;border-top:1px solid #302f2b}
  .pub-step em{font-size:28px;margin-bottom:8px}
  .pub-step h3{font-size:20px}
  .pub-step p{font-size:14px}
  .pub-audience{gap:14px 26px;margin-top:28px;padding-top:22px;font-size:11px}

  .pub-contact{margin:0;padding:40px 20px;grid-template-columns:1fr;gap:28px}
  .pub-contact h2{font-size:34px}
  .pub-contact__lead{font-size:15px;margin-bottom:20px}
  .pub-contact__mail{font-size:22px}
  .pub-form__row{grid-template-columns:1fr}
  .pub-form button:hover{transform:none}
  .pub-contact__side{order:2}

  .pub-footer{padding:26px 20px 96px;flex-direction:column;align-items:flex-start;gap:12px}
  .pub-sticky{display:grid;position:fixed;bottom:0;left:0;right:0;z-index:30;background:#1b1b19;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px 14px 12px 18px;border-top:1px solid #302f2b}
  .pub-sticky span{font-size:12px;font-weight:500;line-height:1.3;color:#9b968a}
  .pub-sticky a{background:#ff5b2e;color:#1b1b19;padding:14px 18px;font-size:14px;font-weight:600;min-height:44px;display:flex;align-items:center}
  .pub-sticky a:hover{color:#1b1b19}
}