/* ============================================================================
   mapa.css — celostránková leaflet mapa se sidebarem (šablona mapa/mapa.ascx)

   Ruční převod ze SCSS Style/mapa/_mapa.scss (= Lite4/Style/share/_mapa.scss,
   který importuje základ designs/mini4-1.0/style/pages/mapa). Převeden je jen
   ZÁKLAD (mini4) — přepínače $enable-mapa-filtr/-zajezdy/-dila vynechány
   (stejný rozsah má dnešní živá mapa na www.mojepaleta.cz, infoweb-1.1).

   Dosazené proměnné (tokeny designu mojepaleta-1.1, viz mojepaleta.css):
     $zakladni  → #CC5500 (--orange)     $vedlejsi → #E0A458 (--ochre)
     $font-family-mapa     → var(--font-body)
     $headings-font-family → var(--font-display)
     $gutter → 30px, breakpointy Bootstrap 4 (768/992/1200)
     šířky sidebar: xs 100 %, sm 305px, md 340px, lg 400px
     $mapa-top → 0 (mapa je absolutní vůči .page-middle; sticky hlavička
     74px je nad ní v normálním toku — na rozdíl od infoweb-1.1, kde je
     top:64px vůči body)
   Odvozené barvy: mix($zakladni,#fff,20%) → #F5DDCC,
     mix($zakladni,#fff,5%) → #FCF7F2, rgba($zakladni,.05) → rgba(204,85,0,.05)
   ========================================================================== */

/* ============================================================================
   Základ dříve dodávaný kompilovaným default.css (Lite4) — předávání jeho
   pravidel bylo zrušeno, mapa si proto potřebné minimum nese sama.
   Tokeny (css proměnné) dodává mojepaleta.css, která je na stránce vždy
   (linkuje ji hlavička _my-toparea0). Bez prefixu .mapa — mapa.css se
   linkuje jen ze šablony mapy, jinde není. Prefix zůstává jen u pravidel
   na .leaflet-sidebar apod., která musí specificitou přebít
   L.Control.Sidebar.css (načítá se AŽ PO mapa.css).
   ========================================================================== */

