/* HEADER _ NAVI*/
.site-header-row-container-inner .site-header-row.site-header-row-center-column {
    max-width: 1410px;
    margin-left: auto;
    margin-right: auto;
}


#mobile-header .site-header-row-container-inner {
	    padding: 0 1.5rem;
}

#mobile-header .site-header-main-section-center {
	transform: translateX(28px);
}

/* ACCORDEON - FAQ*/

.hippo-faq .kt-blocks-accordion-header.kt-accordion-panel-active{
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

@media (max-width: 768px) {
	.hippo-faq .kt-accordion-panel-inner{
		font-size: 10px
	}
	.hippo-faq .kt-accodion-icon-style-basic .kt-blocks-accordion-icon-trigger:after,.kt-accodion-icon-style-basic .kt-blocks-accordion-icon-trigger:before {
		width: 14px;

}
}

/* POST ARCHIVE - PORADNIK HIPOTECZNY, GŁÓWNA*/


.hippo-postgrid .kb-post-list-item .entry{
    position: relative;
    border-radius: 24px;
    overflow: hidden;
}

.hippo-postgrid .post-thumbnail{
    position: relative;
    display: block;
    margin: 0 !important;
}

.hippo-postgrid .post-thumbnail-inner img{
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform .3s ease;
}

/* overlay zdjęcia w archiwum (obu), być może do zmiany */
.hippo-postgrid .post-thumbnail::after{
    content:"";
    position:absolute; inset:0;
    background:
            linear-gradient(90deg,
            rgba(231,110,81,.80) 0%,
            rgba(231,110,81,.55) 25%,
            rgba(231,110,81,.20) 45%,
            rgba(231,110,81,0) 60%);
    pointer-events:none;
}

.hippo-postgrid .entry-content-wrap{
    position:absolute;
    left:32px;
    right:32px;
    bottom:28px;
    color:#F5F3EF;
    z-index:2;
    margin:0;
    padding:0;
}

.hippo-postgrid .entry-content-wrap a{
    color: #F5F3EF;
}

.hippo-postgrid .entry-header{
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

.hippo-postgrid .entry-content-wrap .entry-title{
    margin:0 0 8px; line-height:1.44; font-size: 18px;     font-weight: 400;
    text-transform: uppercase;
}

.hippo-postgrid .entry-content-wrap .entry-meta {
    margin:0 0 8px; 
	font-size:14px;
    order: -1;
	font-family: 'deuterium-variable', 'Gabarito', sans-serif;
}

.hippo-postgrid .kb-post-list-item .entry:hover .post-thumbnail-inner img{
    transform: scale(1.03);
}

.hippo-postgrid .post-more-link{
    text-transform: lowercase;
    font-weight: 400;
    font-family: 'deuterium-variable', 'Gabarito', sans-serif;
    font-size: 14px;
    text-decoration: underline;
}
.hippo-postgrid .post-more-link .kadence-svg-iconset{
    display: none !important;
}


@media (max-width: 640px){
    .hippo-postgrid .entry-content-wrap{
        left: 16px; right: 16px; bottom: 14px;
    }
	.hippo-postgrid .entry-content-wrap .entry-title{
     font-size: 14px; 
		margin: 0;
	}
	.hippo-postgrid .entry-content-wrap .entry-meta { 
	font-size: 10px
	}
	.hippo-postgrid .post-more-link{ 
		font-size: 10px
	}
}


/*NASZA MISJA*/

.hippo-hero-cta { position: relative; }

@media (min-width: 1024px){
    .hippo-hero-cta .kt-row-column-wrap{
        display: grid;
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.2fr);
        gap: 64px;
        align-items: center;
    }

    .hippo-hero-cta .hero-card{
        position: relative;
        z-index: 2;
    }

    .hippo-hero-cta figure.hero-photo{
        position: relative;
        z-index: 1;
        overflow: visible;
        transform: translateX(-28%);
    }
    .hippo-hero-cta figure.hero-photo .kb-img{
        display: block;
        width: 128%;
        max-width: none;
        height: auto;
    }
}


@media (max-width: 1023px){
    .hippo-hero-cta .hero-card{
        transform: none;
        margin-bottom: 24px;
    }
    .hippo-hero-cta figure.hero-photo{
        transform: none;
    }
    .hippo-hero-cta figure.hero-photo .kb-img{
        width: 100%;
        max-width: 100%;
    }
}

/* do zweryfikowania czy jeszcze używane */
@media (max-width: 767px) {
    .bleed-mobile{ margin-left:-12px; margin-right:-12px; }
}

@media (max-width: 767px){
    .phone-bleed-right{
        margin-left: auto;                    /* dociśnij do prawej w kontenerze */
        margin-right: calc(50% - 50vw);       /* wyjedź poza kontener do krawędzi viewportu */
        max-width: none;                      /* gdy WP ustawia max-width obrazka */
        display: block;                       /* pewność, że margin zadziała */
        margin-bottom: -2px;
    }
}
	
/* POSTS SLIDER - ARCHIWUM WPISÓW NA GŁÓWNEJ*/
.posts-slider .see-all-posts-link > a {
color: #264653; 
text-decoration-color: #264653;
	display: inline-block;
    transform: translateY(-20px);
}

.posts-slider .see-all-posts-link > a:hover {
color: #E76F51; 
	text-decoration-color: #E76F51;

}

@media (max-width: 768px){ .posts-slider .see-all-posts-link > a {
	font-size: 10px;
	transform: translateY(-22px);
	}
	.posts-slider .see-all-posts-link {
		margin-bottom: 0;
	}
}


/*SINGLE - LAYOUT POJEDYNCZEGO WPISU*/
body.single-post main#primary.site-main > .wp-block-cover {
	margin-bottom: 0 !important;
	position: sticky;
	top: 0;
}

