/* --------------------------------------------------
   Layout Containers
   -------------------------------------------------- */
.archive-main,
.single-main {
	max-width: 755px;
	width: 100%;}
.no-sidebar	.archive-main,
.single-badania-i-rozwoj .single-arcile__header,
.single-badania-i-rozwoj .single-main {max-width: 1024px;}
.single-badania-i-rozwoj .single-arcile__header {margin:0 auto 50px auto;}
.main-sidebar {
	max-width: 320px;
	width: 100%;}
.main-sidebar > div {
	background-color: rgba(82, 174, 50, .05);
	padding:0 20px;
	box-sizing: border-box;}
.main-sidebar > .main-sidebar--content > div:first-child{padding-top: 20px;}
.main-sidebar > .main-sidebar--content > div:last-child{padding-bottom: 20px;}
.main-sidebar > .main-sidebar__filter-button{padding: 20px;}
/* --------------------------------------------------
   Sidebar Wrapper & Widgets
   -------------------------------------------------- */
/* ─── Search Form in Sidebar ─────────────────────── */
.main-sidebar .searchform > div {
	position: relative;
	margin-bottom: 15px;}
.main-sidebar .searchform input[type="text"] {
	width: 100%;
	box-sizing: border-box;
	padding: 12px 48px 12px 16px; /* top/right/bottom/left */
	border: 1px solid #A5A5A5;
	font-size: var(--fs-100);
	color: #A5A5A5;
	background-color: #fff;}
.main-sidebar .searchform input[type="text"]::placeholder {color: #A5A5A5;}
#searchsubmit{ 
	position: absolute;
    right: 0;
    width: 50px;
    height: 45px;
    background-color: transparent;
    z-index: 5;
    color: transparent;}
.main-sidebar .searchform > div::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 16px;
	width: 24px;
	height: 24px;
	background: url('../images/pellicarnos-search-icon.svg') no-repeat center center;
	background-size: contain;
	transform: translateY(-50%);
	pointer-events: none;}

/* ─── Sidebar List Links ─────────────────────────── */
.pellicarnos-home-sidebar h2 {display: none;}
.pellicarnos-home-sidebar{margin-bottom:25px;}
.pellicarnos-home-sidebar:last-child{margin-bottom:0px;}
.main-sidebar ul li a {
	padding: 10px 0 10px 10px;
	margin-bottom: 10px;
	color: var(--color-text);
	border-left: 5px solid #A5A5A5;
	display: inline-block;
	transition: all .3s;}
.main-sidebar ul li:last-child a {margin-bottom: 0;}
.main-sidebar ul li a:hover,
.main-sidebar ul li.current-cat a,
.main-sidebar ul li.current-menu-item a {
	color: var(--color-accent);
	border-left: 5px solid var(--color-accent);}
/* ─── Mobile Filters ─────────────────────────── */	
.main-sidebar__filter-button{
	font-size: var(--fs-125);
    line-height: var(--lh-normal);
    color: var(--color-primary);
    font-weight: bold;
	display:none;}
	
/* --------------------------------------------------
   Pagination
   -------------------------------------------------- */
/* ─── General Page Pagination ────────────────────── */   
.pagination {
	width: 100%;
	margin-top: 65px;
	text-align: center;}
.pagination > * {margin-left: 5px;}
.pagination a,
.pagination span.dots {
	font-family: var(--font-family-sans-bold);
	color: #a4a4a4;
	letter-spacing: 2px;}
.pagination a {transition: all .2s;}
.pagination span.current,
.pagination a:hover {color: var(--color-accent);}
/* ─── Single Post Pagination ─────────────────────── */
.single-navigation {margin-top: 50px;}
.single-navigation a {
	color: var(--color-secondary);
	font-weight: bold;}	
	
/* --------------------------------------------------
   Style 4 Page Display Posts
   -------------------------------------------------- */
/* ─── Home Page 4 Posts ──────────────────────────── */      
.archive-main--home--header{
	max-width:100%;
	border-bottom:1px solid #D5D5D5;
	padding-bottom:50px;
	margin-bottom:50px;}
