:root {
    --body-font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

    --m-black: rgb(255,255,255);
    --m-gray: rgb(255,255,255); 
    --m-silver: rgb(200,200,200); 
    --m-white: rgb(255,255,255); 
    --m-navy: #010156;
    --m-blue: blue;
    
    
    --m-aqua: rgb(255,255,255);
    --m-pink:	rgb(255,255,255);
    --m-lime: rgb(255,255,255);
    --m-purple: rgb(255,255,255);
    --m-yellow: rgb(255,255,255);
    --m-green: rgb(255,255,255);
    --m-palegreen: rgb(255,255,255);
    --m-green: rgb(255, 255, 255);
    --m-maroon: rgb(255, 255, 255);
    --m-red: rgb(255,255,255);
    --padding-muj: 0px;
  }
	
/* NOTE: Horní část */

/*body*/
.view-item{
  /* all: unset !important; */
  margin: 0px !important;
  padding: 0px !important;
  height: 100vh !important;
  background-color: var(--m-white) !important;
  display: grid !important;
  grid-template-rows: auto 1fr !important;
}

/* horní menu */
.header .container-header.full-width{
  all: unset;
  margin: 0px !important;
  padding: 0px !important;
  display: flex !important;
}

/* logo v menu */
li.nav-item img{
  width: auto !important;
  height: auto !important;
  
  /* Klíčové vlastnosti pro zachování původní velikosti */
  max-width: none !important;  /* Zakáže zmenšování, když je málo místa */
  min-width: max-content !important; /* Vynutí šířku podle obsahu */
}
	
/* horní lišta stránkování */
.row.ph-pagination-top .col-sm-12.col-md-3.col-lg-3.col-xl-3.ph-pag-top-row,
.row.ph-pagination-top .col-sm-12.col-md-4.col-lg-4.col-xl-4.ph-pag-top-row,
.row.ph-pagination-top .col-12.col-sm-5.col-md-5.ph-pag-top-row{
display: none !important;
}

/* NOTE: thumbs*/

.view-items .site-grid,
.view-category .site-grid{
  background-color: var(--m-lime) !important;
}

.view-items .grid-child.container-component,
.view-category .grid-child.container-component{
  background-color: var(--m-yellow) !important;
}

.view-items #ph-pc-category-box,
.view-category #ph-pc-category-box{
  background-color: var(--m-purple);
  padding: 0px !important;
  margin: 0px !important;
}

.view-items #phItemsBox,
.view-category #phItemsBox{
 background-color: var(--m-aqua) !important;
 padding: 0px !important;
  margin: 0px !important;
}

.view-items #phItems,
.view-category #phItems{
 background-color: var(--m-palegreen) !important;
}

.view-items .row.ph-row-flex.grid,
.view-category .row.ph-row-flex.grid{
  background-color: var(--m-yellow) !important;
  padding: 0px !important;
  margin: 0px !important;
  gap: 5px !important;
	display: flex !important;
	flex-direction: row !important;
}

/* základní div */
.view-items .row-item.col-sm-12.col-md-4.col-lg-4.col-xl-4,
.view-category .row-item.col-sm-12.col-md-4.col-lg-4.col-xl-4{
  display: flex !important;
  flex-direction: column !important;

  height: 250px !important;
  width: 250px !important;
  padding: 0px !important;
  margin: 0px !important;
  background-color: var(--m-maroon);
  border: 1px var(--m-silver) solid !important;
}

.view-items .ph-item-box.grid,
.view-category .ph-item-box.grid{
  display: flex !important;
  flex: 1 !important;
  background-color: var(--m-gray) !important;
  padding: 0px !important;
  margin: 0px !important;

  /* display: none !important; */
}

.view-items .thumbnail.ph-thumbnail.ph-thumbnail-c.ph-item.grid,
.view-category .thumbnail.ph-thumbnail.ph-thumbnail-c.ph-item.grid{
  display: flex !important;
  flex: 1 !important;
	background-color: var(--m-aqua) !important;
  padding: 0px !important;
  margin: 0px !important;

  /* display: none !important; */
}

.view-items .ph-item-content.grid,
.view-category .ph-item-content.grid{
  display: flex !important;
  flex: 1 !important;
	background-color: var(--m-lime) !important;
  padding: 0px !important;
  margin: 0px !important;

  /* display: none !important; */
}