body.single-post main#primary.site-main > .kb-row-layout-wrap {
	margin-top: -648px;
	margin-bottom: 24px;
}

body.single-post main#primary.site-main > .kb-row-layout-wrap > .kt-row-column-wrap {
	padding-bottom: 100px;
}

@media (max-width: 768px){
  .single .hippo-article-date    { font-size: 14px !important; }
  .single .hippo-article-title   { font-size: 24px !important; }
  .single .hippo-article-content { font-size: 14px !important; }
}

@media (max-width: 480px){
  .single .hippo-article-date    { font-size: 14px !important; }
  .single .hippo-article-title   { font-size: 24px !important; }
  .single .hippo-article-content { font-size: 14px !important; }
}
	
/* FIX: WP dodaje box shadow na pewnych elementach strukturalnych podstron*/
article[id=post-263] {
    box-shadow: none !important;
}
article[id=post-272] {
    box-shadow: none !important;
}
article[id=post-270] {
    box-shadow: none !important;
}
article[id=post-672] {
    box-shadow: none !important;
}
article[id=post-750] {
    box-shadow: none !important;
}
article[id=post-965] {
    box-shadow: none !important;
}
article[id=post-957] {
    box-shadow: none !important;
}
article[id=post-1060] {
    box-shadow: none !important;
}
article[id=post-1058] {
    box-shadow: none !important;
}
	
/* FIX: szarpanie się z WP */
	.strict-mobile-height > .kt-inside-inner-col {
		height: 467px
	}
	
/*	SWIPER - KROKI*/
	.steps-slider .hippo-steps-row-layout {
		align-items: flex-start !important;
	}
	
	.slide-item .kt-inside-inner-col {
		min-height: unset !important;
		height: 370px
	}

		
/*	SWIPER - WPISY*/
	.posts-slider .hippo-steps-row-layout {
		align-items: flex-start !important;
	}
	
	.slide-item .kt-inside-inner-col {
		min-height: unset !important;
		height: 370px
	}

