/* :root {
    --global-palette1: #1a1410;
    --global-palette2: #2c2018;
    --global-palette7: #c9a84c;
    --global-palette7: #FFFCF2;
} */
*{
    box-sizing: border-box;
}

/* top menu kontakt */
.topmenu-icon-envelope,
.topmenu-icon-phone{
    margin-left:16px;
  }
  .topmenu-icon-envelope a, .topmenu-icon-phone a{
    position:relative;
  }
  .topmenu-icon-envelope a::before {
    content: url('../img/envelope.svg');
    position: absolute;
    top:6px;
    left:-12px;
  }
  .topmenu-icon-phone a::before {
  content: url('../img/phone.svg');
  position: absolute;
  top:6px;
  left:-12px;
  }

  /* basic nwes
  .blog .content-area {
    padding-top:1.5rem;
    padding-bottom:1.5rem;
  }
  .single-post .content-area{
    padding-top:1.5rem;
  }
  .custom-home-post .entry-content-wrap, .blog .content-area .entry .entry-content-wrap{
    border:1px solid var(--third);
  } */


/* cpt offer, realization */
.home .custom-offer .kb-post-list-item .entry{
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  min-height:240px;
}
.home .custom-offer .post-thumbnail {
  height: 100%;
  aspect-ratio: auto;
}
.home .custom-offer .entry-content-wrap {
   display:flex;
   justify-content:center;
   align-items:center;
}
/* Zdjęcia do środka */
.custom-offer .kb-post-list-item:nth-child(odd) .post-thumbnail {
  grid-column: 2;
  grid-row: 1;
}
.content-area .custom-offer .entry-content-wrap{
  border: 1px solid #e8d5b0;
  background: rgba(255,187,0,0.05);
}
.content-area .custom-realization .entry-content-wrap{
  background: rgba(255,187,0,0.05);
  text-align:center;
  padding:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:260px;
}
.content-area .custom-offer .entry-title{
  text-align:center;
}
.content-area .custom-realization .entry-header{
  text-align:center;
  margin:16px 6px 0;
  margin-bottom:0;
}
.content-area .custom-realization .entry-summary{
  text-align:center;
  margin:6px;
}
.content-area .custom-realization .entry-footer{
  display:block;
  width:100%;
  background: var(--global-palette2);
  color:#fff;
  padding:12px;
}
.content-area .custom-realization .post-more-link{
  font-size:18px;
 }
 .content-area .custom-realization .post-more-link:hover{
  color:var(--global-palette7);
 }
.content-area .custom-realization .kadence-svg-icon{
 display:none;
}

.content-area .custom-realization .entry,
.content-area .custom-offer .entry {
  transition: transform 0.3s ease;
}
.content-area .custom-realization .entry:hover,
.content-area .custom-offer .entry:hover {
  transform: translateY(-6px);
}
/* nakładka */
.custom-offer .entry.loop-entry .post-thumbnail::after,
.custom-realization .entry.loop-entry .post-thumbnail::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.45);
  opacity: 0;
  transition: opacity .35s ease;
}