/* div parent */
.view-items .jf_ph_cat_item_grid.ph-category-action-box-icons.grid,
.view-category .jf_ph_cat_item_grid.ph-category-action-box-icons.grid{
  display: flex !important;
  flex-direction: column;
  flex: 1 !important;
  background-color: var(--m-pink) !important;
  padding: 0px !important;
  margin: 0px !important;
}

/* link thumb */
.view-items a.thumb,
.view-category a.thumb{
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  padding: 0px !important;
  margin: 0px !important;
}

.view-items .phIBoxOH,
.view-category .phIBoxOH{
  display: flex !important;
  flex: 1 !important;
	background-color: var(--m-purple) !important;
  justify-content: end !important;
}

.view-items .phIBox,
.view-category .phIBox{
  display: flex !important;
  flex: 1 !important;
	background-color: var(--m-yellow) !important;
}



/* image */
.view-items img,
.view-category img{
  display: flex !important;
  flex: 1 !important;
  container-type: size !important;
	background-color: var(--m-maroon) !important;
	margin: 0px !important;
  padding: 0px !important;
  border: none !important;
  object-fit: contain !important; 
}

/* h3 s názvem fotografie*/
.view-items h3.ph-product-header.grid,
.view-category h3.ph-product-header.grid{
  /* display: flex !important;
  flex: 0 0 auto !important; */
	background-color: var(--m-white) !important;
	font-size: 15px !important;
	
  color: black !important;
  font-weight: 500 !important;
  margin: 0px !important;
  padding: 3px 0px 3px 0px !important;
  justify-content: center !important;

  /* display: none !important; */
}

/* FIXME: zjistit co dělá */
/* neznámý div */
.view-items .jf_ph_cat_item_btns_wrap.ph-category-action-icons.grid,
.view-category .jf_ph_cat_item_btns_wrap.ph-category-action-icons.grid{
  display: none !important;
}

/* NOTE: bigfoto*/

 


.view-item .site-grid{
  all: unset !important;
  margin: 0px !important;
  padding: 0px !important;
  display: grid !important;
  background-color: var(--m-aqua) !important;
  container-type: size !important;
  width: 100cqw !important; 
}

  

.view-item .grid-child.container-component{
  all: unset !important;
  display: grid !important;
  grid-template-rows: 1fr !important;
  margin: 0px !important;
  padding: 0px !important;
  background-color: var(--m-lime) !important;
  container-type: size !important;
  width: 100cqw !important; 

  /* display: none !important; */
}

.view-item .grid-child.container-sidebar-left{
  display: none !important;
}

.view-item main{
  all: unset !important;
  display: grid !important;
  grid-template-rows: 1fr !important;
  margin: 0px !important;
  padding: 0px !important;
  background-color: var(--m-maroon) !important;
  container-type: size !important;
  width: 100cqw;

  /* display: none !important; */
}
.view-item #ph-pc-item-box{
  all: unset !important;
  display: grid !important;
  grid-template-rows: 1fr auto auto !important;
  margin: 0px !important;
  padding: 0px !important;
  background-color: var(--m-purple) !important;
  container-type: size !important;
  width: 100cqw !important; 

  /* display: none !important; */
}



/* NOTE:  bigfoto a navigace */
.view-item .row{ 
  all: unset;
  display: grid !important;
  grid-template-rows: 1fr !important;
  background-color:var(--m-palegreen) !important;
  margin: 0px !important;
  padding: 0px !important;
  container-type: size !important; 
  gap: 20px !important;

  /* display: none !important; */
}

.view-item #phImageBox{
  display: grid !important;
  grid-template-rows: 1fr !important;
  margin: 0px !important;
  padding: 0px !important;
  background-color: var(--m-lime) !important;
  container-type: size !important;
  width: 100cqw !important;

  /* display: none !important; */
}

.view-item .ph-item-image-full-box{
  display: grid !important;
  grid-template-rows: 1fr !important;
  margin: 0px !important;
  background-color: var(--m-purple) !important;
  container-type: size !important;
  width: 100cqw !important;
  padding: 10px 0px !important;
  /* place-items: center center !important; */

  /* display: none !important; */
}

.view-item a.bigfoto{
  display: flex !important;           /* Změna z block na flex */
  justify-content: center !important;  /* Horizontální vycentrování */
  align-items: center !important;      /* Vertikální vycentrování */
  
  container-type: size !important;
  width: 100cqw !important;
  height: 100cqh !important;
  background-color: var(--m-pink) !important;
  text-decoration: none !important;    /* Pro jistotu, aby odkaz neblbnul */
}