.archive-main--home.archive-main--home--header .post-grid__item{margin-bottom:0;}	
.archive-main--home--header .post-grid__item--first	.post-grid__main{max-width:100%;}
.post-grid__item--first{
    flex: 2 1 calc((100% - 2 * var(--flex-gap)) * 2 / 3 + var(--flex-gap));
    max-width: calc((100% - 2 * var(--flex-gap)) * 2 / 3 + var(--flex-gap));}
.post-grid__item--first .post-grid__title{font-size:var(--fs-187);}	
.archive-main--home--header .post-grid__item--first .post-grid__date,
.post-grid__item--first .post-grid__title,
.post-grid__item--first .post-grid__link span{
	color:var(--color-white);}
.archive-main--home--header .post-grid__item--first .post-grid__date,
.post-grid__item--first .post-grid__link{margin:0;}	
.post-grid__item--first a{
    width: 100%;
    height: 100%;
    padding: 45px;
    box-sizing: border-box;}

/* ─── Default Post Grid ──────────────────────────────────── */  
.post-grid__title {margin-bottom:25px;}	
.post-grid__title {
	font-size:var(--fs-125);
	line-height:var(--lh-normal);
	color:var(--color-primary);}	
.post-grid__link{margin-top:10px;}
.post-grid__link a,
.post-grid__link span{
	color:var(--color-secondary);
	line-height:var(--lh-normal);
	font-family:var(--font-family-sans-bold);}

/* ─── Archive / Category ─────────────────────────────────── */ 
.archive.date .page-hero__inner h1.page-hero__title{text-transform: capitalize;}
.archive-main--home .post-grid__item,	
.category .post-grid__item{margin-bottom:20px;}	
.archive-main--home .post-grid__date,
.category .post-grid__date{
	font-size:var(--fs-075);
	color:var(--color-secondary);
	margin-bottom:10px;
	display: inline-block;}
.archive-main--home .post-grid__thumb,
.category .post-grid__thumb{
	max-width:385px;
	width:100%;
	height:225px;}
.archive-main--home .post-grid__thumb img,
.category .post-grid__thumb img{ 
	width: 100%;
    height: 100%;
    object-fit: cover;}		
.archive-main--home .post-grid__main,
.category .post-grid__main	{
	max-width:345px;
	width:100%;}
.archive-main--home .post-grid__link,
.category .post-grid__link{text-align:right;}	

/* ─── Search / Archive /  Archive Badania i Rozwój Items ─── */
.archive-main--search .post-grid__item,
.archive-main--archive .post-grid__item,
.post-type-archive-badania-i-rozwoj .post-grid__item,
.tax-kategoria-badania-i-rozwoj .post-grid__item{
	border-bottom:1px solid #D5D5D5;
	padding-bottom:20px;
	margin-bottom:25px;}
.archive-main--search .post-grid__item:last-child,
.archive-main--archive .post-grid__item:last-child,
.post-type-archive-badania-i-rozwoj .post-grid__item:last-child,
.tax-kategoria-badania-i-rozwoj .post-grid__item:last-child{margin-bottom:0px;}
.archive-main--search .post-grid__link,
.archive-main--archive .post-grid__link,
.post-type-archive-badania-i-rozwoj .post-grid__link{text-align:right;}	

/* --------------------------------------------------
   Custom posttypes archive
   -------------------------------------------------- */
 /* ─── Badania i Rozwoj Styling ────────────────────*/    
 .post-type-archive-badania-i-rozwoj  .post-grid__main{width:100%;}
 .post-type-archive-badania-i-rozwoj  .post-grid__thumb{
    max-width: 255px;
    width: 100%;
    height: 200px;}
 .post-type-archive-badania-i-rozwoj  .post-grid__thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;}
 
 
