/* =========================================================
   =============== 1) BRAND / PROMĚNNÉ / BASE ==============
   ========================================================= */
:root{
  --gp-green:#34ab71;   /* primární zelená */
  --gp-pink:#ff1685;    /* sekundární (pro akce / akcenty) */
}

/* Typografie a smooth scroll */
html,body{
  font-family:"Roboto",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}
html{ scroll-behavior:smooth; }

/* Pomocné „success” barvy (bezpečně přes proměnnou) */
.text-success{ color:var(--gp-green) !important; }
.link-success{ color:var(--gp-green) !important; }
.link-success:hover{ color:#2f9e68 !important; }

/* Základní hero šedá */
.bg-hero, .gp-hero{ background:#f3f5f7; }

/* Horní dekor pruh */
.gp-topstripe{ width:100%; line-height:0; }
.gp-topstripe svg{ width:100%; height:8px; display:block; }

/* Užší barevná linka (např. pod mapou) */
.gp-topstripe--thin{ width:220px; line-height:0; margin:14px auto 0; }
.gp-topstripe--thin svg{ width:100%; height:6px; display:block; border-radius:3px; }

/* =========================================================
   ================== 2) TLAČÍTKA BOOTSTRAP =================
   ========================================================= */
/* Bootstrap success → naše zelená */
.btn-success{
  --bs-btn-bg: var(--gp-green);
  --bs-btn-border-color: var(--gp-green);
  --bs-btn-hover-bg: #2f9e68;
  --bs-btn-hover-border-color: #2f9e68;
  --bs-btn-active-bg: #2a8f5f;
  --bs-btn-active-border-color: #2a8f5f;
  --bs-btn-disabled-bg: var(--gp-green);
  --bs-btn-disabled-border-color: var(--gp-green);
}
/* Outline varianta */
.btn-outline-success{
  --bs-btn-color: var(--gp-green);
  --bs-btn-border-color: var(--gp-green);
  --bs-btn-hover-bg: var(--gp-green);
  --bs-btn-hover-border-color: var(--gp-green);
  --bs-btn-active-bg: var(--gp-green);
  --bs-btn-active-border-color: var(--gp-green);
}

/* CTA micro-komponenta */
.gp-cta{
  border-radius:999px; padding:.45rem 1rem; font-weight:600;
  display:inline-flex; align-items:center; gap:.35rem;
}
.gp-cta img{ display:inline-block; vertical-align:middle; }

/* =========================================================
   ================== 3) HEADER / NAV MENU ==================
   ========================================================= */
.gp-header .navbar-brand img{
  height:52px; width:auto; display:block;
}
@media (min-width:992px){
  .gp-header .navbar-brand img{ height:65px; }
}

.gp-header .nav-link{
  font-weight:500; color:#1f1f1f; position:relative;
}
.gp-header .nav-link:hover{ color:var(--gp-green); }

/* Zelené underline (hover/active) – desktop */
.gp-header .nav-link::after{
  content:""; position:absolute; left:0; right:0; bottom:0;
  height:3px; background:var(--gp-green); opacity:0; transition:opacity .25s ease;
}
.gp-header .nav-link:hover::after,
.gp-header .nav-link.active::after,
.gp-header .current-menu-item > .nav-link::after,
.gp-header .current_page_item > .nav-link::after{ opacity:1; }
.gp-header .nav-link.active,
.gp-header .current-menu-item > .nav-link,
.gp-header .current_page_item > .nav-link{ color:var(--gp-green); font-weight:600; }

/* Mobilní menu – centrované, bez underline na hover */
@media (max-width:991.98px){
  .gp-header .navbar-collapse{
    text-align:center; padding-top:15px; padding-bottom:15px;
  }
  .gp-header .nav-link{ padding-top:15px; padding-bottom:15px; }
  .gp-header .nav-link::after{ display:none; }
}

/* =========================================================
   ===================== 4) HERO SEKCE ======================
   ========================================================= */
/* Základ hero + ochrana proti horizontálnímu scrollu kvůli posunům */
.gp-hero{ padding:clamp(20px,3vw,36px) 0; overflow-x:hidden; }
.gp-hero-text h1{ font-size:clamp(2rem,4.5vw,3.4rem); line-height:1.2; font-weight:700; margin:0; }
.gp-emph{ font-weight:900; color:var(--gp-green); }

/* ---------- Desktop/Tablet varianta (cluster) ---------- */
.gp-hero-desktop{
  max-width:1320px; margin:0 auto;
  display:flex; align-items:center; justify-content:center; gap:50px;
}
.gp-hero-cluster{
  position:relative; flex-shrink:0;
  width:clamp(620px,52vw,820px); height:clamp(480px,46vw,640px);
}
.gp-circle{ position:absolute; overflow:visible; }
.gp-circle img{ width:100%; height:auto; display:block; }

/* Vrstvy kruhů v hero: badge (nejvýš) > girl > sv > parking */
.gp-circle--girl{ z-index:3; }
.gp-circle--sv  { z-index:2; }
.gp-circle--parking{ z-index:auto; }

/* Pilulka = 2 vrstvy (obal jen pozice, vnitřek auto-šířka) */
.gp-badge{
  position:absolute; z-index:10; inset:auto; pointer-events:none;
}
.gp-badge__inner{
  display:inline-block; width:auto; max-width:none;
  background:#fff; color:#1f1f1f; border-radius:9999px;
  padding:.7rem 1.3rem; box-shadow:0 6px 20px rgba(0,0,0,.14);
  font-weight:600; font-size:1.1rem; line-height:1.1; white-space:nowrap;
}
.gp-badge__inner strong{ font-weight:800; font-size:1.25rem; }

/* Pozice/velikosti – ≥1200px */
@media (min-width:1200px){
  .gp-circle--parking{ width:58%; right:2%; top:-4%; }
  .gp-circle--girl   { width:44%; left:-2%; top:22%; }
  .gp-circle--sv     { width:40%; right:6%; top:58%; transform:rotate(-4deg); }
}
/* 768–1199px – plynulé zmenšení clustru */
@media (min-width:768px) and (max-width:1199.98px){
  .gp-hero-desktop{ gap:36px; }
  .gp-hero-cluster{ width:clamp(560px,56vw,700px); height:clamp(440px,44vw,560px); }
  .gp-circle--parking{ width:56%; right:2%; top:-2%; }
  .gp-circle--girl   { width:42%; left:0%;  top:24%; }
  .gp-circle--sv     { width:38%; right:8%; top:60%; transform:rotate(-3.5deg); }
  .gp-badge__inner{ padding:.6rem 1.1rem; font-size:1rem; }
  .gp-badge__inner strong{ font-size:1.15rem; }
}
/* Umístění pilulek – desktop */
.gp-badge--girl{ bottom:40px; left:54%; transform:translateX(-50%); }
.gp-badge--parking{ right:18px; bottom:22px; left:auto; }

/* ---------- Mobilní varianta (≤767px) – 2 řádky bez gridu ---------- */
.gp-hero-mobile{ display:none; }

@media (max-width:767.98px){
  .gp-hero-desktop{ display:none; }
  .gp-hero-mobile{ display:block; max-width:600px; margin:0 auto; padding:0 12px; }

  /* 1. řádek: text | dívka – centrován */
  .gp-row--top{
    display:flex; align-items:center; justify-content:center; gap:12px;
    margin-bottom:16px;
  }
  .gp-m-text h1{ font-size:clamp(1.6rem,7vw,2.1rem); line-height:1.2; margin:0; }
  .gp-m-text .gp-emph{ font-weight:900; color:var(--gp-green); }

  .gp-m-girl{ position:relative; width:min(46vw,220px); flex:0 0 auto; }
  .gp-m-circle{ position:relative; overflow:visible; }
  .gp-m-circle img{ width:100%; height:auto; display:block; }

  /* girl pill – dole vlevo v kruhu */
  .gp-row--top .gp-badge--girl{ left:8px; bottom:10px; transform:none; }
  .gp-row--top .gp-badge--girl .gp-badge__inner{ padding:.6rem 1.05rem; font-size:1rem; }
  .gp-row--top .gp-badge--girl .gp-badge__inner strong{ font-size:1.12rem; }

  /* 2. řádek: parking | sv (SV lehce výš, parking −20px vlevo) */
  .gp-row--bottom{
    position:relative;
    display:flex; align-items:center; justify-content:space-between; gap:12px;
  }
  .gp-m-parking{ position:relative; width:min(88vw,500px); flex:1 1 auto; z-index:2; }
  .gp-m-parking .gp-m-circle{ transform:translateX(-20px); }
  .gp-m-sv{ position:relative; width:min(40vw,200px); flex:0 0 auto; transform:rotate(-3deg) translateY(-10px); z-index:1; }

  /* Parking pilulka úplně nahoře, nikdy pod SV */
  .gp-row--bottom .gp-badge--parking{ left:50%; bottom:14px; transform:translateX(-50%); z-index:3; }
  .gp-row--bottom .gp-badge--parking .gp-badge__inner{ padding:.6rem 1.05rem; font-size:1rem; }
  .gp-row--bottom .gp-badge--parking .gp-badge__inner strong{ font-size:1.12rem; }
}

/* =========================================================
   ================== 5) TENANTS (NÁJEMCI) ==================
   ========================================================= */
/* Nadpis sekce */
.gp-tenants .display-6{ letter-spacing:.02em; }

/* Základ karty (společné chování + hover) */
.gp-tenant-card{
  position:relative; background:#fff; color:inherit; text-decoration:none;
  border-radius:24px; box-shadow:0 12px 34px rgba(0,0,0,.10);
  transition:transform .2s ease, box-shadow .2s ease;
  padding:28px 22px 22px; /* výchozí padding – může se kontextově přepsat */
}
.gp-tenant-card:hover{ transform:translateY(-2px); box-shadow:0 16px 40px rgba(0,0,0,.14); }

.gp-tenant-logo-wrap{
  height:110px; display:flex; align-items:center; justify-content:center; margin-bottom:12px;
}
.gp-tenant-logo{
  max-width:140px; max-height:80px; width:auto; height:auto; object-fit:contain;
}

/* Název v růžové */
.gp-tenant-title{ font-size:1.125rem; margin:0 0 6px; font-weight:700; }
.gp-tenant-title a{ color:var(--gp-pink); text-decoration:none; }
.gp-tenant-title a:hover{ text-decoration:underline; }

/* Otevírací doba */
.gp-tenant-hours{ color:#1f1f1f; font-weight:500; opacity:.9; }

/* Animace vstupu */
.gp-tenant-col{ opacity:1; transition:opacity .5s ease, transform .5s ease; }
.gp-tenant-col.is-hidden{ display:none; }
.gp-tenant-col.fade-in{ opacity:0; transform:translateY(10px); }
.gp-tenant-col.fade-in.show{ opacity:1; transform:translateY(0); }

/* „Vzdušnost“ gridu na desktopu */
.gp-tenants .row{ margin-top:12px; }
@media (min-width:992px){
  .gp-tenants .col-lg-3{ max-width:280px; }
}

/* ---- Tenants: mobil 2 sloupce + čtvercové dlaždice jen s logem ---- */
@media (max-width:767.98px){
  .gp-tenants .gp-tenant-col{ flex:0 0 50%; max-width:50%; }
  .gp-tenants .gp-tenant-title,
  .gp-tenants .gp-tenant-hours{ display:none !important; }

  .gp-tenants .gp-tenant-card{
    aspect-ratio:1 / 1; padding:0;
    display:flex; align-items:center; justify-content:center;
  }
  .gp-tenants .gp-tenant-logo-wrap{
    height:100%; width:100%; margin:0;
    display:flex; align-items:center; justify-content:center;
  }
  .gp-tenants .gp-tenant-logo{
    max-width:70%; max-height:70%; object-fit:contain;
  }
}

/* ---- Detail nájemce: karta split (text vlevo, obraz vpravo full-bleed) ---- */
.gp-tenant-detail .gp-tenant-card{
  display:flex; align-items:center; justify-content:space-between;
  padding:0; border-radius:28px; overflow:hidden;
}
.gp-tenant-detail .gp-tenant-card .gp-tenant-text{
  flex:1 1 auto; padding:clamp(16px,2.2vw,28px);
}
.gp-tenant-detail .gp-tenant-card .gp-tenant-logo-wrap{
  flex:0 0 42%; height:100%; margin:0; padding:0;
  display:flex; align-items:center; justify-content:center; background:#fff;
}
.gp-tenant-detail .gp-tenant-card .gp-tenant-logo{
  max-width:90%; max-height:90%; object-fit:contain;
}
@media (max-width:575.98px){
  .gp-tenant-detail .gp-tenant-card{ flex-direction:column; }
  .gp-tenant-detail .gp-tenant-card .gp-tenant-logo-wrap{ width:100%; flex-basis:auto; }
}

/* ---- Detail akce: stejné chování jako u detailu nájemce ---- */
.gp-event-detail .gp-tenant-card{
  display:flex; align-items:center; justify-content:space-between;
  padding:0; border-radius:24px; overflow:hidden;
}
.gp-event-detail .gp-tenant-card .gp-tenant-text{ flex:1 1 auto; padding:clamp(14px,2vw,24px); }
.gp-event-detail .gp-tenant-card .gp-tenant-logo-wrap{
  flex:0 0 40%; height:100%; margin:0; padding:0;
  display:flex; align-items:center; justify-content:center;
}
.gp-event-detail .gp-tenant-card .gp-tenant-logo{
  max-width:92%; max-height:92%; object-fit:contain;
}
@media (max-width:575.98px){
  .gp-event-detail .gp-tenant-card{ flex-direction:column; }
  .gp-event-detail .gp-tenant-card .gp-tenant-logo-wrap{ width:100%; flex-basis:auto; }
}

/* =========================================================
   ===================== 6) EVENT KARTY =====================
   ========================================================= */
.gp-events .display-6{ letter-spacing:.02em; }

.gp-event-card{
  background:#fff; border-radius:28px; box-shadow:0 12px 34px rgba(0,0,0,.10);
  overflow:hidden; transition:transform .22s ease, box-shadow .22s ease;
  display:flex; flex-direction:column;
}
.gp-event-card:hover{ transform:none; box-shadow:0 18px 46px rgba(0,0,0,.16); }

/* Media square */
.gp-event-media{ position:relative; display:block; aspect-ratio:1/1; overflow:hidden; text-decoration:none; }
.gp-event-media img{ width:100%; height:100%; object-fit:cover; display:block; transition:none; }

/* „Brzy končí” badge + halo animace */
.gp-badge-soon{
  position:absolute; top:12px; right:12px; z-index:1;
  background:var(--gp-pink); color:#fff; font-weight:800; font-size:.85rem;
  padding:.38rem .7rem; border-radius:999px;
}
.gp-badge-soon::after{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  box-shadow:0 0 0 0 rgba(255,22,133,.35); animation:gpHalo 1.8s ease-out infinite;
}
@keyframes gpHalo{
  0%{ box-shadow:0 0 0 0 rgba(255,22,133,.35); opacity:1; }
  60%{ box-shadow:0 0 0 10px rgba(255,22,133,0); opacity:.6; }
  100%{ box-shadow:0 0 0 0 rgba(255,22,133,0); opacity:0; }
}

/* Obsah event karty */
.gp-event-body{ text-align:left; padding:22px 22px 24px; flex:1 1 auto; display:flex; flex-direction:column; }
.gp-event-dates{
  display:flex; align-items:center; gap:.5rem; color:#111; opacity:.8;
  font-weight:600; margin:4px 0 12px; font-size:13px;
}
.gp-event-dates img{ width:16px; height:16px; flex-shrink:0; opacity:.9; }

/* Karty akcí: obrázek bez ořezu, podle přirozeného poměru */
.gp-event-card .gp-event-media{
  aspect-ratio: auto;   /* zruší čtverec */
  overflow: visible;    /* nic neschovávej */
}

.gp-event-card .gp-event-media img{
  width: 100%;
  height: auto;         /* zachovat poměr stran */
  object-fit: unset;    /* pro jistotu zruší cover/contain */
}
.gp-event-title{ font-size:21px; font-weight:700; line-height:1.2; margin:0 0 12px; text-transform:uppercase; }
.gp-event-title a{ color:#0b0b0b; text-decoration:none; }
.gp-event-title a:hover{ text-decoration:underline; }

.gp-event-excerpt{
  color:#7e7e7e; font-size:12px; font-weight:400; margin:0 0 14px;
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;
}

/* Číst více – zelený underline přes pseudo-element */
.gp-event-more{
  display:inline-block; font-weight:800; color:#0e0e0e; text-decoration:none; position:relative; padding-bottom:2px;
}
.gp-event-more::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:4px;
  background:var(--gp-green); transform:translateY(2px); transition:opacity .2s ease;
}
.gp-event-more:hover::after{ opacity:.85; }

/* Rozestupy gridu pro eventy na desktopu */
@media (min-width:992px){
  .gp-events .row.g-4{ --bs-gutter-x:2rem; --bs-gutter-y:2rem; }
}

/* Zabraň podtrhávání všeho uvnitř karty na hover */
.gp-event-card a{ text-decoration:none; }
.gp-event-card a:hover{ text-decoration:none; }
.gp-event-title a:hover{ text-decoration:none; }

/* =========================================================
   ===================== 7) MAPA OBCHODŮ ====================
   ========================================================= */
.gp-map-head{ background:#fff; padding:28px 0 8px; }
.gp-map-head .display-6{ letter-spacing:.02em; }

/* =========================================================
   ======================== 8) FOOTER =======================
   ========================================================= */
.gp-footer{ background:#fff; color:#111; font-size:.95rem; }
.gp-footer h6{ letter-spacing:.05em; font-size:.85rem; }
.gp-footer p{ margin:0; }

.gp-footer-stripe{ width:100%; line-height:0; }
.gp-footer-stripe svg{ width:100%; height:4px; display:block; } /* polovina headeru */

.gp-link-plain{ color:inherit !important; text-decoration:none !important; }
.gp-link-plain:hover,
.gp-link-plain:focus,
.gp-link-plain:active,
.gp-link-plain:visited{ color:inherit !important; text-decoration:none !important; }

.gp-social-inline a{ display:inline-block; margin-right:12px; }
.gp-social-inline img{ width:40px; height:40px; display:inline-block; vertical-align:middle; }
.gp-social-inline a:hover img{ opacity:.9; }

.gp-footer-link{ color:#111; text-decoration:none; font-size:.9rem; }
.gp-footer-link:hover{ text-decoration:underline; }

/* =========================================================
   ===================== 9) DETAIL NÁJEMCE =================
   ========================================================= */
.gp-tenant-detail{
  position:relative; padding:clamp(40px,6vw,80px) 0; background:#fff;
}
.gp-tenant-detail::before{
  content:""; position:absolute; left:0; right:0; top:0;
  height:calc(100% - 300px); background:#f3f5f7; z-index:0;
}
.gp-tenant-card{ z-index:1; } /* nad šedým pruhem */
.gp-tenant-card h1{ font-weight:800; font-size:2rem; margin-bottom:1.25rem; }
.gp-tenant-card p{ margin-bottom:1rem; }

.gp-tenant-media img{ max-width:100%; height:auto; display:block; }
.gp-tenant-logo-big{ max-width:60%; height:auto; object-fit:contain; margin:16px auto; }

/* Spodní info bloky */
.gp-tenant-infos{ text-align:left; }
.gp-info{ display:flex; align-items:flex-start; gap:16px; }
.gp-info-ico img{ width:56px; height:56px; display:block; }
.gp-info-title{ margin:0 0 6px; font-weight:800; font-size:20px; }
.gp-hours{ margin-top:2px; }
.gp-hours-row{
  display:grid; grid-template-columns:auto 1fr; column-gap:14px; line-height:1.6; font-size:16px;
}
.gp-hours-days,.gp-hours-time{ white-space:nowrap; }

@media (max-width:575.98px){
  .gp-info-ico img{ width:48px; height:48px; }
  .gp-info-title{ font-size:18px; }
  .gp-hours-row{ font-size:15px; }
}
/* Černé odkazy bez underline v infos */
.gp-tenant-infos a{ color:#000; text-decoration:none; }
.gp-tenant-infos a:hover{ color:#000; text-decoration:none; }
.gp-tenant-detail .gp-tenant-card:hover{
  transform: none;
  box-shadow: 0 12px 34px rgba(0,0,0,.10); /* původní stín bez změny */
}


/* === Tenant: oddělené 4 boxy pod kartou ================== */
/* Sekci dám stejnou vizuální kontinuitu: bílý podklad a rozumné rozestupy */
.gp-tenant-info-section{
  background:#fff;
  padding: clamp(24px, 4vw, 40px) 0;
}

/* Když byly boxy původně „v kartě“, přidejme nahoře menší mezeru,
   ať to vizuálně navazuje na kartu bez zbytečné díry */
.gp-tenant-detail{
  padding-bottom: clamp(16px, 3vw, 24px);
}

/* Samotné boxy – styl už máš:
   .gp-tenant-infos, .gp-info, .gp-info-ico, .gp-info-title, .gp-hours-row...
   Tady jen malé ladění, aby vše sedělo v samostatné sekci */

.gp-tenant-infos{ text-align:left; }

/* Na mobilech jemně zmenšíme ikony a typografii, aby se do 2 sloupců vše vešlo hezky */
@media (max-width: 575.98px){
  .gp-tenant-infos .gp-info-ico img{ width:48px; height:48px; }
  .gp-tenant-infos .gp-info-title{ font-size:18px; }
  .gp-tenant-infos .gp-hours-row{ font-size:15px; }
}


/* =========================================================
   =================== 10) EVENTY NA DETAILU =================
   ========================================================= */
.gp-event-col.is-hidden{ display:none; }
.gp-event-col.fade-in{ opacity:0; transform:translateY(10px); transition:opacity .45s ease, transform .45s ease; }
.gp-event-col.fade-in.show{ opacity:1; transform:translateY(0); }

.gp-events--wide{
  --gp-events-max:1320px;
  max-width:var(--gp-events-max);
  margin-left:auto; margin-right:auto;
}
.gp-events--wide .row.g-4{ --bs-gutter-x:2rem; --bs-gutter-y:2rem; }

/* =========================================================
   ==================== 11) LEGAL STRÁNKY ===================
   ========================================================= */
.gp-legal{ background:#fff; padding:clamp(32px,5vw,64px) 0; }
.gp-legal .gp-legal-wrap{ width:min(820px,92vw); margin:0 auto; }
.gp-legal .gp-legal-head{
  margin-bottom:clamp(16px,3vw,24px); border-bottom:1px solid #e8eaed;
  padding-bottom:clamp(8px,1.8vw,12px);
}
.gp-legal .gp-legal-title{
  font-weight:800; font-size:clamp(28px,3.8vw,36px); letter-spacing:.01em; margin:0;
}
.gp-legal .gp-legal-article{ color:#222; line-height:1.7; font-size:1.05rem; }
.gp-legal .gp-legal-article h2{
  margin-top:1.8em; margin-bottom:.6em; font-size:clamp(22px,3.2vw,28px); font-weight:800;
}
.gp-legal .gp-legal-article h3{
  margin-top:1.4em; margin-bottom:.5em; font-size:clamp(18px,2.6vw,22px); font-weight:700;
}
.gp-legal .gp-legal-article p{ margin:0 0 1em; }
.gp-legal .gp-legal-article ul,
.gp-legal .gp-legal-article ol{ margin:0 0 1.2em 1.2em; padding:0; }
.gp-legal .gp-legal-article li{ margin:.35em 0; }

/* Odkazy – decentní, s brand underline na hover */
.gp-legal .gp-legal-article a{
  color:inherit; text-decoration:none; border-bottom:2px solid rgba(0,0,0,.15);
  transition:border-color .2s ease, color .2s ease;
}
.gp-legal .gp-legal-article a:hover{ color:#111; border-bottom-color:var(--gp-green); }

/* Tabulky */
.gp-legal .gp-legal-article table{
  width:100%; border-collapse:collapse; margin:1em 0; font-size:.98rem;
}
.gp-legal .gp-legal-article th,
.gp-legal .gp-legal-article td{
  padding:.6em .7em; border:1px solid #e6e6e6;
}
.gp-legal .gp-legal-article th{ background:#f8f9fa; font-weight:700; }

.gp-legal .gp-legal-article blockquote{
  margin:1.2em 0; padding:.9em 1em; border-left:4px solid var(--gp-green); background:#f7faf9;
}
.gp-legal .gp-legal-pages a{
  display:inline-block; margin-right:.5rem; text-decoration:none;
  border:1px solid #e2e2e2; padding:.3rem .6rem; border-radius:.5rem;
}
.gp-legal .gp-legal-pages a:hover{ border-color:var(--gp-green); }

@media (max-width:575.98px){
  .gp-legal .gp-legal-wrap{ width:min(92vw,640px); }
  .gp-legal .gp-legal-article{ font-size:1rem; }
}

/* =========================================================
   ======================== 12) MISC ========================
   ========================================================= */
#mapa-obchodu{ scroll-margin-top:0; padding-top:0; margin-top:0; }

/* Škálování loga nájemce podle proměnných z administrace */
.gp-tenant-logo-big {
  transform: scale(var(--gp-logo-scale, 1));
  transform-origin: center;
}

/* Na mobilu použij mobilní hodnotu */
@media (max-width: 767.98px) {
  .gp-tenant-logo,
  .gp-tenant-logo-big {
    transform: scale(var(--gp-logo-scale-mobile, var(--gp-logo-scale, 1)));
  }
}


/* ========== HEADER AKCE (Navigovat + sociální) – výchozí desktop ========== */
.gp-header-actions{
  display:flex;
  align-items:center;     /* vertikální zarovnání na střed vůči tlačítku */
  gap:16px;               /* stejná mezera mezi tlačítkem a ikonami i mezi ikonami */
}
.gp-social-header{ display:flex; align-items:center; gap:16px; }
.gp-social-header a{ display:inline-flex; align-items:center; }
.gp-social-header img{
  height:36px; width:36px; display:block;
}
.gp-social-header a:hover img{ opacity:.85; }

/* ========== KOMPAKTNÍ HEADER 992–1199 px: vše zmenšit a stáhnout mezery ========== */
@media (min-width:992px) and (max-width:1199.98px){
  /* menší mezery mezi prvky */
  .gp-header-actions{ gap:10px; }
  .gp-social-header{ gap:10px; }

  /* menší ikony, aby se vešlo */
  .gp-social-header img{
    height:30px; width:30px;
  }

  /* menší tlačítko Navigovat */
  .gp-header .gp-cta{
    padding:.38rem .9rem;
    font-size:.95rem;
  }
  .gp-header .gp-cta img{
    width:16px; height:16px; /* ikonka v tlačítku */
  }

  /* menší font u položek menu */
  .gp-header .nav-link{
    font-size:.95rem;
  }
}

/* ========== MOBILNÍ MENU ≤991.98 px: ikonky pod tlačítko, vše vystředit ========== */
@media (max-width:991.98px){
  /* Stack: tlačítko nad ikonami, vše na střed */
  .gp-header-actions{
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:12px;
    width:100%;
  }

  /* social blok vycentrovaný pod tlačítkem */
  .gp-social-header{
    justify-content:center;
    gap:14px;
    width:100%;
  }

  /* lehce větší tap-target na mobilu */
  .gp-social-header img{
    height:40px; width:40px;
  }
}