/* ==========================================================================
   Privaed — Paigalduspartnerid (hub + partner profile).
   Loaded only on page-paigalduspartnerid.php and single-paigalduspartner.php.
   Tokens, .wrap, .eyebrow, .btn*, .prose and .amber are global (styles.css).
   .crumb / .k-head / .k-grid / .contact-card / .k-block+.req base rules are
   duplicated from the mock, exactly as blog.css and contact.css do, because
   contact.css is NOT loaded on these routes.
   ========================================================================== */

.pp, .pp-single{padding:14px 0 40px}

/* ===== BREADCRUMB (dup — contact.css not loaded here) ===== */
.crumb{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--muted);margin-bottom:20px;flex-wrap:wrap}
.crumb a{transition:color .15s}
.crumb a:hover{color:var(--amber-deep)}
.crumb svg{width:13px;height:13px;opacity:.45;flex:none}
.crumb .cur{color:var(--ink-2);font-weight:600}

/* ===== PAGE HEAD (dup) ===== */
.k-head{max-width:720px;margin-bottom:34px}
.k-head .eyebrow{margin-bottom:16px}
.k-head h1{font-size:clamp(36px,4.6vw,58px);font-weight:800;line-height:1.04}
.k-head .lead{color:var(--body);font-size:18px;margin-top:18px;max-width:560px}

/* ===== GRID (dup) ===== */
.k-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:30px;align-items:start}