/* ---------- Font Awesome 6 Pro (jen řezy light + solid, platformní CDN) --- */
@font-face{
  font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:300;
  font-display:block;
  src:url("https://i.ck.cz/libs/font-awesome/6.0.0/webfonts/fa-light-300.woff2") format("woff2"),
      url("https://i.ck.cz/libs/font-awesome/6.0.0/webfonts/fa-light-300.ttf") format("truetype");
}
@font-face{
  font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:900;
  font-display:block;
  src:url("https://i.ck.cz/libs/font-awesome/6.0.0/webfonts/fa-solid-900.woff2") format("woff2"),
      url("https://i.ck.cz/libs/font-awesome/6.0.0/webfonts/fa-solid-900.ttf") format("truetype");
}
.fa,.fas,.fa-solid,.fa-light,.fa-thin,.fa-regular{
  font-family:"Font Awesome 6 Pro";font-style:normal;font-variant:normal;
  text-rendering:auto;line-height:1;display:inline-block;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.fa,.fas,.fa-solid{font-weight:900}
.fa-light,.fa-thin,.fa-regular{font-weight:300}

/* glyfy používané mapou a sidebarem */
.fa-angle-right:before{content:"\f105"}
.fa-angle-left:before{content:"\f104"}
.fa-circle-info:before{content:"\f05a"}

/* ---------- FA aliasy (share/_mapa.scss, mimo přepínače) ---------- */
.fa-folder-image:before{content:"\f65d"}
.fa-facebook-square:before{content:"\f39e"}
.fa-window-maximize:before{content:"\f2d0"}
.fa-window-minimize:before{content:"\f2d1"}
.fa-memo-circle-info:before{content:"\e49a"}
.fa-layer-plus:before{content:"\f5ff"}
.fa-route:before{content:"\f4d7"}
.fa-location-crosshairs:before{content:"\f601"}

/* ---------- Utility třídy (bootstrapové názvy, hodnoty dle designu) ------- */
.d-flex{display:flex}
.d-block{display:block}
.align-items-center{align-items:center}
.overflow-hidden{overflow:hidden}
.text-center{text-align:center}
.text-right{text-align:right}
.text-muted{color:var(--ink-soft,#6E6A61)}
.text-body{color:var(--ink,#2B2A26)}
.px-3{padding-left:1rem;padding-right:1rem}
.px-4{padding-left:1.5rem;padding-right:1.5rem}
.py-3{padding-top:1rem;padding-bottom:1rem}
.py-4{padding-top:1.5rem;padding-bottom:1.5rem}
.p-4{padding:1.5rem}
.pt-1{padding-top:.25rem}
.pb-1{padding-bottom:.25rem}
.border-bottom{border-bottom:1px solid rgba(43,42,38,.1)}
/* přepínání záložek (changeTabs2 přidává/odebírá .collapse; nadpis drží
   .collapse.show, tabswitcher přebíjí #tabswitcher{display:flex}) */
.collapse:not(.show){display:none}

/* odkazy s .text-body v panelu (teaser popisu, řádky rozcestníku) —
   .text-body (0,1,0) prohrává s .leaflet-container a (0,1,1) z leaflet.css,
   proto silnější selektor */
.mapa .leaflet-sidebar a.text-body,
.kolekce-expmap .leaflet-sidebar a.text-body{color:var(--ink,#2B2A26)}
.mapa .leaflet-sidebar a.text-body:hover,
.kolekce-expmap .leaflet-sidebar a.text-body:hover{
  color:var(--ink,#2B2A26);text-decoration:none;
}

/* ---------- Sidebar detail — pravidla dříve v sekci „filtr" -------------- */
.__sidebar-detail{font-size:.88rem}
.__sidebar-detail .d-flex i{flex:0 1 1.6rem;line-height:1.32rem;min-width:1.6rem}
.__art-makings-title{flex:0 0 80px}
.__sidebar-detail-link-infomace{cursor:pointer}
.__sidebar-detail-link-infomace:hover{
  background:rgba(43,42,38,.05);text-decoration:none;
}
.__zkraceny-text{
  line-height:1.3rem;max-height:3.9rem;overflow:hidden;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
  text-overflow:ellipsis;
}
.__zkraceny-text p{margin-bottom:0}
/* překryvný štítek „+N foto" na fotce (span.btn.btn-dark) */
.__sidebar-photo span.btn{
  position:absolute;bottom:.5rem;left:.5rem;opacity:0;transition:opacity .3s;
}
.__sidebar-photo:hover span.btn{opacity:1}
span.btn.btn-dark{
  background:rgba(43,42,38,.78);color:#fff;font-size:.8rem;padding:.4em 1em;
}

/* ---------- Mapa přes celou stránku ---------- */
.mapa,.kolekce-expmap{overflow:hidden}

.mapa .comp-global-googlemap,.kolekce-expmap .comp-global-googlemap{
  position:absolute;top:0;bottom:0;left:0;right:0;
  border:0;margin:0;border-top:1px solid #999;
}
.mapa .comp-global-googlemap :focus-visible,
.kolekce-expmap .comp-global-googlemap :focus-visible{outline:0}

/* ---------- Sidebar — šířky podle breakpointů ---------- */
.mapa .leaflet-sidebar,.kolekce-expmap .leaflet-sidebar{
  text-align:center;margin:0;padding:0;
}
@media (max-width:767px){
  .mapa .leaflet-sidebar,.kolekce-expmap .leaflet-sidebar{width:100%;padding:0}
  .mapa .leaflet-sidebar.left.visible ~ .leaflet-left,
  .kolekce-expmap .leaflet-sidebar.left.visible ~ .leaflet-left{left:100%}
  .mapa .leaflet-sidebar.right.visible ~ .leaflet-right,
  .kolekce-expmap .leaflet-sidebar.right.visible ~ .leaflet-right{right:100%}
  .mapa .leaflet-sidebar.left,
  .kolekce-expmap .leaflet-sidebar.left{left:-100%}
  .mapa .leaflet-sidebar.left.visible,
  .kolekce-expmap .leaflet-sidebar.left.visible{left:0}
  .mapa .leaflet-sidebar.right,
  .kolekce-expmap .leaflet-sidebar.right{right:-100%}
  .mapa .leaflet-sidebar.right.visible,
  .kolekce-expmap .leaflet-sidebar.right.visible{right:0}
}
@media (min-width:768px) and (max-width:991px){
  .mapa .leaflet-sidebar,.kolekce-expmap .leaflet-sidebar{width:305px}
  .mapa .leaflet-sidebar.left.visible ~ .leaflet-left,
  .kolekce-expmap .leaflet-sidebar.left.visible ~ .leaflet-left{left:305px}
  .mapa .leaflet-sidebar.right.visible ~ .leaflet-right,
  .kolekce-expmap .leaflet-sidebar.right.visible ~ .leaflet-right{right:305px}
}
@media (min-width:992px) and (max-width:1199px){
  .mapa .leaflet-sidebar,.kolekce-expmap .leaflet-sidebar{width:340px}
  .mapa .leaflet-sidebar.left.visible ~ .leaflet-left,
  .kolekce-expmap .leaflet-sidebar.left.visible ~ .leaflet-left{left:340px}
  .mapa .leaflet-sidebar.right.visible ~ .leaflet-right,
  .kolekce-expmap .leaflet-sidebar.right.visible ~ .leaflet-right{right:340px}
}
@media (min-width:1200px){
  .mapa .leaflet-sidebar,.kolekce-expmap .leaflet-sidebar{width:400px}
  .mapa .leaflet-sidebar.left.visible ~ .leaflet-left,
  .kolekce-expmap .leaflet-sidebar.left.visible ~ .leaflet-left{left:400px}
  .mapa .leaflet-sidebar.right.visible ~ .leaflet-right,
  .kolekce-expmap .leaflet-sidebar.right.visible ~ .leaflet-right{right:400px}
}

/* ---------- Sidebar — panel (leaflet-control) ---------- */
.mapa .leaflet-touch .leaflet-sidebar > .leaflet-control,
.kolekce-expmap .leaflet-touch .leaflet-sidebar > .leaflet-control{
  border:0;padding:0;
  box-shadow:0 1px 7px rgba(0,0,0,.65);
  -webkit-border-radius:0;border-radius:0;
  font-size:1rem;
  /* svislý scrollbar (4px) zužuje obsah pod šířku sidebaru — vodorovný
     posuvník tu nemá co dělat */
  overflow-x:hidden;
}
.mapa .leaflet-touch .leaflet-sidebar > .leaflet-control::-webkit-scrollbar,
.kolekce-expmap .leaflet-touch .leaflet-sidebar > .leaflet-control::-webkit-scrollbar{width:4px}
.mapa .leaflet-touch .leaflet-sidebar > .leaflet-control::-webkit-scrollbar-track,
.kolekce-expmap .leaflet-touch .leaflet-sidebar > .leaflet-control::-webkit-scrollbar-track{background:#eee}
.mapa .leaflet-touch .leaflet-sidebar > .leaflet-control::-webkit-scrollbar-thumb,
.kolekce-expmap .leaflet-touch .leaflet-sidebar > .leaflet-control::-webkit-scrollbar-thumb{background:#666}

/* ---------- Sidebar — typografie ----------
   Nadpis ve stylu nového webu: bez podkladového pruhu, titul Fraunces
   (font-display dědí z globálního h1 v mojepaleta.css), jméno autora
   (první <small>) jako oranžový „kicker". */
.mapa .leaflet-sidebar h1,.kolekce-expmap .leaflet-sidebar h1{
  font-size:1.5rem;background:transparent;padding:12px 0 0;
  color:var(--ink,#2B2A26);font-weight:400;margin:0 0 12px;line-height:1.2;
}
.mapa .leaflet-sidebar h1 small,
.kolekce-expmap .leaflet-sidebar h1 small{
  font-size:.95rem;color:var(--ink-soft,#6E6A61);
}
/* !important kvůli bootstrap .text-body na elementu */
.mapa .leaflet-sidebar h1 small:first-child,
.kolekce-expmap .leaflet-sidebar h1 small:first-child{
  display:block;
  font-family:var(--font-body,"Nunito Sans","Segoe UI",sans-serif);
  font-size:.74rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--orange,#CC5500) !important;
  margin-bottom:.55em;
}
.mapa .leaflet-sidebar h2,.kolekce-expmap .leaflet-sidebar h2,
.mapa .leaflet-sidebar h3,.kolekce-expmap .leaflet-sidebar h3{
  font-size:1.25rem;font-weight:400;
}
.mapa .leaflet-sidebar h4,.kolekce-expmap .leaflet-sidebar h4{
  font-size:1rem;margin:10px 0;font-weight:700;
}
.mapa .leaflet-sidebar .comp-global-image img,
.kolekce-expmap .leaflet-sidebar .comp-global-image img{
  display:block;width:100%;height:auto !important;
}
.mapa .leaflet-sidebar .cena,.kolekce-expmap .leaflet-sidebar .cena{
  font-size:18px;font-weight:600;letter-spacing:2px;margin:4px;
}

/* ---------- Sidebar — parametry (filtr) ---------- */
.mapa .leaflet-sidebar .parametry,.kolekce-expmap .leaflet-sidebar .parametry{
  text-align:center;padding:20px 15px;
}
.mapa .leaflet-sidebar .parametry h4,
.kolekce-expmap .leaflet-sidebar .parametry h4{margin-bottom:0}
.mapa .leaflet-sidebar .parametry h3,
.kolekce-expmap .leaflet-sidebar .parametry h3{
  font-size:14px;font-weight:600;margin:0;
}
.mapa .leaflet-sidebar .parametry .itemgroup,
.kolekce-expmap .leaflet-sidebar .parametry .itemgroup{
  font-size:14px;font-weight:600;margin-left:5px;margin-top:13px;
}
.mapa .leaflet-sidebar .parametry .info,
.kolekce-expmap .leaflet-sidebar .parametry .info{
  margin-bottom:15px;text-align:left;
}
.mapa .leaflet-sidebar .parametry .info i.fa,
.kolekce-expmap .leaflet-sidebar .parametry .info i.fa{
  font-weight:400;font-size:16px;
}
.mapa .leaflet-sidebar .parametry .checklistitem,
.kolekce-expmap .leaflet-sidebar .parametry .checklistitem{
  text-align:left;margin-left:-15px;margin-right:-15px;padding-left:10px;
}
.mapa .leaflet-sidebar .parametry .checklistitem .oko,
.kolekce-expmap .leaflet-sidebar .parametry .checklistitem .oko{display:none}
.mapa .leaflet-sidebar .parametry .checklistitem .oko.selected,
.kolekce-expmap .leaflet-sidebar .parametry .checklistitem .oko.selected{display:block}
.mapa .leaflet-sidebar .parametry .checklistitem:hover,
.kolekce-expmap .leaflet-sidebar .parametry .checklistitem:hover{
  border-color:#ccc;background:rgba(204,85,0,.05);
}
.mapa .leaflet-sidebar .parametry .checklistitem:hover .oko,
.kolekce-expmap .leaflet-sidebar .parametry .checklistitem:hover .oko{display:block}
.mapa .leaflet-sidebar .parametry .checklistitem label,
.kolekce-expmap .leaflet-sidebar .parametry .checklistitem label{margin:0;padding:2px 0}
.mapa .leaflet-sidebar .parametry .checklistitem input,
.kolekce-expmap .leaflet-sidebar .parametry .checklistitem input{
  display:inline-block;vertical-align:bottom;
}
.mapa .leaflet-sidebar .parametry .checklistitem section,
.kolekce-expmap .leaflet-sidebar .parametry .checklistitem section{
  display:inline-block;max-width:250px;white-space:nowrap;vertical-align:bottom;
  overflow:hidden;text-overflow:ellipsis;margin:0 10px;
}
.mapa .leaflet-sidebar .parametry .checklistitem small,
.kolekce-expmap .leaflet-sidebar .parametry .checklistitem small{opacity:.8}

/* ---------- Sidebar — zavření / zpět ---------- */
.mapa .leaflet-sidebar a.close,.kolekce-expmap .leaflet-sidebar a.close,
.mapa .leaflet-sidebar a.back,.kolekce-expmap .leaflet-sidebar a.back{
  background:#ccc;position:absolute;border-radius:16px;cursor:pointer;
  z-index:1000;color:#333;width:31px;height:31px;line-height:31px;
  top:9px;opacity:.7;text-decoration:none;
}
/* hover: $text-color/$bg-color → tokeny --ink/--paper-warm */
.mapa .leaflet-sidebar a.close:hover,.kolekce-expmap .leaflet-sidebar a.close:hover,
.mapa .leaflet-sidebar a.back:hover,.kolekce-expmap .leaflet-sidebar a.back:hover{
  text-decoration:none;color:var(--ink,#2B2A26);
  background:var(--paper-warm,#F5EEE2);opacity:1;
}
.mapa .leaflet-sidebar a.close,.kolekce-expmap .leaflet-sidebar a.close{right:10px}
.mapa .leaflet-sidebar a.back,.kolekce-expmap .leaflet-sidebar a.back{
  left:10px;padding-top:3px;
}

/* ---------- Sidebar — CMS text, formuláře ---------- */
.mapa .leaflet-sidebar .comp-cms-text,
.kolekce-expmap .leaflet-sidebar .comp-cms-text{text-align:left;padding:0 15px}
.mapa .leaflet-sidebar .comp-cms-text h1,
.kolekce-expmap .leaflet-sidebar .comp-cms-text h1{
  margin-left:-15px;margin-right:-15px;
}
.mapa .leaflet-sidebar .form-control,
.kolekce-expmap .leaflet-sidebar .form-control{margin:6px 0}
.mapa .leaflet-sidebar .button,
.kolekce-expmap .leaflet-sidebar .button{padding:5px 20px;margin-bottom:20px}

/* ---------- Ovládací prvky mapy ---------- */
.mapa .leaflet-control-container .fa,
.mapa .leaflet-control-container .fa-thin,
.mapa .leaflet-control-container .fa-light,
.mapa .leaflet-control-container .fa-solid,
.kolekce-expmap .leaflet-control-container .fa,
.kolekce-expmap .leaflet-control-container .fa-thin,
.kolekce-expmap .leaflet-control-container .fa-light,
.kolekce-expmap .leaflet-control-container .fa-solid{font-size:20px}

.mapa .leaflet-container,.kolekce-expmap .leaflet-container{
  font-family:var(--font-body,"Nunito Sans","Segoe UI",sans-serif);
  height:100% !important;
}

/* ---------- Info lišta filtru (nahoře nad mapou) ---------- */
.mapa .filter-info,.kolekce-expmap .filter-info{
  position:absolute;top:20px;left:0;right:0;z-index:1000;
  text-align:center;font-size:14px;margin:0 auto;width:30em;max-width:60%;
}
.mapa .filter-info span,.kolekce-expmap .filter-info span{
  display:inline-block;background:#fff;border:1px solid rgba(0,0,0,.4);
  border-radius:10px;padding:6px 20px;text-align:center;
  box-shadow:0 0 20px rgba(0,0,0,.3);
}
.mapa .filter-info a,.kolekce-expmap .filter-info a{text-decoration:underline}

/* ---------- Přepínač záložek ----------
   Ve stylu navigace nového webu: bez podkladového pruhu, linka pod celou
   řadou, aktivní záložka má oblé oranžové podtržení (vzor .mp-header nav).
   Přepisuje i pravidla z kompilovaného default.css (stejné selektory,
   mapa.css je poslední). display:flex tu zároveň drží tabswitcher viditelný,
   když mu changeTabs2 přidá .collapse (viz mapa.ascx). */
.mapa #tabswitcher,.kolekce-expmap #tabswitcher{
  font-size:.95rem;text-align:left;background:transparent;
  margin:0 0 1rem;border-bottom:1px solid rgba(43,42,38,.1);
  display:flex;align-items:center;gap:.4em;
}
.mapa #tabswitcher a,.kolekce-expmap #tabswitcher a{
  display:block;padding:8px 12px 10px;cursor:pointer;margin:0;
  border:0;background:transparent;position:relative;
  font-family:var(--font-body,"Nunito Sans","Segoe UI",sans-serif);
  font-weight:600;
}
/* indikátor (obdélník z paddingu) z default.css zrušit */
.mapa #tabswitcher a:before,.kolekce-expmap #tabswitcher a:before{display:none}
/* text je ve <span class="text-body"> — bootstrap barva má !important */
.mapa #tabswitcher a span.text-body,
.kolekce-expmap #tabswitcher a span.text-body{
  color:var(--ink-soft,#6E6A61) !important;transition:color .2s;
}
.mapa #tabswitcher a:hover,.kolekce-expmap #tabswitcher a:hover{
  border:0;background:transparent;text-decoration:none;
}
.mapa #tabswitcher a:hover span.text-body,
.kolekce-expmap #tabswitcher a:hover span.text-body{
  color:var(--ink,#2B2A26) !important;
}
/* oblé podtržení na spodní lince */
.mapa #tabswitcher a:after,.kolekce-expmap #tabswitcher a:after{
  content:"";position:absolute;left:12px;right:12px;bottom:-1px;
  height:3px;border-radius:3px;background:transparent;transition:background .2s;
}
.mapa #tabswitcher a.active,.kolekce-expmap #tabswitcher a.active{
  background:transparent;border:0;
}
.mapa #tabswitcher a.active span.text-body,
.kolekce-expmap #tabswitcher a.active span.text-body{
  color:var(--ink,#2B2A26) !important;
}
.mapa #tabswitcher a.active:after,
.kolekce-expmap #tabswitcher a.active:after{background:var(--orange,#CC5500)}
.mapa #tabswitcher a i,.kolekce-expmap #tabswitcher a i{
  font-size:1rem;color:var(--ink-soft,#6E6A61);vertical-align:baseline;
  margin-right:5px;
}
.mapa #tabswitcher a.active i,
.kolekce-expmap #tabswitcher a.active i{color:var(--ink,#2B2A26)}

/* ---------- Rozložení stránky („hanka layout" z mini4) ----------
   body dostává class „mapa" automaticky podle názvu šablony.
   Obsah mapy je v mapa.ascx obalen do .page-middle. */
.mapa{
  display:flex;flex-direction:column;min-height:100vh;
  justify-content:space-between;
}
.mapa .page-middle{flex:1 1 100%;position:relative}
.mapa .page-bottom{display:none !important}
/* patička mojepaleta-1.1 nemá .page-bottom — skryjeme ji přímo */
.mapa footer.mp-footer{display:none !important}
.mapa .d-mapa-none{display:none !important}
@media (min-width:992px){
  .mapa .d-lg-mapa-block{display:block}
}

/* ---------- Modály nad mapou ---------- */
.mapa .modal{z-index:2050}

/* ---------- Mobilní menu (hamburger) nad mapou ----------
   Overlay mobilního menu je position:fixed uvnitř hlavičky (její
   backdrop-filter z ní dělá containing block i stacking context, z-index:50).
   Na mapě má ale .page-middle jen position:relative bez z-indexu → NETVOŘÍ
   stacking context, takže z-indexy leaflet vrstev a ovládacích prvků
   (~400–1000+) soupeří přímo s hlavičkou v kořenovém kontextu a vyhrávají —
   otevřené menu se schová ZA mapu (vidět jen pod ní). Při otevřeném menu
   proto hlavičku vyzvedneme nad mapu i modály. */
body.mp-menu-open header.mp-header,
body.mp-menu-open.kolekce-expmap header.mp-header{z-index:2100}

/* ============================================================================
   Odchylky detailu díla v panelu (šablona umeni/umeni.expsidebar.ascx).
   ========================================================================== */

/* Foto: img má atribut width="400" a odkaz bez display:block shrink-wrapuje
   na šířku obrázku → přetékal by o šířku svislého scrollbaru. */
.mapa .__sidebar-photo{position:relative;display:block}
.mapa .leaflet-sidebar .comp-global-image.__image-sidebar img,
.mapa .leaflet-sidebar .comp-global-image.__image-sidebar-x img,
.kolekce-expmap .leaflet-sidebar .comp-global-image.__image-sidebar img,
.kolekce-expmap .leaflet-sidebar .comp-global-image.__image-sidebar-x img{
  width:100% !important;max-width:100% !important;
}

/* Kolekce a tlačítko Portfolio řeší markup — vlastní šablona
   umeni/umeni.expsidebar.ascx (kolekce odstraněny, zůstává jen
   „Detail díla" jako .btn.btn-primary z mojepaleta.css).
   Tady jen pojistka barvy proti utility třídám z default.css. */
.mapa .__sidebar-detail a.btn-primary{color:#fff !important;text-decoration:none}
.mapa .__sidebar-detail a.btn-primary:hover{color:#fff !important}

/* --- Autor v záložce Přehled: mini řádek avatar + jméno (rowitem
   autor-sidebar-mini), klik aktivuje záložku Informace --- */
.mapa .__sidebar-autor-mini{
  display:flex;align-items:center;gap:12px;flex:1 1 auto;
  text-align:left;min-width:0;
}
.mapa .__sidebar-autor-mini .avatar{
  flex:none;width:44px;height:44px;overflow:hidden;
  border-radius:50% 50% 50% 6px;transform:rotate(-2deg);
  box-shadow:0 0 0 3px #fff,0 4px 10px rgba(43,42,38,.16);
}
.mapa .__sidebar-autor-mini .avatar img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.mapa .__sidebar-autor-mini .avatar.ini{
  display:grid;place-items:center;color:#fff;font-weight:700;
  font-size:.9rem;letter-spacing:.04em;
  background:radial-gradient(circle at 35% 30%,#F0C285,var(--ochre,#E0A458));
}
.mapa .__sidebar-autor-mini .texty{display:block;min-width:0}
.mapa .__sidebar-autor-mini small{
  display:block;font-size:.74rem;color:var(--ink-soft,#6E6A61);
}
.mapa .__sidebar-autor-mini .jmeno{
  display:block;font-weight:600;color:var(--ink,#2B2A26);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* --- Autor v záložce Informace: kompaktní medailon (rowitem autor-sidebar,
   obdoba .o-autorce-dilo z detailu díla); .kicker a .chip dodává
   mojepaleta.css, h2 dědí Fraunces z globálního pravidla --- */
.mapa .__sidebar-autor-info{text-align:center}
.mapa .__sidebar-autor-info .avatar{
  display:grid;place-items:center;width:96px;height:96px;
  margin:6px auto 14px;overflow:hidden;
  border-radius:50% 50% 50% 6px;transform:rotate(-1.5deg);
  box-shadow:0 0 0 4px #fff,0 8px 18px rgba(43,42,38,.15);
  background:radial-gradient(circle at 38% 32%,#F0C285,var(--ochre,#E0A458));
  color:#fff;font-family:var(--font-display,"Fraunces",Georgia,serif);
  font-size:2rem;
}
.mapa .__sidebar-autor-info .avatar img{width:100%;height:100%;object-fit:cover}
.mapa .__sidebar-autor-info h2{font-size:1.35rem;margin:.35em 0 .4em}
.mapa .__sidebar-autor-info p:not(.kicker){
  color:var(--ink-soft,#6E6A61);font-size:.9rem;
}
.mapa .__sidebar-autor-info .chips{
  display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:10px 0 16px;
}
.mapa .__sidebar-autor-info .chip{background:#fff;cursor:default}
.mapa .__sidebar-autor-info .actions{margin-top:4px}
.mapa .__sidebar-autor-info a.btn-primary{color:#fff !important;text-decoration:none}

/* --- Výstava v záložce Přehled: prostý řádek (rowitem vystava-sidebar-mini)
   bez badge — malý obrázek (plakát), tlumený popisek + název, klik vede
   na Informace --- */
.mapa .__sidebar-vystava-mini{
  display:flex;align-items:center;gap:12px;flex:1 1 auto;
  text-align:left;min-width:0;
}
.mapa .__sidebar-vystava-mini .obrazek{
  flex:none;width:44px;height:44px;border-radius:10px;overflow:hidden;
  box-shadow:0 0 0 3px #fff,0 4px 10px rgba(43,42,38,.16);
}
.mapa .__sidebar-vystava-mini .obrazek img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.mapa .__sidebar-vystava-mini .texty{display:block;min-width:0}
.mapa .__sidebar-vystava-mini small{
  display:block;font-size:.74rem;color:var(--ink-soft,#6E6A61);
}
.mapa .__sidebar-vystava-mini .nazev{
  font-weight:600;color:var(--ink,#2B2A26);
  display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* --- Výstava v záložce Informace: podrobnosti (rowitem vystava-sidebar) —
   stejné tvarosloví jako medailon autora: kicker, název, termín, perex,
   tlačítko; bez badge --- */
.mapa .__sidebar-vystava-info{text-align:center}
.mapa .__sidebar-vystava-info h2{font-size:1.35rem;margin:.35em 0 .3em}
.mapa .__sidebar-vystava-info h2 a{color:var(--ink,#2B2A26);text-decoration:none}
.mapa .__sidebar-vystava-info h2 a:hover{color:var(--orange-dark,#A34400)}
.mapa .__sidebar-vystava-info .termin{
  display:block;font-size:.9rem;font-weight:600;color:var(--ink,#2B2A26);
  margin-bottom:.4em;
}
.mapa .__sidebar-vystava-info p:not(.kicker){
  color:var(--ink-soft,#6E6A61);font-size:.9rem;
}
.mapa .__sidebar-vystava-info .actions{margin-top:12px}
/* leaflet.css barví odkazy (.leaflet-container a) — pojistka pro ghost tlačítka */
.mapa .leaflet-sidebar a.btn-ghost{
  color:var(--ink,#2B2A26) !important;text-decoration:none;
}
.mapa .leaflet-sidebar a.btn-ghost:hover{border-color:var(--ink,#2B2A26)}

/* ============================================================================
   Galerijní pojetí hlavní reprodukce — obraz jako exponát na teplé „stěně"
   s paspartovým prstencem a stínem (vzor .dilo-obraz/.frame z detailu díla),
   panel v tónu papíru místo bílé. Platí jen pro hlavní obraz v záhlaví
   panelu, náhledy v záložce Foto zůstávají beze změny.
   ========================================================================== */
.mapa .leaflet-touch .leaflet-sidebar > .leaflet-control,
.kolekce-expmap .leaflet-touch .leaflet-sidebar > .leaflet-control{
  background:var(--paper,#FBF8F2);
}
.mapa .__sidebar-photo{
  padding:28px 28px 22px;
  background:radial-gradient(circle at 50% 15%,#FFFDF8 0%,var(--paper-warm,#F5EEE2) 80%);
}
/* stín rámu nesmí ořezat wrapper (.overflow-hidden z markupu) */
.mapa .__sidebar-photo .comp-global-image{overflow:visible}
.mapa .leaflet-sidebar .comp-global-image.__image-sidebar img,
.mapa .leaflet-sidebar .comp-global-image.__image-sidebar-x img{
  border-radius:4px;
  outline:1px solid rgba(43,42,38,.08);outline-offset:-1px;
  box-shadow:0 0 0 3px rgba(255,253,248,.7),0 14px 34px rgba(43,42,38,.16);
}
/* štítek „+N foto" k rohu rámu */
.mapa .__sidebar-photo span.btn{bottom:1.4rem;left:2.2rem}
/* nadpis těsněji pod obrazem — galerijní štítek */
.mapa .leaflet-sidebar h1,.kolekce-expmap .leaflet-sidebar h1{
  padding:4px 0 0;margin:0 0 10px;
}
/* zavírací křížek nezobrazujeme — panel obsluhuje ouško (.sidebar-oucho) */
.mapa .leaflet-sidebar a.close,.kolekce-expmap .leaflet-sidebar a.close{
  display:none;
}
/* zpět (v některých stavech panelu): decentní poloprůhledný kroužek */
.mapa .leaflet-sidebar a.back,.kolekce-expmap .leaflet-sidebar a.back{
  background:rgba(255,253,248,.65);color:var(--ink-soft,#6E6A61);
  width:28px;height:28px;line-height:27px;border-radius:50%;
  font-size:19px;font-weight:400;text-align:center;
  top:12px;left:12px;padding-top:0;opacity:1;
  box-shadow:0 1px 4px rgba(43,42,38,.12);
  backdrop-filter:blur(3px);
  transition:color .2s,background .2s;
}
.mapa .leaflet-sidebar a.back:hover,.kolekce-expmap .leaflet-sidebar a.back:hover{
  background:#fff;color:var(--ink,#2B2A26);opacity:1;
}

/* ============================================================================
   Ovládací prvky mapy (zoom, poloha, info) — decentní pilulky v papírovém
   tónu s tlumenými symboly, hover do terakoty. Přebíjí leaflet.css
   (.leaflet-touch .leaflet-bar…) — stejná specificita, mapa.css je později.
   ========================================================================== */
.mapa .leaflet-bar{
  border:0;border-radius:999px;overflow:hidden;
  background:rgba(255,253,248,.85);backdrop-filter:blur(4px);
  box-shadow:0 2px 10px rgba(43,42,38,.16);
}
.mapa .leaflet-bar a{
  background:transparent;border-bottom:1px solid rgba(43,42,38,.08);
  color:var(--ink-soft,#6E6A61);width:32px;height:32px;line-height:32px;
  transition:color .2s,background .2s;
}
.mapa .leaflet-bar a:last-child{border-bottom:0}
.mapa .leaflet-bar a:hover{
  background:#fff;color:var(--orange-dark,#A34400);
  border-bottom-color:rgba(43,42,38,.08);
}
.mapa .leaflet-bar a.leaflet-disabled{color:rgba(110,106,97,.35)}
.mapa .leaflet-control-zoom a{font-size:17px;font-weight:400}
/* menší glyfy než základních 20px výše */
.mapa .leaflet-control-container .fa,
.mapa .leaflet-control-container .fa-thin,
.mapa .leaflet-control-container .fa-light,
.mapa .leaflet-control-container .fa-solid{font-size:15px}

/* ---------- Ouško pro skrytí/zobrazení panelu ----------
   Půlkruh se šipkou na hraně panelu (element vytváří skript v mapa.ascx).
   Šipka ukazuje směr, kterým panel odjede; ve skrytém stavu se ouško
   přichytí k okraji okna (panel odjíždí celý za okraj, plugin right:-500px)
   a šipka se otočí. --- */
.mapa .leaflet-sidebar{overflow:visible}
.mapa .sidebar-oucho{
  position:absolute;left:-24px;top:50%;transform:translateY(-50%);
  width:24px;height:52px;border-radius:999px 0 0 999px;
  background:rgba(255,253,248,.8);backdrop-filter:blur(4px);
  box-shadow:-3px 2px 10px rgba(43,42,38,.14);
  display:flex;align-items:center;justify-content:center;
  color:var(--ink-soft,#6E6A61);cursor:pointer;z-index:1001;
  text-decoration:none;
}
.mapa .sidebar-oucho i{font-size:14px;transition:transform .3s}
.mapa .sidebar-oucho:hover{background:#fff;color:var(--orange-dark,#A34400)}
.mapa .leaflet-sidebar:not(.visible) .sidebar-oucho{
  position:fixed;left:auto;right:0;top:50%;
}
.mapa .leaflet-sidebar:not(.visible) .sidebar-oucho i{transform:rotate(180deg)}
@media (max-width:767px){
  /* na mobilu je panel přes celou šířku — ouško by na jeho levé hraně
     trčelo mimo obrazovku, proto je vždy přichycené k pravému okraji okna
     (křížek není, panel zavírá jen ouško) */
  .mapa .sidebar-oucho{position:fixed;left:auto;right:0;top:50%}
}