/* QOUTES / TEARS / DECOR */
.decorr--tr { top: -32px; right: 32px;  position: absolute;} /* hero upper */
.decorr--tr-campaign { top: -32px; right: 32px;  position: absolute;} /* hero campaign upper */
.decorr--bl { bottom: -80px; left: 53px;  position: absolute; width: 270px} /* hero lower */
.decorr--bl-campaign { bottom: -80px; left: 170px;  position: absolute; width: 270px} /* hero campaign lower */

.quote-row {
    margin-left: calc(50% - var(--global-vw, 100vw) / 2);
    margin-right: calc(50% - var(--global-vw, 100vw) / 2); 
    max-width: 100vw;
}
.quote-decor-our-mission {
	position:absolute;
	top: -64px;
	left: 27px;
}

/* darmowy ebook - quotes na przycisku */
/* .ebook-btn-quotes::before,
.ebook-btn-quotes::after {
	content: "";
  	width: 195px;
 	position: absolute;
	aspect-ratio: 1 / 1;
	pointer-events: none;
 	z-index: 2;
}

.ebook-btn-quotes::before {
  background: url('wp-content/uploads/2025/12/quotes-btn-top-dt.svg') no-repeat center / contain;
		left: -138px;
		top: 0px;
}


.ebook-btn-quotes::after {
  background: url('/wp-content/uploads/2025/12/quotes-btn-bottom-dt.svg') no-repeat center / contain;
		right: -138px;
		bottom: 0px;
}

@media (max-width: 767px) {
	#app-modal-window::before {
		width: 140px;
		left: -2px;
		top: -60px;
	}
	#app-modal-window::after {
		width: 140px;
		right: -2px;
		bottom: -80px;
	}
}  */

 .btn-quotes {
	position: absolute !important;
	display: block;
}

.btn-quotes-top {
	left: 16vw;
		top: 1vh !important;
}
.btn-quotes-bottom {
	right: 16vw;
	bottom: -1vh !important;
}

@media (max-width: 1023px) { 
	.decorr--tr { top: -18px; right: 18px;  width: 80px;} /* hero upper */
	.decorr--tr-campaign { top: -8px; right: 8px;  width: 80px;} /* hero campaign upper */
	
	.decorr--bl { bottom: -30px; left: 30px;  width: 130px} /* hero lower */
	.decorr--bl-campaign { bottom: 20px; left: -20px; width: 130px} /* hero campaign lower */

	.quote-row { width: 250px}
	.btn-quotes-top {	left: 7vw; }
	.btn-quotes-bottom { right: 7vw}


}
@media (max-width: 767px) {
	.decorr--tr { top: -16px; right: 16px;  width: 60px;} /* hero upper */
	.decorr--bl { bottom: -15px; left: 24px;  width: 90px} /* hero lower */
	.quote-row { width: 190px}
	.quote-decor-our-mission {
		width: 120px;
		top: -26px;
		left: 27px;
}
	.btn-quotes-top {	left: 7vw; width: 23%; top: 4vh;}
	.btn-quotes-bottom { right: 7vw; width: 23%; bottom: 4vh;}
}
/* MODAL - dekor */
#app-modal-window {
	position: relative;
	overflow: visible;
}

#app-modal-window::before,
#app-modal-window::after {
	content: "";
  	width: 195px;
 	position: absolute;
	aspect-ratio: 1 / 1;
	pointer-events: none;
 	z-index: 2;
}


#app-modal-window::before {
  background: url('/wp-content/uploads/2025/11/tear-modal-upper-d.svg') no-repeat center / contain;
		left: -138px;
		top: 0px;
}


#app-modal-window::after {
  background: url('/wp-content/uploads/2025/11/tear-modal-lower-d.svg') no-repeat center / contain;
		right: -138px;
		bottom: 0px;
}

@media (max-width: 767px) {
	#app-modal-window::before {
		width: 140px;
		left: -2px;
		top: -60px;
	}
	#app-modal-window::after {
		width: 140px;
		right: -2px;
		bottom: -80px;
	}
}