/*
Theme Name: wp_theme
Author: arturkosinski.pl
Author URI: https://arturkosinski.pl
Version: 1.0
*/

.cky-consent-bar button { display: inline-block; width: auto!important; margin: 0!important; height:auto!important }
.tileImg img { aspect-ratio:5/3; object-fit:cover }
.wcag a, .logoutLink { text-decoration: none; }
#resetPassSection .mes { margin-bottom: 2rem; }
/* === WSPÓLNE ELEMENTY === */
label{font-weight:600;margin-top:1rem;margin-bottom:.5rem;display:block;}
input,select{display:block;width:100%;height:44px;line-height:44px;padding-left:1rem;margin-bottom:1rem;font-size:1rem;background:#fff;border:1px solid #e7e7e7;border-radius:.25rem;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;}
button{width:100%;height:60px;line-height:60px;background:#1e73be;color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:.25rem;cursor:pointer;margin-top:1rem;padding:0;}
button:hover,.btnAdd:hover,.comment-form .btn:hover{background:#195f9a;}
hr.divider{margin:2rem 0;border:none;border-top:1px solid #e7e7e7;}
.msg{padding:1rem;border-radius:.25rem;margin-top:1.5rem;text-align:center;}
.msg.success{background:#e5f8e9;border:1px solid #b8e0c2;color:#2f7a3a;font-weight:600;}
.msg.error{background:#fbeaea;border:1px solid #e4b2b2;}
.msg.success a{font-weight:600;text-decoration:none;margin-left:.25rem;}
.msg.success a:hover{text-decoration:underline;}

/* === MOJE KONTO === */
.kontoTabs{display:flex;gap:2rem;margin-bottom:2rem;}
.tabBtn{flex:1;height:60px;background:#1e73be;color:#fff;font-weight:600;border:none;border-radius:.25rem;cursor:pointer;}
.tabBtn.active{background:#195f9a;}
.tabContent{display:none;}
.tabContent.active{display:block;}
.kontoItem{border:1px solid #e7e7e7;border-radius:.25rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 0 1rem 0 rgba(0,0,0,.05);}
.deleteLink{color:#cc0000!important;text-decoration:none;font-weight:500;}
.logout{margin-top:2rem;text-align:center;}
.logout a{text-decoration:none;font-weight:500;}
.logout a:hover{text-decoration:underline;}
.authWrapper,.authSection,.grafenKalkulator{max-width:640px;margin:0 auto;padding:0;}
.authSection h2{margin-bottom:1rem;}
.info a{text-decoration:none;font-weight:500;}
.info a:hover{text-decoration:underline;}
.breadcrumbs{font-size:.875rem;}
#language-switcher{display:none!important;}
.login-remember label{display:flex;font-weight:normal;}
.login-remember label input{margin:0 .75rem 0 0;}

/* === SINGLE (Wyceny / Pliki klienta) === */
.commentItem{border:1px solid #e7e7e7;border-radius:.25rem;padding:1rem 1.25rem;margin-bottom:1rem;background:#fafafa;}
.commentItem.adminComment { border: 1px solid #1e73be;   }
.commentMeta{font-size:.875rem;color:#666;margin-bottom:.5rem;}
.commentText{font-size:1rem;}
.rola{display:inline-block;padding:.1rem .5rem;border-radius:.25rem;font-size:.75rem;color:#fff;margin-left:.5rem; display: none;}
.rola.admin{background:#1e73be;}
.rola.user{background:#999;}
.commentFormWrap{margin-top:2rem;padding:1.5rem 2rem;border:1px solid #e7e7e7;border-radius:.25rem;background:#f9f9f9;}
.commentFormWrap h3{margin-top:0;margin-bottom:1rem;font-size:1.25rem;}
.comment-form textarea{width:100%;box-sizing:border-box;border:1px solid #d8d8d8;border-radius:.25rem;padding:1rem;font-size:1rem;line-height:1.4;margin-bottom:1rem;background:#fff;}
.comment-form .btn{background:#1e73be;color:#fff;font-weight:600;border:none;border-radius:.25rem;height:48px;line-height:48px;padding:0 2rem;cursor:pointer;}

/* === TABELA WYCEN === */
.tabelaKalkulatora{width:100%;border-collapse:collapse;margin-top:1.5rem;margin-bottom:1rem;border-radius:.25rem;overflow:hidden;}
.tabelaKalkulatora th,.tabelaKalkulatora td{border:1px solid #e7e7e7;padding:.75rem 1rem;text-align:left;}
.tabelaKalkulatora th{background:#f5f8fc;}
.sumaWyceny{background:#f5f8fc;border:1px solid #e1e7f0;border-radius:.25rem;padding:1rem;margin-top:1rem;font-size:1.25rem;text-align:right;}
.zalaczonePliki{list-style:none;padding:0;}
.zalaczonePliki li{margin-bottom:.5rem;}

/* === KALKULATOR === */
.btnAdd{background:#195f9a;height:44px;line-height:44px;margin-top:.5rem;font-weight:600;letter-spacing:.5px;}
.wynikCzesciowy{margin:.5rem 0;font-weight:600;}
.wynikLacznyBox{background:#f5f8fc;border:1px solid #e1e7f0;border-radius:.25rem;padding:1.5rem;margin:2rem 0;text-align:center;}
.wynikLacznyBox h2{font-size:1.4rem;margin-bottom:.5rem;}
.wynikLacznyBox p{font-size:1.8rem;font-weight:700;margin:0;}





/* kontakt fixy */
.page-template-page-kontakt #contact { background: none!important; }
.page-template-page-kontakt #contact .bg { display: none; }
.page-template-page-kontakt #contact .cLeft { color: #000!important; }
.footerLogo img { max-width: 768px; display: block; margin: 0 auto; }

.page-id-706 .pageBlock img { aspect-ratio:4/3; object-fit:cover; }


#breadcrumbsWrapper, .topBar { font-size: 80%; }
.pageIntroContent { padding: 0 0 4rem 0; }
.home .introContent { min-height: 70vh; height:768px;  display: flex; flex-direction:column; justify-content:center; }
.home .introContentInner { max-width: 880px; }
.baner { padding: 15rem 0; }
footer { padding: 5rem 0; }
.pageIntroWrapper, .home .introContent { position: relative; z-index: 1; }



/* Font */
html { font-size: 16px; }
body { font-size: 1rem; line-height: 1.65; }
/*h1, h2, h3, h4, h5, h6 { line-height: 1.4; }*/
#singleContent .narrow h2, #singleContent .narrow h3, #singleContent .narrow h4, #singleContent .narrow h5, #singleContent .narrow h6 { margin-top: 3rem; }
#singleContent .narrow h2:first-child, #singleContent .narrow h3:first-child, #singleContent .narrow h4:first-child, #singleContent .narrow h5:first-child, #singleContent .narrow h6:first-child { margin-top: 0; }

/* Colors */
input, textarea, input[type="checkbox"], select.orderby, select {  border: 1px solid #e7e7e7!important; background: #fff; }
select { background: url(images/icons/down.svg) center right 1rem no-repeat!important; background-size: 10px auto!important;  }
.owl-dot span { background: #fff; opacity: .3 }
.owl-dot.active span, .owl-dot  span:hover { background: #fff; opacity: 1; }
span.page-numbers { border: 1px solid #e7e7e7; }
#mobileMenu { background: #fff; }
#mobileMenu ul li a { color: #000!important; }
.postMeta { border-bottom: 1px solid #e7e7e7; }

/* Btn */
.btn { display: inline-flex; justify-content: center; align-items: center; width: auto; height: 50px; text-align: center; text-decoration: none!important; border: none; padding: 0 2rem; }
.smallBtn { display: inline-flex; height: auto; padding-top: 0.5rem; padding-bottom: 0.5rem; }

/* Arrows */
/* .owl-prev, .owl-next, #cboxNext, #cboxPrev, #cboxClose { border-radius: 1.5rem } */
.owl-prev, .owl-next, #cboxNext, #cboxPrevious, #cboxClose { width: 3rem; height:3rem }
.owl-prev { left: -2rem; background: url(images/icons/white/left.svg) center center no-repeat #000; background-size: .75rem auto }
.owl-next { right: -2rem; background: url(images/icons/white/right.svg) center center no-repeat #000; background-size: .75rem auto }
#cboxNext { margin-top: -2rem; width: 3rem; height: 3rem; background: url(images/icons/white/right.svg) center center no-repeat #000; background-size: .75rem auto }
#cboxPrevious { margin-top: -2rem; width: 3rem; height: 3rem; background: url(images/icons/white/left.svg) center center no-repeat #000; background-size: .75rem auto }
#cboxClose { width: 3rem; height: 3rem; background: url(images/icons/white/close.svg) center center no-repeat #000; background-size: .75rem auto }
#gotop, #gotop:hover { background-size: .75rem auto!important; }
@media all and (max-width: 767px){ .owl-next { display: none !important; } .owl-prev { display: none !important; } }

/* Underline */
#breadcrumbs a { text-decoration: underline; }
.menuBtn, #breadcrumbs a:hover { text-decoration: none; }

.post { align-items: flex-start; }
.post .postDate img { border-radius: 0!important }
.post .postDate { opacity: .5; }
.postCover { overflow: hidden; display: block; }
.postCover img { transition: .3s; }
.postCover:hover img { transform: scale(1.1); transition: .3s; }
#hero .con { position: relative; z-index: 1; }
.videoBg { object-fit: cover; width: 100%; height:100% }
.tile:nth-child(even) .tileImg { order: 2 }
.tf > *:last-child, .footerContent > *:last-child , .faqA > *:last-child, .pageBlock .tf > *:last-child, .cItem:last-child {margin-bottom: 0;}
.pageBlockGal { column-count: 3; column-gap: 2rem; }
@media all and (max-width: 767px) { .pageBlockGal { column-count: 2; } }
.pageBlockGal a { break-inside: avoid; display: block; margin-bottom: 1rem; }
.pageBlockGal img { display: block; width: 100%; height: auto; }
.faqQ { cursor: pointer; }
.faqArrow {display: inline-block;transition: transform 0.3s ease;margin-left: 1rem;transform: rotate(180deg);}
.faqItem.open .faqArrow { transform: rotate(0deg);}
#mobileMenu #logo2 img { margin: 0 auto 2rem;  display: block;}
.sidebar [type="submit"] img { border-radius: 0!important; }
@media all and (max-width: 1023px){ .single .postMeta > div { margin: .5rem 0; } }
header { position: relative; z-index: 99999!important; }






/*******************
 *******************

        RWD 

 *******************
 *******************/



@media all and (min-width: 1200px){
    
    
}

@media all and (min-width: 1024px) and (max-width: 1199px){

    #contact .px5 { padding-left: 0; padding-right: 0; }

}

@media all and (max-width: 1199px){

#mobileMenu .menuBtn { max-width:300px; margin: 2rem auto; }
.heading.px5 { padding-left: 0; padding-right: 0; }

#mobileMenu .logoutLink, #mobileMenu .btn { margin: 0 auto; }
#logo img, #logo2 img { width: 140px; }
.topWcag { margin-left: auto; margin-right: 4rem; }

.home .introContent { min-height:600px; height: auto; }
#mobileMenu .logoutLink { display: block; margin-top: 1.5rem !important; }

    
}

@media all and (max-width: 1023px){

       #contact .px5 { padding-left: 0; padding-right: 0; }
       .footerLogo img { max-width: 100% }
       #logo img { width: 140px; }
       header.py2 { padding: 1rem 0; }
       
}

@media all and (max-width: 854px){

iframe[src*="youtube.com"],iframe[src*="youtu.be"] { width: 100% !important; height: auto; aspect-ratio: 16 / 9; display: block; }
}

@media all and (max-width: 767px){

.faqArrow { display: block; width: 12px; margin: 0; }
.faqQ { padding-left: 1rem; padding-right: 1rem; display: block; }
.cRight { padding: 2rem ; }
footer { padding-top: 1rem; }
.topWcag { margin-right: 3rem; }
.ueFlagTopBar { width: 40px; margin-left: 1rem; }
    
}

@media all and (max-width: 479px){

}