/* Hranice Reality – vlastní vzhled, v2 2026-10-12 */
:root{
  --hr-navy:#003344; --hr-deep:#001a22; --hr-orange:#f59e0b; --hr-orange2:#d97706;
  --hr-sky:#e0f2fe; --hr-soft:#f8fafc; --hr-text:#1e293b; --hr-muted:#5b6b7a;
  --hr-easy:#15803d; --hr-mid:#1d4ed8; --hr-radius:12px;
  --hr-head:'Exo 2',sans-serif; --hr-body:'Source Sans 3',sans-serif;
}
/* --- 1. Schování původních prvků Shoptetu --- */
.header-top,#header .header-inner .site-name,#header .header-inner .search,#header .header-inner .header-action,
#header .header-inner .navigation-wrapper,.header-top-inner,#navigation{display:none!important;height:0!important;margin:0!important;padding:0!important;visibility:hidden!important}
#footer .footer-top,#footer .footer-bottom,.footer-bottom,#signature{display:none!important}
#main,.content,#content,.cart-content,.cart-inner,main{display:block!important;visibility:visible!important;opacity:1!important;min-height:400px}

/* --- 2. Jednotné písmo ve všech vlastních blocích --- */
.hr-home-wrapper,.hr-about-wrapper,.hr-contact-wrapper,.hr-terms-wrapper,.hr-footer-wrapper,.hr-top-bar,.hr-main-header,.hr-cat{font-family:var(--hr-body)!important}
.hr-home-wrapper h1,.hr-home-wrapper h2,.hr-home-wrapper h3,.hr-home-wrapper h4,.hr-about-wrapper h1,.hr-about-wrapper h2,.hr-about-wrapper h3,
.hr-contact-wrapper h1,.hr-contact-wrapper h2,.hr-contact-wrapper h3,.hr-terms-wrapper h1,.hr-terms-wrapper h2,.hr-terms-wrapper h3,
.hr-logo,.hr-footer-logo,.hr-footer-heading,.hr-nav a,.hr-cat h2,.hr-cat h3{font-family:var(--hr-head)!important}

/* --- 3. Horní pruh --- */
.hr-top-bar{background:var(--hr-deep);color:var(--hr-orange);text-align:center;padding:9px 16px;font-size:.86em;font-weight:700;letter-spacing:1.2px;
  text-transform:uppercase;display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap}
.hr-top-bar .highlight{color:#fff}
.hr-top-bar a.hr-top-link{color:var(--hr-orange);text-decoration:none}
.hr-top-bar a.hr-top-link:hover .highlight{text-decoration:underline}
.hr-top-sep{color:rgba(255,255,255,.35)}

/* --- 4. Hlavní záhlaví (lepí se nahoru při rolování) --- */
.hr-main-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.97);backdrop-filter:saturate(1.4) blur(6px);
  padding:14px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 2px 14px rgba(0,26,34,.08)}
