/* PredamKupim Guest Access — SMS login card */
.pkga-sms-card{
  border:1px solid #cdbfe0;background:#fff;border-radius:12px;padding:14px 16px;margin:12px 0 0;
  display:flex;flex-direction:column;gap:8px;
}
.pkga-or{
  text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:#9a8fb0;text-align:center;
  position:relative;margin:2px 0 4px;
}
.pkga-sms-card strong{font-size:15px;color:#3a1153}
.pkga-sms-card span{font-size:13px;color:#5b5168;line-height:1.45}
.pkga-step{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pkga-step.pkga-hidden{display:none}
.pkga-phone,.pkga-code{
  flex:1 1 180px;min-width:0;padding:10px 12px;border:1px solid #cdbfe0;border-radius:10px;
  font-size:14px;background:#fff;color:#2b2336;
}
.pkga-phone:focus,.pkga-code:focus{outline:none;border-color:#8a1fd2;box-shadow:0 0 0 3px rgba(138,31,210,.15)}
.pkga-code{letter-spacing:.25em;font-weight:600;text-align:center;flex:1 1 140px}
.pkga-sms-card .pkac-btn{flex:0 0 auto}
.pkga-link{background:none;border:0;color:#8a1fd2;cursor:pointer;font-size:13px;text-decoration:underline;padding:6px 4px}
.pkga-status{font-size:13px;line-height:1.5;color:#4a4356;min-height:1px}
.pkga-status.is-error{color:#b00424}
.pkga-status.is-ok{color:#137a2b}
.pkga-status.is-loading{color:#6d17a8}
@media(max-width:520px){.pkga-sms-card .pkac-btn{flex:1 1 100%}}
.pkga-contact-note{margin:6px 0 0;font-size:12.5px;line-height:1.45;color:#6d17a8}
.pkga-contact-error{margin:10px 0;padding:10px 12px;border:1px solid #f0997b;background:#faece7;border-radius:10px;color:#993c1d;font-size:13.5px;font-weight:500;line-height:1.45}
.pkga-owner-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;padding:12px 14px;border:1px solid #e4b9ff;background:#faf3ff;border-radius:12px}
.pkga-ob-label{font-size:13px;font-weight:700;color:#6d17a8;flex:1 1 auto}
.pkga-owner-bar a{text-decoration:none;border-radius:10px;font-weight:700;font-size:14px;padding:10px 16px;white-space:nowrap}
.pkga-ob-top{background:#ff6900;color:#fff}
.pkga-ob-top:hover{filter:brightness(.95);color:#fff}
.pkga-ob-edit{background:#fff;border:1px solid #cdbfe0;color:#3a1153}
.pkga-ob-edit:hover{background:#f0e3ff;color:#3a1153}
.pkga-owner-bar{flex-direction:column;align-items:stretch}
.pkga-ob-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pkga-ob-head .pkga-ob-label{flex:1 1 auto}
.pkga-ob-packs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}
.pkga-ob-top-label{font-size:12.5px;font-weight:700;color:#6d17a8;margin-right:2px}
.pkga-ob-pack{background:#fff;border:1px solid #ff6900;color:#993c1d;border-radius:10px;font-weight:700;font-size:13.5px;padding:9px 13px;text-decoration:none;white-space:nowrap}
.pkga-ob-pack:hover{background:#ff6900;color:#fff}
@media(max-width:560px){.pkga-ob-label{flex:1 1 100%}.pkga-ob-pack{flex:1 1 auto;text-align:center}}

/* Fix: "Sledovať" (watch) button on listing cards — was white-on-white for guests
   (.pkac-btn-soft white variant) and low-contrast grey for logged-in users. Force dark-on-light. */
.pkac-card-listing .pkac-watchlist-cta,
.pkac-card-foot .pkac-watchlist-cta{background:#eef3fb !important;border:1px solid rgba(7,19,41,.12) !important;box-shadow:none !important}
.pkac-card-listing .pkac-watchlist-cta,
.pkac-card-listing .pkac-watchlist-cta *,
.pkac-card-foot .pkac-watchlist-cta,
.pkac-card-foot .pkac-watchlist-cta *{color:#071329 !important}
.pkac-card-listing .pkac-watchlist-cta span,
.pkac-card-foot .pkac-watchlist-cta span{display:inline !important}

/* =================== MOBILE FIXES =================== */
@media (max-width:780px){
  /* Mobile menu drawer overflowed the viewport: items + the X close button were clipped
     on the right (row layout / content-box padding). Force a clean full-width column that fits. */
  body.pkac-system-body .pkac-shell-nav{
    left:10px !important; right:10px !important; width:auto !important;
    max-width:calc(100vw - 20px) !important; box-sizing:border-box !important;
    flex-direction:column !important; flex-wrap:nowrap !important; align-items:stretch !important;
    gap:8px !important; padding:14px !important; overflow-x:hidden !important;
  }
  body.pkac-system-body .pkac-shell-nav > *{
    width:100% !important; max-width:100% !important; box-sizing:border-box !important;
    margin-left:0 !important; margin-right:0 !important; flex:0 0 auto !important;
  }
  body.pkac-system-body .pkac-shell-nav-head{
    display:flex !important; align-items:center !important; justify-content:space-between !important;
    width:100% !important; box-sizing:border-box !important; order:-1 !important;
  }
  body.pkac-system-body .pkac-shell-nav-head button{flex:0 0 42px !important; min-width:42px !important}
}
/* TABLET range (768–1100px): pkac-tablet.css also shows the hamburger drawer but with NO column
   layout → it rendered as a broken horizontal row (title + X + all items side by side). Same fix,
   scoped to the open drawer only so the closed state stays hidden. */
@media (min-width:768px) and (max-width:1100px){
  body.pkac-system-body .pkac-shell-nav[aria-hidden="false"]{
    position:fixed !important; top:14px !important; left:14px !important; right:14px !important; bottom:auto !important;
    width:auto !important; max-width:calc(100vw - 28px) !important; max-height:calc(100vh - 28px) !important;
    box-sizing:border-box !important;
    display:flex !important; flex-direction:column !important; flex-wrap:nowrap !important; align-items:stretch !important;
    gap:8px !important; padding:16px !important; overflow:auto !important;
  }
  body.pkac-system-body .pkac-shell-nav[aria-hidden="false"] > *{
    width:100% !important; max-width:100% !important; box-sizing:border-box !important; margin:0 !important; flex:0 0 auto !important;
  }
  body.pkac-system-body .pkac-shell-nav[aria-hidden="false"] .pkac-shell-nav-head{
    display:flex !important; align-items:center !important; justify-content:space-between !important;
    width:100% !important; box-sizing:border-box !important; order:-1 !important;
  }
  body.pkac-system-body .pkac-shell-nav[aria-hidden="false"] .pkac-shell-nav-head button{flex:0 0 42px !important; min-width:42px !important}
}
@media (max-width:1100px){
  /* Per-category attribute filters ("vlastnosti") were very narrow on phone AND tablet (768–1100):
     the width:100% rule only covered .pkac-listing-filters, not the selects/inputs in the drilldown.
     Also keeps the "X rubrík" count pill from overlapping long subcategory names. Covers tablet too. */
  body .pkac-filter-drilldown,
  body .pkac-filter-drilldown-collapsible,
  body .pkac-filter-drilldown > *{box-sizing:border-box !important; max-width:100% !important; min-width:0 !important}
  body .pkac-filter-drilldown select,
  body .pkac-filter-drilldown input,
  body .pkac-attribute-form-grid select,
  body .pkac-attribute-form-grid input,
  body .pkac-attribute-form-grid textarea{
    width:100% !important; max-width:100% !important; min-width:0 !important; box-sizing:border-box !important;
  }
  body .pkac-attribute-form-grid{grid-template-columns:1fr !important}
  /* "X rubrík" count pill overlapped long subcategory names on phones — keep it in normal flow below the name. */
  body .pkac-category-tile-link__count{
    position:static !important; float:none !important; top:auto !important; right:auto !important;
    display:inline-block !important; margin:2px 0 0 !important; max-width:100% !important;
  }
  body .pkac-category-tile-link__name{max-width:100% !important; padding-right:0 !important; overflow-wrap:anywhere !important}
}

/* Free-TOP launch offer in the owner bar (one-click activate) */
.pkga-freetop{margin:0 0 12px;padding:14px 16px;border-radius:14px;background:linear-gradient(120deg,#fff4ec,#ffe4cf);border:1px solid #ffb98a;display:flex;flex-direction:column;gap:7px}
.pkga-freetop strong{font-size:15px;color:#9a3b12;line-height:1.3}
.pkga-freetop span{font-size:13px;color:#7a4a30;line-height:1.45}
.pkga-freetop-btn{align-self:flex-start;background:#ff6900;color:#fff;border:0;border-radius:10px;font-weight:800;font-size:14.5px;padding:11px 18px;cursor:pointer}
.pkga-freetop-btn:hover{filter:brightness(.96)}
.pkga-freetop-btn:disabled{opacity:.6;cursor:default}
.pkga-freetop-status{font-size:13px;color:#7a4a30;min-height:1px}
@media(max-width:560px){.pkga-freetop-btn{align-self:stretch;text-align:center}}

/* Newsletter -> 50% coupon card (home/archive) */
.pkga-nl{max-width:1140px;margin:14px auto 22px;padding:0 6px}
.pkga-nl-in{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;padding:18px 22px;border-radius:16px;background:linear-gradient(120deg,#8a1fd2 0%,#6d17a8 60%,#ff6900 160%);box-shadow:0 6px 22px rgba(120,40,180,.22)}
.pkga-nl-txt{flex:1 1 280px;min-width:0;color:#f3e9fc}
.pkga-nl-txt strong{display:block;color:#fff;font-size:17px;line-height:1.25;margin-bottom:3px}
.pkga-nl-txt span{font-size:13.5px;line-height:1.45}
.pkga-nl-form{display:flex;gap:8px;flex:1 1 320px;flex-wrap:wrap}
.pkga-nl-email{flex:1 1 180px;min-width:0;padding:12px 14px;border:0;border-radius:10px;font-size:14.5px;background:#fff;color:#2b2336}
.pkga-nl-email:focus{outline:none;box-shadow:0 0 0 3px rgba(255,255,255,.45)}
.pkga-nl-btn{flex:0 0 auto;background:#ff6900;color:#fff;border:0;border-radius:10px;font-weight:800;font-size:14.5px;padding:12px 18px;cursor:pointer;white-space:nowrap}
.pkga-nl-btn:hover{filter:brightness(.96)}
.pkga-nl-btn:disabled{opacity:.6;cursor:default}
.pkga-nl-result{flex:1 1 100%;min-height:1px;font-size:14px;color:#fff;font-weight:600}
.pkga-nl-result.is-error{color:#ffe0d6}
.pkga-nl-code{display:inline-block;background:#fff;color:#6d17a8;border-radius:8px;padding:3px 10px;font-size:16px;letter-spacing:.04em;margin:0 4px}
.pkga-nl-exp{font-weight:500;opacity:.92}
@media(max-width:560px){.pkga-nl-btn{flex:1 1 100%;text-align:center}}

/* Phone-only seller: SMS login made primary, dead e-mail path noted */
.pkga-sms-card.pkga-sms-primary{border-color:#8a1fd2;border-width:2px;background:#faf3ff;box-shadow:0 4px 16px rgba(138,31,210,.14)}
.pkga-sms-card.pkga-sms-primary strong{color:#6d17a8}
.pkga-email-dead{margin:10px 0 0;padding:9px 12px;border:1px solid #f0c9b8;background:#fbeee7;border-radius:10px;color:#8a4a2d;font-size:12.5px;line-height:1.45}

/* Saved search -> e-mail alert card (archive) */
.pkga-ss{max-width:1140px;margin:14px auto 22px;padding:0 6px}
.pkga-ss-in{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:18px 22px;border-radius:16px;background:linear-gradient(120deg,#0b2a4a 0%,#12508a 70%,#1f7fd0 160%);box-shadow:0 6px 22px rgba(11,42,74,.22)}
.pkga-ss-txt{flex:1 1 240px;min-width:0;color:#dbe9f7}
.pkga-ss-txt strong{display:block;color:#fff;font-size:17px;line-height:1.25;margin-bottom:3px}
.pkga-ss-txt span{font-size:13.5px;line-height:1.45}
.pkga-ss-form{display:flex;gap:8px;flex:1 1 360px;flex-wrap:wrap}
.pkga-ss-q,.pkga-ss-email{flex:1 1 150px;min-width:0;padding:12px 14px;border:0;border-radius:10px;font-size:14.5px;background:#fff;color:#2b2336}
.pkga-ss-q:focus,.pkga-ss-email:focus{outline:none;box-shadow:0 0 0 3px rgba(255,255,255,.45)}
.pkga-ss-btn{flex:0 0 auto;background:#ff6900;color:#fff;border:0;border-radius:10px;font-weight:800;font-size:14.5px;padding:12px 18px;cursor:pointer;white-space:nowrap}
.pkga-ss-btn:hover{filter:brightness(.96)}
.pkga-ss-btn:disabled{opacity:.6;cursor:default}
.pkga-ss-result{flex:1 1 100%;min-height:1px;font-size:14px;color:#fff;font-weight:600}
.pkga-ss-result.is-error{color:#ffd9cf}
@media(max-width:560px){.pkga-ss-q,.pkga-ss-email,.pkga-ss-btn{flex:1 1 100%;text-align:center}}