/* ===== Tanie Korki — assets/style.css ===== */
:root{
  --navy:#0F172A; --blue:#2563EB; --sand:#FFFDF7; --slate:#475569; --green:#10B981;
  --text:#111827; --border:#E5E7EB;
}
*{box-sizing:border-box}
html,body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--sand);color:var(--text)}
a{color:var(--blue);text-decoration:none}
.tk-container{max-width:1120px;margin:0 auto;padding:0 16px}
.tk-main{padding:20px 16px}

/* NAV */
.tk-nav{background:var(--navy);color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.tk-nav .tk-container{display:flex;align-items:center;justify-content:space-between;height:64px}
.tk-brand{font-weight:700;color:#fff;font-size:20px}
.tk-menu{display:flex;gap:20px;align-items:center}
.tk-menu a{color:#e5e7eb}
.tk-menu a:hover{color:#fff}
.tk-menu .cta{background:var(--blue);color:#fff;padding:8px 14px;border-radius:8px;font-weight:600}
.tk-burger{display:none;background:none;border:0;cursor:pointer}
.tk-burger span{display:block;width:22px;height:2px;background:#fff;margin:5px 0}

/* Footer */
.tk-footer{border-top:1px solid var(--border);padding:24px 0;margin-top:24px;background:#fff}
.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;align-items:start}
.right{text-align:right}

/* Alerts */
.alert{padding:10px 12px;border-radius:10px;margin:10px 0}
.alert-success{background:#ECFDF5;color:#065F46;border:1px solid #A7F3D0}
.alert-error{background:#FEF2F2;color:#991B1B;border:1px solid #FECACA}
.alert-info{background:#EFF6FF;color:#1E3A8A;border:1px solid #BFDBFE}

/* Landing */
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;margin-top:16px}
.hero h1{font-size:32px;line-height:1.2;margin:0 0 8px}
.hero p{color:var(--slate);margin:0 0 16px}
.hero .search{display:flex;gap:8px;flex-wrap:wrap}
.hero input,.hero select{padding:10px;border:1px solid var(--border);border-radius:10px;min-width:180px;background:#fff}
.btn{display:inline-block;background:var(--blue);color:#fff;padding:10px 14px;border-radius:10px;font-weight:600}
.btn-outline{display:inline-block;border:1px solid var(--border);padding:10px 14px;border-radius:10px;font-weight:600;color:var(--text);background:#fff}
.kafle{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.kafle a{display:block;border:1px solid var(--border);border-radius:12px;padding:16px;background:#fff}
.kafle a strong{display:block;margin-bottom:4px}

/* Cards (lista ogłoszeń) */
.card{
  display:grid;
  grid-template-columns:1fr auto;
  gap:14px;
  align-items:center;
  padding:14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#fff;
}

/* Listing (pojedyncza oferta) */
.listing-thumb {
  width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  background: #f1f5f9;
}

/* --- Fixed footer --- */
.tk-footer-fixed {
  position: fixed;
  bottom: 0; left: 0; width: 100%;
  background: #0f172a; color: #f1f5f9; text-align: center;
  padding: 12px 0; font-size: 14px; box-shadow: 0 -2px 6px rgba(0,0,0,0.25); z-index: 50;
}
.tk-footer-fixed a { color:#94a3b8; text-decoration:none; }
.tk-footer-fixed a:hover { color:#ffffff; text-decoration:underline; }

/* Logo i nawigacja */
.tk-nav-flex{display:flex;align-items:center;justify-content:space-between}
.tk-brand{display:flex;align-items:center;gap:10px;font-size:1.4rem;font-weight:700;color:#fff;text-decoration:none}
.tk-logo{height:36px;width:auto;object-fit:contain;border-radius:6px}

/* Responsive */
@media (max-width: 920px){
  .hero{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr}
  .right{text-align:left}
}
@media (max-width: 840px){
  .tk-burger{display:block}
  .tk-menu{
    position:fixed;inset:64px 0 auto 0;background:var(--navy);
    flex-direction:column;padding:16px;gap:16px;transform:translateY(-8px);
    opacity:0;pointer-events:none;transition:.2s
  }
  body.nav-open .tk-menu{transform:translateY(0);opacity:1;pointer-events:auto}
}

/* Mobile-first poprawki: ogłoszenia pełna szerokość */
@media (max-width: 740px){
  .card{grid-template-columns:1fr !important}
  .tk-container{padding:0 12px}
  form.card{grid-template-columns:1fr !important}
}

/* Formularze wyszukiwania — 2 kolumny desktop, 1 kolumna mobile */
.form-lookup{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
@media (max-width:940px){ .form-lookup{grid-template-columns:repeat(2,1fr)} }
@media (max-width:640px){ .form-lookup{grid-template-columns:1fr} }