/* ─── Media i Publikacje Styling ────────────────────*/   
.post-type-archive-media-i-publikacje .archive-main{max-width:100%;}
.post-type-archive-media-i-publikacje .post-grid__item{
	padding:25px;
	box-sizing:border-box;
	border:1px solid #D5D5D5;
	background-color:#fff;}
.post-type-archive-media-i-publikacje .post-grid__thumb{
    max-width: 200px;
    width: 100%;
    height: 100px;
	margin-bottom:10px}
.post-type-archive-media-i-publikacje .post-grid__thumb img{
    width: 100%;
    height: 100%;
    object-fit: fill;}

/* --------------------------------------------------
   Single Post
   -------------------------------------------------- */
/* ─── Thumbnail ─────────────────────────────────────*/   
.single-article__thumb{
	width:100%;
	height:505px;
	margin-bottom:35px;}
.single-article__thumb img{
	object-fit: cover;
    width: 100%;
    height: 100%;}
/* ─── Post Content ──────────────────────────────────*/   	
.single-arcile__header{
	max-width:890px;
	width:100%;
	margin-bottom:50px;}
.single-arcile__header h1.single-article__title{
	line-height: 1.125em;
	color:var(--color-primary);}
.single-article__meta {
	margin-top:25px;
	line-height:var(--lh-normal);}
.single-article__meta span{
	font-size:var(--fs-112);
	color:var(--color-secondary);
	text-transform:uppercase;
	letter-spacing: 10px;
	font-weight:bold;}
	
/* --------------------------------------------------
   Media Queries
   -------------------------------------------------- */	
@media (prefers-reduced-motion: reduce){
  .main-sidebar--content{
    transition: none !important;
  }
}

/* ─── 1024px ──────────────────────────────────*/   		
@media (max-width: 1024px){
	.main-sidebar__filter-button{
		display:block;
		cursor:pointer; }
	.main-sidebar__filter-button span{padding-right:10px;}
	.main-sidebar__filter-button span i:before{
		-webkit-text-stroke-width: 1.5px;
		-webkit-text-stroke-color: var(--color-primary);
		color: transparent;}
	.main-sidebar >  div.main-sidebar--content{
		/* stan zamknięty */
		max-height: 0;
		overflow: hidden;
		opacity: 0;
		visibility: hidden;
		transition:
		  max-height .28s ease,
		  opacity .22s ease,
		  visibility 0s linear .28s; /* opóźnij ukrycie visibility do końca animacji */}
	.main-sidebar.is-open  div.main-sidebar--content{
		/* stan otwarty */
		max-height: 1000px; /* wystarczająco duża wartość, by pomieścić treść */
		opacity: 1;
		visibility: visible;
		transition:
		  max-height .5s ease,
		  opacity .4s ease,
		  visibility 0s; /* natychmiast widoczne */}
	.main-sidebar__filter-button i:before{ transition: transform .2s ease; }
	.main-sidebar.is-open .main-sidebar__filter-button i:before{color:var(--color-primary);}
	.content-wrapper--post-page{flex-wrap: wrap;}
	.content-wrapper--post-page .archive-main,
	.content-wrapper--post-page .single-main{
		max-width: 100%;
		order: 2;}
	.content-wrapper--post-page .main-sidebar{
		width: 100%;
		max-width: 100%;}
}

/* ───  799px ──────────────────────────────────*/  
@media (max-width: 799px) {		
	.post-grid__item--first a {padding: 25px;}
}

/* ───  599px ──────────────────────────────────*/  
@media (max-width: 599px) {
	.archive-main--home .post-grid__thumb, 
	.category .post-grid__thumb,
	.archive-main--home .post-grid__main, 
	.category .post-grid__main {max-width: 100%;}
	.archive-main--home.archive-main--home--header .post-grid__item {margin-bottom: 20px;}
	.post-grid__item--first {
		flex: 1 1 100%; 
		max-width: 100%;
		min-height: 350px;}
	.post-grid__item--first a {padding: 25px;}	
	.post-grid__item--first h3{line-height:1.25em;}
	.archive-main article > a {flex-wrap:wrap;}
	.single-article__title{font-size:var(--fs-300);}
	 /* ─── Badania i Rozwoj Styling ────────────────────*/    
	 .post-type-archive-badania-i-rozwoj  .post-grid__thumb{
		max-width: 100%;
		width: 100%;
		height: 350px;}	
}