/* ================================================
   RANKINGI.CSS — moduł rankingów
   Brand: #3b2f7f, #2f2559, #6c5ce7, #e9e6f5
================================================ */

/* ─── HERO ─── */
.rk-hero{position:relative;overflow:hidden;min-height:140px;display:flex;align-items:center}
.rk-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#2f2559 0%,#3b2f7f 40%,#6c5ce7 100%)}
.rk-hero-bg::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.rk-hero-in{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:28px 14px;display:flex;align-items:center;gap:18px;width:100%}
.rk-hero-icon{flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}
.rk-hero-icon svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rk-hero-text h1{color:#fff;font-size:22px;font-weight:800;margin:0;line-height:1.3}
.rk-hero-text p{color:rgba(255,255,255,.75);font-size:14px;margin:4px 0 0}
.rk-hero-text p strong{color:#fff}

/* Antyranking hero */
.rk-hero-anty .rk-hero-bg{background:linear-gradient(135deg,#4a1a1a 0%,#7f1d1d 40%,#dc2626 100%)}
.rk-hero-anty .rk-hero-icon svg{fill:#fff;stroke:none}

/* ─── FILTERS ─── */
.rk-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;align-items:center}
.rk-filters select,.rk-filters input[type="text"]{height:38px;padding:0 12px;border-radius:10px;border:1px solid rgba(59,47,127,.15);font-size:13px;background:#fff;color:#333;outline:none;font-family:inherit;transition:border-color .2s}
.rk-filters select:focus,.rk-filters input[type="text"]:focus{border-color:#3b2f7f}
.rk-filters input[type="text"]{min-width:180px}
.rk-filter-btn{height:38px;padding:0 18px;border-radius:10px;border:none;background:#3b2f7f;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s}
.rk-filter-btn:hover{background:#2f2559}

/* ─── CREATE CTA ─── */
.rk-create-cta{margin:0 0 20px}
.rk-create-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 24px;border-radius:12px;background:linear-gradient(135deg,#3b2f7f,#6c5ce7);color:#fff;font-weight:700;font-size:14px;text-decoration:none;border:none;cursor:pointer;transition:all .3s}
.rk-create-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(59,47,127,.25)}
.rk-create-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}

/* ─── RANKING CARDS (lista) ─── */
.rk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:20px}
.rk-card{display:flex;gap:14px;padding:18px;background:#fff;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.05);border:1px solid rgba(59,47,127,.08);text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.25,.8,.25,1)}
.rk-card:hover{box-shadow:0 8px 28px rgba(59,47,127,.12);transform:translateY(-4px);border-color:rgba(59,47,127,.15)}
.rk-card-anty{border-left:3px solid #dc2626}
.rk-card-icon{flex:0 0 48px;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#e9e6f5,#d5d0ea);display:flex;align-items:center;justify-content:center}
.rk-card-anty .rk-card-icon{background:linear-gradient(135deg,#fecaca,#fca5a5)}
.rk-card-anty .rk-card-icon svg{stroke:#dc2626}
.rk-card-icon svg{width:24px;height:24px;stroke:#3b2f7f;fill:none;stroke-width:2;stroke-linecap:round}
.rk-card-body{flex:1;min-width:0}
.rk-card-body h3{font-size:15px;font-weight:700;color:#1e293b;margin:0 0 6px;line-height:1.35}
.rk-card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.rk-card-meta span{font-size:11px;padding:2px 8px;border-radius:12px;background:#f1f5f9;color:#475569}
.rk-meta-anty{background:#fef2f2!important;color:#dc2626!important;font-weight:700}
.rk-meta-loc::before{content:"📍 "}
.rk-card-stats{font-size:12px;color:#64748b;display:flex;gap:12px}
.rk-card-stats strong{color:#2f2559;font-weight:700}
.rk-card-date{color:#94a3b8;font-size:11px}
.rk-badge-featured{display:inline-block;padding:2px 8px;border-radius:12px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-top:6px}

/* ─── SECTION TITLES ─── */
.rk-section-title{margin:0 0 14px;display:flex;align-items:center;gap:10px}
.rk-section-title h2{font-size:16px;font-weight:800;color:#2f2559;margin:0}
.rk-polecane-title{margin-top:28px;padding-top:20px;border-top:2px solid #f1f5f9}
.rk-polecane-badge-info{font-size:10px;padding:2px 10px;border-radius:20px;background:#f1f5f9;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-weight:600}

/* ─── RANKED ITEMS (single ranking) ─── */
.rk-list{display:flex;flex-direction:column;gap:8px}
.rk-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#fff;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.04);border:1px solid rgba(59,47,127,.06);transition:all .2s}
.rk-item:hover{box-shadow:0 4px 16px rgba(59,47,127,.1);border-color:rgba(59,47,127,.12)}
.rk-item-polecane{border-left:3px solid #f59e0b;background:#fffbeb}
.rk-list-polecane .rk-item{background:#fffbeb;border-left:3px solid #f59e0b}

/* Position */
.rk-pos{flex:0 0 44px;text-align:center}
.rk-pos-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3b2f7f,#6c5ce7);color:#fff;font-weight:800;font-size:15px}
.rk-gold{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;width:42px!important;height:42px!important;font-size:18px!important}
.rk-silver{background:linear-gradient(135deg,#94a3b8,#64748b)!important}
.rk-bronze{background:linear-gradient(135deg,#c2855a,#92400e)!important}
.rk-pos-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;font-size:16px}

/* Avatar */
.rk-item-avatar{flex:0 0 52px;width:52px;height:52px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#f0eef9,#e9e6f5);display:flex;align-items:center;justify-content:center}
.rk-item-avatar img{width:100%;height:100%;object-fit:cover}

/* Info */
.rk-item-info{flex:1;min-width:0}
.rk-item-name{font-weight:700;font-size:14px;color:#1a1a2e;text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-item-name:hover{color:#3b2f7f}
.rk-item-loc{font-size:12px;color:#64748b;margin-top:2px}

/* Rating */
.rk-item-rating{flex:0 0 auto;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.rk-stars{display:flex;gap:1px}
.rk-stars svg{width:16px;height:16px}
.rk-star-filled{fill:#3b2f7f;stroke:#3b2f7f}
.rk-star-empty{fill:none;stroke:#cbd5e1;stroke-width:2}
.rk-rnum{font-size:18px;font-weight:800;color:#2f2559}
.rk-rcnt{font-size:11px;color:#94a3b8}
.rk-badge-polecane{display:inline-flex;padding:4px 12px;border-radius:20px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.rk-badge-new{font-size:11px;color:#94a3b8;font-style:italic}

/* ─── CREATE FORM ─── */
.rk-create-section{margin-bottom:24px;padding:24px;background:#f8f7fc;border-radius:16px;border:2px dashed rgba(59,47,127,.15)}
.rk-create-section h2{font-size:18px;font-weight:800;color:#2f2559;margin:0 0 16px}
.rk-create-form{display:flex;flex-direction:column;gap:12px}
.rk-create-form label{font-size:13px;font-weight:600;color:#475569;display:block;margin-bottom:4px}
.rk-create-form select,.rk-create-form input[type="text"]{width:100%;height:42px;padding:0 14px;border-radius:10px;border:1px solid rgba(59,47,127,.2);font-size:14px;font-family:inherit;color:#333;background:#fff;outline:none;box-sizing:border-box}
.rk-create-form select:focus,.rk-create-form input[type="text"]:focus{border-color:#3b2f7f;box-shadow:0 0 0 3px rgba(59,47,127,.1)}
.rk-create-submit{height:44px;padding:0 28px;border-radius:12px;border:none;background:linear-gradient(135deg,#3b2f7f,#6c5ce7);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;font-family:inherit;margin-top:4px}
.rk-create-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,47,127,.3)}

/* Form row (2-col) */
.rk-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:500px){.rk-form-row{grid-template-columns:1fr}}

/* Category/location chain levels */
.rk-kat-level,.rk-loc-level{margin-top:2px}
.rk-kat-level + .rk-kat-level,.rk-loc-level + .rk-loc-level{margin-top:8px;padding-left:14px;border-left:2px solid rgba(59,47,127,.1)}

/* ─── SIDEBAR SEARCH ─── */
.rk-sidebar-search{width:100%;height:38px;padding:0 12px;border-radius:10px;border:1px solid rgba(59,47,127,.15);font-size:13px;font-family:inherit;outline:none;box-sizing:border-box;margin-bottom:8px}
.rk-sidebar-search:focus{border-color:#3b2f7f;box-shadow:0 0 0 3px rgba(59,47,127,.1)}
.rk-sidebar-search-btn{width:100%;height:36px;border:none;border-radius:10px;background:#3b2f7f;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s}
.rk-sidebar-search-btn:hover{background:#2f2559}

/* ─── SHARE BUTTONS ─── */
.rk-share-btns{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.rk-share-fb,.rk-share-copy{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s;border:1px solid rgba(59,47,127,.1)}
.rk-share-fb{background:#1877f2;color:#fff;border-color:#1877f2}
.rk-share-fb:hover{background:#166fe5}
.rk-share-copy{background:#f8f7fc;color:#3b2f7f;font-family:inherit}
.rk-share-copy:hover{background:#e9e6f5}

/* ─── NO RATED INFO ─── */
.rk-no-rated{display:flex;align-items:center;gap:14px;padding:20px 24px;background:#fefce8;border:1px solid #fde68a;border-radius:12px;margin-bottom:20px;color:#92400e;font-size:14px;line-height:1.5}
.rk-no-rated svg{flex-shrink:0}
.rk-no-rated p{margin:0}
.rk-no-rated strong{color:#78350f}

/* ─── FILL SECTION (inne firmy) ─── */
.rk-fill-title{margin-top:24px}
.rk-fill-title h2{font-size:16px;color:#64748b}
.rk-list-fill .rk-item{background:#fafafa}
.rk-pos-fill{display:flex;align-items:center;justify-content:center;width:42px;height:42px;font-size:18px;color:#cbd5e1;font-weight:700}

/* ─── SIDEBAR STATS ─── */
.rk-sidebar-stats{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#475569}
.rk-sidebar-stats div{display:flex;justify-content:space-between}
.rk-sidebar-stats strong{color:#2f2559}

/* ─── PAGINATION ─── */
.rk-pag{display:flex;justify-content:center;gap:6px;margin:24px 0;flex-wrap:wrap}
.rk-pag a,.rk-pag span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:10px;font-size:13px;font-weight:600;text-decoration:none;border:1px solid rgba(59,47,127,.12);color:#3b2f7f;background:#fff;transition:all .2s}
.rk-pag a:hover{background:#f8f7fc;border-color:#3b2f7f}
.rk-pag .active{background:linear-gradient(135deg,#3b2f7f,#6c5ce7);color:#fff;border-color:transparent}

.rk-badge-nowa{display:inline-flex;padding:3px 10px;border-radius:20px;background:#f1f5f9;color:#94a3b8;font-size:11px;font-weight:600}

/* ─── SEE ALL BUTTON ─── */
.rk-see-all{text-align:center;margin:24px 0 8px}
.rk-see-all-btn{display:inline-flex;align-items:center;gap:6px;padding:12px 28px;border-radius:12px;background:linear-gradient(135deg,#3b2f7f,#6c5ce7);color:#fff;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;box-shadow:0 2px 8px rgba(59,47,127,.2)}
.rk-see-all-btn:hover{background:linear-gradient(135deg,#2f2559,#3b2f7f);box-shadow:0 4px 16px rgba(59,47,127,.3);transform:translateY(-1px)}

/* ─── RESPONSIVE ─── */
@media(max-width:768px){
  .rk-grid{grid-template-columns:1fr}
  .rk-item{flex-wrap:wrap;gap:10px;padding:12px 14px}
  .rk-pos{flex:0 0 36px}
  .rk-item-avatar{width:40px;height:40px;flex:0 0 40px}
  .rk-item-rating{flex:1 0 100%;text-align:left;flex-direction:row;align-items:center;gap:8px;border-top:1px solid #f1f5f9;padding-top:8px}
  .rk-hero-text h1{font-size:18px}
  .rk-create-section{padding:16px}
  .rk-see-all-btn{font-size:13px;padding:10px 20px}
}