.hr-logo{display:flex;align-items:center;gap:10px;font-size:1.65em;font-weight:900;color:var(--hr-navy)!important;text-decoration:none!important;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}
.hr-logo svg{flex:none}
.hr-nav{display:flex;align-items:center;gap:30px}
.hr-nav a{text-decoration:none!important;color:var(--hr-navy);font-weight:700;font-size:1.02em;text-transform:uppercase;letter-spacing:.4px;position:relative;padding:6px 0;transition:color .2s}
.hr-nav a:not(.hr-nav-slevomat):after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--hr-orange);transform:scaleX(0);transition:transform .25s}
.hr-nav a:not(.hr-nav-slevomat):hover{color:var(--hr-orange2)}
.hr-nav a:not(.hr-nav-slevomat):hover:after,.hr-nav a.hr-active:after{transform:scaleX(1)}
.hr-nav a.hr-nav-venku .hr-free{position:absolute;top:-12px;right:-24px;font-size:.58em;letter-spacing:.5px;background:#8b2a1d;color:#fff;padding:1px 6px;border-radius:3px;line-height:1.5}
.hr-nav a.hr-nav-slevomat{background:var(--hr-orange);color:#fff;padding:9px 18px;border-radius:8px;transition:background .2s,transform .2s;box-shadow:0 4px 12px rgba(245,158,11,.3)}
.hr-nav a.hr-nav-slevomat:hover{background:var(--hr-orange2);color:#fff;transform:translateY(-2px)}
.hr-header-icons{display:flex;gap:18px;align-items:center}
.hr-icon-link{color:var(--hr-navy);display:flex;transition:transform .2s,color .2s}
.hr-icon-link:hover{transform:scale(1.1);color:var(--hr-orange)}
.hr-burger{display:none;background:none;border:0;padding:6px;cursor:pointer;color:var(--hr-navy)}
.hr-burger span{display:block;width:26px;height:3px;background:currentColor;border-radius:2px;margin:5px 0;transition:transform .25s,opacity .25s}
.hr-main-header.hr-open .hr-burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.hr-main-header.hr-open .hr-burger span:nth-child(2){opacity:0}
.hr-main-header.hr-open .hr-burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
@media (max-width:900px){
  .hr-top-bar{font-size:.74em;letter-spacing:.6px;gap:4px 10px;padding:7px 10px}
  .hr-top-sep{display:none}
  .hr-main-header{padding:12px 16px}
  .hr-logo{font-size:1.25em}
  .hr-burger{display:block;order:3}
  .hr-header-icons{margin-left:auto}
  .hr-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:stretch;gap:0;
    padding:6px 16px 18px;box-shadow:0 14px 24px rgba(0,26,34,.12)}
  .hr-main-header.hr-open .hr-nav{display:flex}
  .hr-nav a{padding:14px 4px;border-bottom:1px solid #eef2f6}
  .hr-nav a:after{display:none}
  .hr-nav a.hr-nav-venku .hr-free{position:static;margin-left:8px;vertical-align:2px}
  .hr-nav a.hr-nav-slevomat{margin-top:14px;text-align:center;border-bottom:0}
}

/* --- 5. Patička přes celou šířku --- */
#footer{background:var(--hr-deep)!important}
.hr-footer-wrapper{box-shadow:0 0 0 100vmax var(--hr-deep);clip-path:inset(0 -100vmax)}

/* --- 6. Tlačítka a ceny v e-shopu --- */
.btn.btn-conversion,.btn.btn-cart,.add-to-cart-button,.btn.btn-primary,a.btn.btn-conversion{background:var(--hr-orange)!important;border-color:var(--hr-orange)!important;color:#fff!important;
  border-radius:8px!important;font-weight:700!important;letter-spacing:.3px;box-shadow:0 4px 12px rgba(245,158,11,.28);transition:background .2s,transform .2s!important}
.btn.btn-conversion:hover,.btn.btn-cart:hover,.add-to-cart-button:hover,.btn.btn-primary:hover{background:var(--hr-orange2)!important;border-color:var(--hr-orange2)!important;transform:translateY(-1px)}
.price-final,.price-final-holder,.p-final-price-wrapper .price-final{color:var(--hr-navy)!important}

/* --- 7. Výpis her (kategorie) --- */
.products-block .product{padding:12px!important}
.products-block .product .p{background:#fff;border-radius:var(--hr-radius);box-shadow:0 6px 22px rgba(0,26,34,.08);overflow:hidden;height:100%;
  transition:transform .25s,box-shadow .25s;border:1px solid #edf1f5}
.products-block .product .p:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,26,34,.14)}
.products-block .product .p .image{display:block;overflow:hidden}
.products-block .product .p .image img{transition:transform .5s;width:100%;height:auto}
.products-block .product .p:hover .image img{transform:scale(1.04)}
.products-block .product .p .p-in{padding:16px 18px 20px}
.products-block .p .name{height:auto!important;max-height:none!important;-webkit-line-clamp:unset!important;overflow:visible!important;display:block!important;
  font-family:var(--hr-head);font-weight:700;font-size:1.15em;color:var(--hr-navy)!important;line-height:1.25}
.hr-tags{display:flex;flex-wrap:wrap;gap:6px 8px;justify-content:center;margin:10px 0 2px}
.hr-tag{display:inline-flex;align-items:center;gap:5px;border-radius:30px;padding:3px 11px;font-size:.82em;font-weight:700;line-height:1.5}
.hr-tag.easy{background:#dcfce7;color:var(--hr-easy)}
.hr-tag.mid{background:#dbeafe;color:var(--hr-mid)}
.hr-tag.meta{background:var(--hr-soft);color:var(--hr-muted);font-weight:600;border:1px solid #e5eaf0}
.p-detail-inner .hr-tags{justify-content:flex-start;margin:6px 0 14px}
.p-detail-inner .hr-tag{font-size:.92em;padding:5px 13px}
.hr-sorting-off .listSorting{display:none!important}
.category-title{font-family:var(--hr-head);font-weight:900!important;color:var(--hr-navy)!important}

/* --- 8. Úvod kategorie „Naše hry“ --- */
.hr-cat{max-width:1100px;margin:0 auto 26px}
.hr-cat-lead{text-align:center;font-size:1.18em;color:var(--hr-muted);max-width:760px;margin:0 auto 22px;line-height:1.6}
.hr-cat-cmp{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.hr-cat-box{border-radius:var(--hr-radius);padding:20px 22px;background:var(--hr-soft);border:1px solid #e5eaf0;border-top:5px solid var(--hr-easy)}
.hr-cat-box.mid{border-top-color:var(--hr-mid)}
.hr-cat-box h3{margin:0 0 6px;font-size:1.2em;color:var(--hr-navy)}
.hr-cat-box p{margin:0;color:var(--hr-text);line-height:1.55}
.hr-cat-box .hr-tags{justify-content:flex-start;margin:10px 0 0}
@media (max-width:700px){.hr-cat-cmp{grid-template-columns:1fr}}

/* --- 9. Detail produktu --- */
.p-detail-inner h1{font-weight:900!important;color:var(--hr-navy)!important}
.p-image img{border-radius:var(--hr-radius)}
.p-short-description{border-left-color:var(--hr-orange)!important}
.shp-tabs-wrapper .tab-content,.p-detail-tabs-wrapper .tab-content{border-radius:var(--hr-radius)}
.hr-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 4px}
.hr-trust div{background:var(--hr-soft);border:1px solid #e5eaf0;border-radius:10px;padding:9px 8px;text-align:center;font-size:.86em;line-height:1.3;color:var(--hr-text)}
.hr-trust b{display:block;font-size:1.25em;margin-bottom:2px}
@media (max-width:500px){.hr-trust{grid-template-columns:1fr}}

/* --- 10. Doladění výpisu (v2) --- */
.hr-sorting-off .category-header{display:none!important}
.hr-sorting-off .products-block{justify-content:center}
.products-block .product .p .p-in-in{text-align:center}