/* ===== CONTACT CARD (dup) ===== */
.contact-card{background:linear-gradient(165deg,#E3A23B,#C9842A);border-radius:var(--r-card);padding:36px;color:#2a1d05;position:relative;overflow:hidden;display:flex;flex-direction:column}
.contact-card::after{content:"";position:absolute;right:-40px;bottom:-40px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 70%)}
.contact-card h3{color:#2a1d05;font-size:25px;font-weight:800;position:relative}
.contact-card .lines{margin-top:18px;font-size:15px;line-height:1.9;font-weight:600;position:relative;word-break:break-word}
.contact-card .lines a{border-bottom:1px solid rgba(42,29,5,.3)}
.contact-card .lines a:hover{border-bottom-color:#2a1d05}

/* ===== COMPANY REQUISITES BLOCK (dup) ===== */
.k-block{background:#fff;border-radius:var(--r-card);padding:30px;box-shadow:0 12px 32px -22px rgba(64,46,16,.3)}
.k-block h4{font-family:"DM Sans",system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.req{display:flex;flex-direction:column;gap:14px}
.req .r{display:flex;gap:14px}
.req .ri{width:38px;height:38px;border-radius:11px;background:var(--cream-2);color:var(--amber-deep);display:grid;place-items:center;flex:none}
.req .ri svg{width:19px;height:19px}
.req .rk{font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.02em}
.req .rv{font-size:15px;color:var(--ink);font-weight:600;line-height:1.4;margin-top:2px}

/* ==========================================================================
   HUB
   ========================================================================== */

.pp-intro{margin-bottom:34px}

/* ----- region filter chips ----- */
.pp-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:30px}
.pp-chip{font-family:"DM Sans",system-ui,sans-serif;font-size:14px;font-weight:600;color:var(--ink-2);background:#fff;border:1.5px solid var(--line);border-radius:var(--r-pill);padding:9px 18px;cursor:pointer;transition:.15s;box-shadow:0 2px 10px -6px rgba(64,46,16,.3)}
.pp-chip:hover{border-color:var(--line-2);transform:translateY(-1px)}
.pp-chip.is-on{background:var(--amber);border-color:var(--amber);color:#231a06;font-weight:700}
.pp-chip:focus-visible{outline:3px solid var(--amber-soft);outline-offset:2px}

/* ----- card grid (mirrors .posts in blog.css) ----- */
.pp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.pp-card{display:flex;flex-direction:column;background:#fff;border-radius:var(--r-card);padding:28px;box-shadow:0 14px 34px -26px rgba(64,46,16,.45);transition:transform .2s,box-shadow .2s}
.pp-card:hover{transform:translateY(-4px);box-shadow:0 26px 50px -28px rgba(64,46,16,.5)}
.pp-card.is-hidden{display:none}

.pp-logo{display:grid;place-items:center;height:58px;width:100%;margin-bottom:18px}
.pp-logo img{max-height:52px;width:auto;max-width:100%;object-fit:contain}
.pp-initials{font-family:"Epilogue",system-ui,sans-serif;font-weight:800;font-size:22px;color:var(--amber-deep);background:var(--cream-2);width:58px;height:58px;border-radius:50%;display:grid;place-items:center}

.pp-name{font-family:"Epilogue",system-ui,sans-serif;font-size:21px;font-weight:700;line-height:1.24;color:var(--ink)}
.pp-name a:hover{color:var(--amber-deep)}

.pp-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.pp-pill{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--body);background:var(--cream-2);border-radius:var(--r-pill);padding:5px 12px}
.pp-pills--lg .pp-pill{font-size:13px;padding:6px 14px;background:#fff;box-shadow:0 2px 10px -6px rgba(64,46,16,.3)}

.pp-excerpt{color:var(--body);font-size:14.5px;line-height:1.6;margin-top:14px}

.pp-lines{display:flex;flex-direction:column;gap:8px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.pp-lines a{display:inline-flex;align-items:center;gap:9px;font-size:14.5px;font-weight:600;color:var(--ink-2);word-break:break-word}
.pp-lines a:hover{color:var(--amber-deep)}
.pp-lines svg{width:16px;height:16px;flex:none;color:var(--amber-deep)}

.pp-more{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:18px;font-weight:700;font-size:14px;color:var(--amber-deep)}
.pp-more svg{width:15px;height:15px;transition:transform .2s}
.pp-card:hover .pp-more svg{transform:translateX(4px)}

.pp-empty,.pp-noresult{color:var(--body);font-size:17px;background:var(--cream-2);border-radius:var(--r-card);padding:26px 30px}
.pp-noresult{margin-top:26px}

/* ----- closing CTA ----- */
.pp-cta{margin-top:50px;padding:38px 40px}
.pp-cta-text{position:relative;margin-top:12px;font-size:15.5px;line-height:1.6;max-width:520px;color:#3a2806;opacity:.9}
.pp-cta-btn{position:relative;margin-top:24px}

/* ==========================================================================
   PROFILE
   ========================================================================== */

.pp-head{max-width:760px;margin-bottom:26px}
.pp-head-logo{margin-bottom:20px}
.pp-head-logo img{max-height:56px;width:auto}
.pp-head .eyebrow{margin-bottom:14px}
.pp-head h1{font-size:clamp(32px,4.2vw,52px);font-weight:800;line-height:1.05}
.pp-head .pp-pills{margin-top:18px}

.pp-cover{border-radius:var(--r-card);overflow:hidden;margin-bottom:36px;box-shadow:var(--shadow)}
.pp-cover img{width:100%;height:auto;aspect-ratio:16/7;object-fit:cover}

.pp-aside{display:flex;flex-direction:column;gap:18px;position:sticky;top:24px}
.pp-contact-note{position:relative;margin-top:20px;font-size:13.5px;line-height:1.55;color:#3a2806;opacity:.85}
.pp-main .prose{max-width:none}

/* ----- gallery ----- */
.pp-gallery{margin-top:44px}
.pp-gallery h2{font-size:clamp(24px,2.6vw,32px);font-weight:800;margin-bottom:20px}
.pp-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pp-shot{display:block;border-radius:var(--r-md);overflow:hidden;aspect-ratio:4/3;background:var(--cream-2);box-shadow:0 12px 30px -24px rgba(64,46,16,.5);transition:transform .2s}
.pp-shot:hover{transform:translateY(-3px)}
.pp-shot img{width:100%;height:100%;object-fit:cover}

.pp-foot{display:flex;flex-wrap:wrap;gap:12px;margin-top:52px;padding-top:34px;border-top:1px solid var(--line)}

/* ----- lightbox ----- */
.pp-lb{position:fixed;inset:0;z-index:200;background:rgba(20,15,9,.9);display:none;align-items:center;justify-content:center;padding:36px}
.pp-lb.open{display:flex}
.pp-lb img{max-width:min(1200px,94vw);max-height:88vh;width:auto;height:auto;border-radius:var(--r-md);box-shadow:var(--shadow-lg)}
.pp-lb-close,.pp-lb-nav{position:absolute;background:rgba(255,253,248,.92);border:none;border-radius:50%;width:46px;height:46px;display:grid;place-items:center;cursor:pointer;color:var(--ink);box-shadow:var(--shadow-sm);transition:.15s}
.pp-lb-close:hover,.pp-lb-nav:hover{background:#fff;transform:scale(1.06)}
.pp-lb-close{top:22px;right:22px}
.pp-lb-nav.prev{left:22px;top:50%;transform:translateY(-50%)}
.pp-lb-nav.next{right:22px;top:50%;transform:translateY(-50%)}
.pp-lb-nav.prev:hover{transform:translateY(-50%) scale(1.06)}
.pp-lb-nav.next:hover{transform:translateY(-50%) scale(1.06)}
.pp-lb svg{width:22px;height:22px}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media(max-width:1080px){
  .pp-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:980px){
  .k-grid{grid-template-columns:1fr}
  .pp-aside{position:static}
}
@media(max-width:720px){
  .pp-grid{grid-template-columns:1fr}
  .pp-gallery-grid{grid-template-columns:repeat(2,1fr)}
  .pp-cta{padding:30px 26px}
  .pp-cover img{aspect-ratio:3/2}
  .pp-lb{padding:16px}
  .pp-lb-nav{width:40px;height:40px}
  .pp-lb-nav.prev{left:10px}
  .pp-lb-nav.next{right:10px}
}