/* kółko z plusem */
.custom-offer .entry.loop-entry .post-thumbnail::before,
.custom-realization .entry.loop-entry .post-thumbnail::before {
  content: "+";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(.7);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 70px;
  opacity: 0;
  z-index: 2;
  transition: .35s ease;
}
/* hover */
.custom-offer .entry.loop-entry:hover .post-thumbnail::after,
.custom-realization .entry.loop-entry:hover .post-thumbnail::after {
  opacity: 1;
}
.custom-offer .entry.loop-entry:hover .post-thumbnail::before,
.custom-realization .entry.loop-entry:hover .post-thumbnail::before {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.single-offer .related-posts,
.single-realization .related-posts {
	margin-top: 60px;
}

.single-offer .related-posts__title,
.single-realization .related-posts__title {
	padding: 20px;
}

.single-offer .related-posts__list,
.single-realization .related-posts__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.single-offer .related-posts__item,
.single-realization .related-posts__item {
	border-top: 1px solid #e5e5e5;
}

.single-offer .related-posts__item:last-child,
.single-realization .related-posts__item:last-child {
	border-bottom: 1px solid #e5e5e5;
}

.single-offer .related-posts__item a,
.single-realization .related-posts__item a {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 15px 0;
	color: inherit;
	text-decoration: none;
	transition: padding-left 0.2s ease;
}

.single-offer .related-posts__icon,
.single-realization .related-posts__icon {
	transition: transform 0.2s ease;
}

.single-offer .related-posts__item a:hover,
.single-realization .related-posts__item a:hover {
	padding-left: 8px;
  background: var(--global-palette8);
}

.single-offer .related-posts__item a:hover .related-posts__icon,
.single-realization .related-posts__item a:hover .related-posts__icon {
	transform: translateX(5px);
}
 

.content-area .custom-violin-key-section{
  position: relative;
}

.content-area .custom-violin-key-section::before {
  content: '𝄞';
  position: absolute;
  font-size: 120px;
  color: rgba(201,168,76,0.1);
  font-family: serif;
  line-height: 1;
  top: 0px;
  left: 5%;
  pointer-events: none;
  user-select: none;
  z-index: 999;
}

.site-footer h4{
  color:#fff;
}

/* klawiatura */

.ps-wrap{background:#1a1410;overflow:hidden;padding:8px 0 0 0;}
.ps-inner{display:flex;width:max-content;}
.ps-oct{position:relative;display:flex;gap:1px;flex-shrink:0;}
.ps-wk{width:28px;height:62px;background:#e8d5b0;border-radius:0 0 3px 3px;border:0.5px solid #b89a40;box-sizing:border-box;flex-shrink:0;}
.ps-bk{position:absolute;width:17px;height:40px;background:#2c2018;border-radius:0 0 2px 2px;z-index:2;top:0;border:0.5px solid #2a2016;box-sizing:border-box;}

/* animations */
 
 /* Wspólna baza dla wszystkich animowanych elementów */
 .animate-me {
  opacity: 0;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transition: 
    opacity 0.9s cubic-bezier(0.23, 1, 0.32, 1), 
    transform 0.9s cubic-bezier(0.23, 1, 0.32, 1);
}

/* Warianty kierunków */
.fade-up    { transform: translateY(90px); }
.fade-left  { transform: translateX(-60px); }
.fade-right { transform: translateX(60px); }
.fade-in    { transform: none; }
.zoom-in { 
  transform: scale(0.9); 
  transition: opacity .9s ease, 
              transform .9s cubic-bezier(0.34, 1.56, 0.64, 1); 
}

/* Opóźnienia jako klasy */
.delay-1 { transition-delay: 0.2s; }
.delay-2 { transition-delay: 0.4s; }
.delay-3 { transition-delay: 0.6s; }

/* Jedna klasa aktywująca wszystko */
.animate-me.is-visible {
  opacity: 1;
  transform: translate3d(0,0,0) scale(1);
}


@media only screen and (max-width: 1440px) {
.content-area .custom-violin-key-section::before {
    left: 2%;
  }
}
@media only screen and (max-width: 1280px) {
.content-area .custom-violin-key-section::before {
    top: -20px;
    left: 55%;
  }
}
@media only screen and (max-width: 1024px) {
.content-area .custom-violin-key-section::before {
    display: none;
  }
.content-area .custom-offer .kadence-info-box-image-inner-intrisic-container{
    max-width: 500px;
  }
.content-area .custom-offer .kt-blocks-info-box-media{
    margin-left:0;
      }
}

@media (max-width: 768px) {
  .home .custom-offer {
    grid-template-columns: 1fr;
  }
  .home .custom-offer .kb-post-list-item .entry{
    display: flex;
    flex-direction: column;
  }
  .home .custom-offer .post-thumbnail {
    order: 1;
}
.home .custom-offer .entry-content-wrap {
  order: 2;
}
}