/* Poradna Rubio Monocoat Navigator v1.2 - Faze 1 - final design pass */

/* Compact editorial introduction placed in the Shoptet category description */
.rkb-intro{
  max-width:900px;
  margin:0 auto 30px!important;
  padding:0 18px!important;
  text-align:center;
  background:transparent!important;
  border:0!important;
}
rkb-intro .rkb-subtitle{
  margin:0 0 7px!important;
  color:#183029!important;
  font-size:18px!important;
  line-height:1.55!important;
  font-weight:700!important;
}
.rkb-intro>p:last-child{
  max-width:820px;
  margin:0 auto!important;
  color:#59645f!important;
  font-size:16px!important;
  line-height:1.7!important;
}

#rkb-filter-app{
  max-width:1200px;
  margin:0 auto 48px;
  padding:0 16px;
  color:#183029;
}
.rkb-panel{
  padding:40px 28px 42px;
  background:#f5f3ee;
  border:1px solid #e2ded5;
  margin-bottom:20px;
}
.rkb-panel__header{
  text-align:center;
  margin-bottom:18px;
}
.rkb-heading{
  margin:0 0 7px!important;
  color:#183029!important;
  font-size:30px!important;
  line-height:1.2!important;
  font-weight:800!important;
  text-transform:none!important;
}
.rkb-lead{
  margin:0!important;
  color:#59645f!important;
  font-size:16px!important;
  line-height:1.65!important;
}
.rkb-search-wrap{position:relative;margin-bottom:22px}
.rkb-search{
  display:block;
  width:100%;
  box-sizing:border-box;
  min-height:56px;
  padding:15px 18px;
  border:2px solid #c9cec9;
  border-radius:0;
  background:#fff;
  color:#17201d;
  font-size:17px;
  line-height:1.3;
  outline:none;
}
.rkb-search:focus{border-color:#183029;box-shadow:0 0 0 3px rgba(24,48,41,.1)}
.rkb-section-label{
  margin:0 0 10px!important;
  color:#183029!important;
  font-size:16px!important;
  font-weight:800!important;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.rkb-topic-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.rkb-topic-btn{
  appearance:none;
  border:1px solid #183029;
  background:#fff;
  color:#183029;
  border-radius:0;
  padding:10px 16px;
  font:700 16px/1.25 Arial,Helvetica,sans-serif;
  cursor:pointer;
}
.rkb-topic-btn:hover,.rkb-topic-btn.is-active{background:#183029;color:#fff}
.rkb-quick-tags{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding-top:15px;border-top:1px solid #ddd8ce}
.rkb-quick-tag{
  appearance:none;
  border:0;
  background:transparent;
  color:#765d31;
  padding:5px 7px;
  border-radius:0;
  font:700 16px/1.3 Arial,Helvetica,sans-serif;
  text-decoration:underline;
  text-underline-offset:3px;
  cursor:pointer;
}
.rkb-quick-tag:hover,.rkb-quick-tag.is-active{background:#e5dccb;color:#183029;text-decoration:none}
.rkb-refine-toggle{
  margin-top:18px;
  border:0;
  background:transparent;
  color:#183029;
  padding:0;
  font:800 16px/1.3 Arial,Helvetica,sans-serif;
  text-decoration:underline;
  text-underline-offset:4px;
  cursor:pointer;
}
.rkb-refine-toggle:after{content:' +';text-decoration:none}
.rkb-refine-toggle[aria-expanded="true"]:after{content:' −'}
.rkb-refine-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:18px;padding-top:18px;border-top:1px solid #ddd8ce}
.rkb-refine-panel[hidden]{display:none!important}
.rkb-refine-group{min-width:0;margin:0;padding:0;border:0}
.rkb-refine-group legend{margin-bottom:9px;color:#183029;font-size:16px;font-weight:800}
.rkb-check{display:flex;align-items:center;gap:8px;margin:7px 0;color:#4f5a55;font-size:16px;cursor:pointer}
.rkb-check input{width:17px;height:17px;accent-color:#183029}
.rkb-status{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 17px}
.rkb-results-count{color:#59645f;font-size:16px;font-weight:700}
.rkb-clear{border:0;background:transparent;color:#765d31;padding:4px 0;font-size:16px;font-weight:700;text-decoration:underline;cursor:pointer}
.rkb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.rkb-native-card{min-width:0;border-radius:0!important;overflow:visible;background:#fff}
.rkb-native-card>*{width:100%!important;max-width:100%!important;margin:0!important;border-radius:0!important}
.rkb-native-card a,.rkb-native-card article,.rkb-native-card [class*="item"]{border-radius:0!important}
.rkb-native-card picture{display:block;width:100%;height:auto!important;border-radius:0!important;overflow:visible!important}
.rkb-native-card img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;border-radius:0!important;background:#fff!important}
.rkb-native-card [style*="background-image"]{border-radius:0!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}
.rkb-load-more-wrap{text-align:center;margin:32px 0}
.rkb-load-more{border:1px solid #183029;background:#183029;color:#fff;border-radius:0;padding:13px 26px;font-size:16px;font-weight:800;cursor:pointer}
.rkb-load-more:hover{background:#fff;color:#183029}
.rkb-empty,.rkb-loading{grid-column:1/-1;display:flex;flex-direction:column;gap:6px;padding:38px;text-align:center;color:#59645f;background:#f5f3ee;border-radius:0}
.rkb-hidden-native{display:none!important}

@media(max-width:900px){
  .rkb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rkb-refine-panel{grid-template-columns:1fr 1fr}
}
@media(max-width:580px){
  .rkb-intro{margin-bottom:22px!important;padding:0 12px!important;text-align:left}
  .rkb-intro .rkb-subtitle{font-size:17px!important}
  #rkb-filter-app{padding:0 10px}
  .rkb-panel{padding:30px 16px 32px}
  .rkb-panel__header{text-align:left}
  .rkb-heading{font-size:25px!important}
  .rkb-search{font-size:16px;padding:14px}
  .rkb-topic-row{gap:7px}
  .rkb-topic-btn{padding:10px 12px;font-size:16px}
  .rkb-refine-panel{grid-template-columns:1fr}
  .rkb-grid{grid-template-columns:1fr}
  .rkb-status{align-items:flex-start;flex-direction:column;gap:5px}
}

/* ==========================================================
   FÁZE 1 v1.2 — FINÁLNÍ DESIGNOVÁ VRSTVA
   Přesnost. Klid. Důvěra. Vše hranaté.
   ========================================================== */

:root{
  --rkb-green:#183029;
  --rkb-green-hover:#24473d;
  --rkb-text:#17201d;
  --rkb-muted:#59645f;
  --rkb-gold:#765d31;
  --rkb-surface:#f5f3ee;
  --rkb-border:#d8d3ca;
  --rkb-white:#fff;
  --rkb-transition:180ms ease;
}

/* Zákaz duplicitního interního kickeru a zaoblení v celé komponentě */
.rkb-kicker,
#rkb-filter-app .rkb-kicker{display:none!important}
.rkb-intro *,
#rkb-filter-app,
#rkb-filter-app *{border-radius:0!important}

/* Oprava selektoru a finální typografie úvodu */
.rkb-intro{
  max-width:920px!important;
  margin:0 auto 32px!important;
  padding:0 20px!important;
  text-align:center!important;
}
.rkb-intro .rkb-subtitle{
  margin:0 0 12px!important;
  color:var(--rkb-green)!important;
  font-size:18px!important;
  line-height:1.55!important;
  font-weight:700!important;
}
.rkb-intro > p:last-child{
  max-width:800px!important;
  margin:0 auto!important;
  color:var(--rkb-muted)!important;
  font-size:16px!important;
  line-height:1.7!important;
  font-weight:400!important;
}

/* Minimální čitelnost uvnitř celé Poradny */
#rkb-filter-app,
#rkb-filter-app button,
#rkb-filter-app input,
#rkb-filter-app label,
#rkb-filter-app legend,
#rkb-filter-app p,
#rkb-filter-app span{font-size:16px}

.rkb-panel{
  padding:40px 28px 42px!important;
  background:var(--rkb-surface)!important;
  border:1px solid var(--rkb-border)!important;
  box-shadow:none!important;
}
.rkb-heading{font-size:30px!important;line-height:1.2!important}
.rkb-lead{font-size:16px!important;line-height:1.65!important}
.rkb-search{
  min-height:58px!important;
  padding:16px 18px!important;
  border:1px solid #aeb7b1!important;
  box-shadow:none!important;
  font-size:17px!important;
  transition:border-color var(--rkb-transition),background-color var(--rkb-transition)!important;
}
.rkb-search:hover{border-color:#6f7c76!important}
.rkb-search:focus,
.rkb-search:focus-visible{
  border-color:var(--rkb-green)!important;
  outline:2px solid var(--rkb-green)!important;
  outline-offset:2px!important;
  box-shadow:none!important;
}

.rkb-topic-btn,
.rkb-load-more{
  box-shadow:none!important;
  transform:none!important;
  transition:background-color var(--rkb-transition),color var(--rkb-transition),border-color var(--rkb-transition)!important;
}
.rkb-topic-btn:hover,
.rkb-topic-btn:focus-visible{
  background:var(--rkb-green)!important;
  color:var(--rkb-white)!important;
  border-color:var(--rkb-green)!important;
  outline:2px solid var(--rkb-green)!important;
  outline-offset:2px!important;
}
.rkb-topic-btn.is-active{
  background:var(--rkb-green)!important;
  color:var(--rkb-white)!important;
  border-color:var(--rkb-green)!important;
}

.rkb-quick-tag{
  background:transparent!important;
  color:var(--rkb-gold)!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:4px!important;
  transition:color var(--rkb-transition),text-decoration-color var(--rkb-transition),background-color var(--rkb-transition)!important;
}
.rkb-quick-tag:hover,
.rkb-quick-tag:focus-visible,
.rkb-quick-tag.is-active{
  background:transparent!important;
  color:var(--rkb-green)!important;
  text-decoration-thickness:2px!important;
  outline:2px solid var(--rkb-green)!important;
  outline-offset:2px!important;
}

.rkb-refine-toggle,
.rkb-clear{
  transition:color var(--rkb-transition),text-decoration-thickness var(--rkb-transition)!important;
}
.rkb-refine-toggle:hover,
.rkb-refine-toggle:focus-visible,
.rkb-clear:hover,
.rkb-clear:focus-visible{
  color:var(--rkb-green-hover)!important;
  text-decoration-thickness:2px!important;
  outline:2px solid var(--rkb-green)!important;
  outline-offset:3px!important;
}

.rkb-load-more:hover,
.rkb-load-more:focus-visible{
  background:var(--rkb-white)!important;
  color:var(--rkb-green)!important;
  border-color:var(--rkb-green)!important;
  outline:2px solid var(--rkb-green)!important;
  outline-offset:2px!important;
}

/* Nativní karty: jen jemná interakce, bez pohybu a stínů */
.rkb-native-card,
.rkb-native-card img,
.rkb-native-card a{
  box-shadow:none!important;
  transition:color var(--rkb-transition),opacity var(--rkb-transition),border-color var(--rkb-transition)!important;
}
.rkb-native-card:hover img{opacity:.94}
.rkb-native-card:hover h2,
.rkb-native-card:hover h3,
.rkb-native-card:hover h4,
.rkb-native-card:focus-within h2,
.rkb-native-card:focus-within h3,
.rkb-native-card:focus-within h4{color:var(--rkb-green)!important}
.rkb-native-card a:focus-visible{outline:2px solid var(--rkb-green)!important;outline-offset:3px!important}

@media(max-width:580px){
  .rkb-intro{padding:0 12px!important;text-align:left!important}
  .rkb-intro .rkb-subtitle{font-size:17px!important}
  .rkb-panel{padding:30px 16px 32px!important}
  .rkb-search{min-height:56px!important;font-size:16px!important}
}

@media(prefers-reduced-motion:reduce){
  #rkb-filter-app *,
  #rkb-filter-app *::before,
  #rkb-filter-app *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}

/* Faze 2: diagnosticky panel. Vsechny prvky zustavaji hranate. */
.rkb-debug{position:fixed;right:16px;bottom:16px;z-index:99999;width:min(390px,calc(100vw - 32px));background:#fff;border:2px solid #183029;border-radius:0;box-shadow:none;color:#183029;font-size:16px;line-height:1.45;padding:16px}
.rkb-debug__head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8d3ca;padding-bottom:10px;margin-bottom:10px}
.rkb-debug__head button{appearance:none;border:1px solid #183029;border-radius:0;background:#fff;color:#183029;width:34px;height:34px;font-size:24px;line-height:1;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}
.rkb-debug__head button:hover,.rkb-debug__head button:focus-visible{background:#183029;color:#fff}
.rkb-debug dl{margin:0}
.rkb-debug dl>div{display:flex;justify-content:space-between;gap:16px;padding:5px 0;border-bottom:1px solid #eeeae3}
.rkb-debug dt,.rkb-debug dd{margin:0}
.rkb-debug dd{font-weight:700}
.rkb-debug p{margin:12px 0 0}
.rkb-debug code{font-size:14px}
.rkb-debug__hint{color:#4b5b55}