.view-item img{
  display: block !important;
  width: auto !important;       /* Necháme prohlížeč hlídat poměr stran */
  height: auto !important;
  max-width: 100% !important;   /* Nepřeteče šířku kontejneru */
  max-height: 100% !important;  /* Nepřeteče výšku kontejneru */
  margin: 0px !important;
  padding: 0px !important;
  border: none !important;
  object-fit: contain !important; 
  
}  

/* NOTE: Navigace */

#ph-item-navigation{
  display: flex !important;
  flex-direction: row !important;
  margin: 0px !important;
  padding: 15px 10px 25px  10px !important;
  background-color: var(--m-yellow) !important;
  justify-content:space-between !important;

  /* display: none !important; */
}

@media (max-width: 600px) {
  #ph-item-navigation{
    flex-direction: column !important;
    background-color: var(--m-lime) !important;
  }
}

.ph-item-navigation-box-prev{
  background-color: var(--m-aqua) !important;
  justify-content: start !important;
  padding-left: 25px;
}

.btn-primary:hover,
.btn.btn-primary.ph-item-navigation{
  min-width : 150px !important;
  padding: 3px 25px !important;
  margin: 2px !important;
  background-color: var(--m-navy);
}

.fa.fa-arrow-right.fa-fw{
  padding-left: 15px !important;
}

.fa.fa-arrow-left.fa-fw{
  padding-right:15px !important;
}

.ph-item-navigation-box-next{
  background-color: var(--m-purple) !important;
  justify-content: end !important;
  padding-right: 25px;
}

.bigfoto-info{
  display: block;
}

.bigfoto-info span{
  
  width: fit-content;
  background-color: var(--m-navy);
  /* background-color: red; */
  color: var(--m-white);
  padding: 3px 10px;
}

/* NOTE: spodní část */
/* spodní stránkování */
.row.ph-pagination .col-12.col-sm-6.col-md-6.ph-center-pagination,
.col-12.col-sm-12.col-md-12.ph-center-pagination.ph-pagination-mt.pagination{
  display: none !important;
}

.pagination__wrapper,
.col-12.col-sm-12.col-md-12.ph-center-pagination.pagination.phPaginationBox{
  padding: 0px !important;
  margin: 0px !important;
}

.ph-cb{
  display: none !important;
}

#phContainer{
  background-color: red !important;
}


/* NOTE: univerzální formátování */

/*qq left pane*/
.grid-child.container-sidebar-left{
  width: 150px;
}
.ph-checkbox-container{
  font-size: 14px;
}

h4.panel-title{
  font-size: 15px;
}


/* Stránkování */
a.page-link:hover{
    background-color: var(--m-blue);
    color: white;
  }

/* zpět do kategorie */
.ph-top{
  display: none;
}

/* NOTE: upoutávka na Phoca Cart */
.phcartinfo{
  padding-bottom: 5px !important;
  padding-right: 50px !important;
  word-wrap: break-all !important;
}

/* NOTE: Logovací výpis */

/* Název kategorie */
.ph-header{
  display: none;
}

 .loplog{
    display: block !important;
    background-color: var(--m-yellow) !important;
    padding-left: 25px !important;
    line-height: 1.2 !important;
  }

  .loplog h1,
  .loplog h1.card-header{ 
    color: navy !important; 
    font-size: 22px !important; 
  } 

  .loplog h2, 
  .loplog h2.card-header{ 
    color: blue !important; 
    font-size: 20px !important; 
  } 

  .loplog h3{ 
    color: rgb(0,100,100) !important; 
    font-size: 18px !important; 
  }

	
	@media (min-width: 992px) {
  .site-grid {
    /* Definice: Levý (pevný) | Hlavní (auto) | Pravý (pevný) */
    grid-template-columns: 150px 1fr  50px !important;
    column-gap: 10px; /* Mezera mezi sloupci */
  }
  
  .grid-child.container-sidebar-left{
    all: unset !important;
    border: 1px solid blue !important;
    background-color: red;
    padding-left: 0px;
    padding-right: 0px;
  }
  
  .grid-child.container-component{
    all: unset !important;
    border: 1px solid blue !important;
    background-color: red;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    
  }
  
  .grid-child.container-sidebar-right{
    all: unset !important;
    border: 1px solid blue !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
  }
  
  .sidebar-right.card *{
		all: unset !important;
		border-color: red !important;

	} 
  
  #language_picker_des_124{
		display: none !important;
	}

	.mod-languages__list.lang-inline{
		background-color: gray !important;
	}