.blog-se {
  padding-top: 60px;
  padding-bottom: 80px;
}
.blog-se .text-col{
  text-align: center;
  margin-bottom: 40px;
}
.blog-se h2{
  margin-bottom: 20px;
}
.blog-se .pagination{
  margin-top: 50px;
}
.blog-col{
  margin-bottom: 40px;
}
@media(max-width:768px){
  .blog-se {
    padding-top: 40px;
    padding-bottom: 0px;
}
.blog-se .pagination {
    margin-top: 10px;
}
}
.znak{
    height: 218px !important;
    position: absolute;
    z-index: 1;
}
.blog-se .container{
  z-index: 2;
  position: relative;
}
.blog-se img{
  max-width: 100%;
  height: 300px;
  object-fit: cover;
}
.blog-item h4 a{
  color: #000000;
}
.blog-item h4{
  margin-top: 15px;
  margin-bottom: 15px;
}

.blog-item {
    height: 100%;
    display: flex;
    flex-direction: column;
    color: inherit;
}
.blog-item .read-more{
  margin-top: auto;
  padding-top: 30px;
  color: #093146;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1.4px;
}

.blog-item:hover .read-more{
  color: #0085AA;
  text-decoration: underline;
}
.blog-item:hover h4{
  text-decoration: underline;
}

.lwptoc_title{
  font-size: 20px;
  font-weight: 500;
}
.lwptoc_item{
  margin-top: 5px;
  margin-bottom: 5px;
}
.lwptoc_items{
  margin-left: 10px;
}
.realization-content-se a{
  color: #0085AA;
  text-decoration: underline;
}
.post-info {
    display: flex;
    gap: 20px;
    margin-top: 30px;
}
.post-info .date, .post-info .author {
    display: flex;
    align-items: center;
    gap: 5px;
}
.author-info{
    display: flex;
    align-items: center;
    background: #E6F3F7;
    position: relative;
    margin-top: 80px;
}
.author-info img{
  width: 210px !important;
  height: 100% !important;
  max-width: 100%;
}
.realization-content-se .author-info .photo {
    margin-top: 0;
    position: absolute;
    margin-bottom: 0;
    right: 0;
    width: 25%;
    height: 120%;
}
.realization-content-se .author-info .text {
    padding: 30px !important;
    width: 75%;
}
.author-info h2{
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 1.6px;
}
.realization-content-se{
  padding-bottom: 80px;
}
.realization-content-se .realization-col{
  padding-bottom: 60px !important;
}



.comment-list .children {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 80px; /* odsunięcie odpowiedzi w prawo – zwiększ, jeśli awatary się nakładają */
}

.comment-wrapper {
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

.comment-avatar {
    flex-shrink: 0; /* awatar nie zmniejsza się */
}

.comment-avatar img {
    width: 74px;
    height: 74px;
    object-fit: cover;
}



/* Dla głębszych poziomów – opcjonalnie mniejszy awatar */
.comment-list .children .comment-avatar img {
    width: 74px;
    height: 74px;
}

.comment-list .children .comment-wrapper {
    gap: 12px;
}

.comment-content{
  background: #FAFAFA;
  padding: 20px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.comments-area ol{
  list-style-type: none;
}
.comment-reply-link{
    color: #0085AA;
    font-weight: 600;
    text-decoration: underline;
}
.comment .reply{
  margin-top: 20px;
}
.comment-date{
    font-size: 14px;
    color: #414B5A;
    margin-bottom: 20px;
}
.comment-form-comment{
  display: flex;
  flex-direction: column;
}
.comment-form p{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
}
.comment-form textarea{
    border: 1px solid #CDDCDF;
    padding: 10px;
    font-size: 16px;
    border-radius: 4px;
    height: 139px;
    font-family: 'DMSans'
}
.comment-form p label{
  margin-bottom: 15px;
}
.author-data {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 20px;
}
.comment-form input{
    border: 1px solid #CDDCDF;
    padding: 10px;
    font-size: 16px;
    border-radius: 4px;
    width: 100%;
}
.comment-form-cookies-consent{
  display: none;
}
.author-data input{
  margin-top: 15px;
}
.comment-form .submit{
    background: #0085AA;
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
    border: 1px solid #0085AA;
    padding: 15px 35px;
    margin-top: 25px;
    letter-spacing: 1.6px;
    position:relative;
}

.comment-form .submit::after {
  content: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.23549 9.15046L7.86142 5.69934C5.21162 5.6874 2.60054 5.67589 8.56782e-05 5.66413C0.0202642 5.22058 0.0395026 4.79712 0.0602229 4.34812C2.66065 4.36046 5.27198 4.37283 7.91659 4.38533L4.61641 0.910727L5.57328 -3.68512e-06L10.3722 5.05252L5.10491 10.0658L4.23576 9.15074L4.23549 9.15046Z' fill='white'/%3E%3C/svg%3E");
  position: absolute;
  right: 12px;                  /* początkowo schowana / mało widoczna */
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: all 0.2s ease-out;
}
.comment-form .submit:hover::after {
  right: 25px;                  /* strzałka wjeżdża */
  opacity: 1;
}
.comment-form .submit:hover {
    background: #093146 !important;
    color: #FFF !important;
    padding-left: 22px !important;
    padding-right: 48px !important;
    cursor: pointer;

}

.comments-se h3{
  margin-bottom: 20px;
}
.comment-list{
  margin-bottom: 40px;
  margin-top: 40px;
}
.comments-se{
  padding-top: 40px;
  padding-bottom: 40px;
}
.comment-reply-title {
    font-size: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.comment-respond{
  margin-top: 20px;
  margin-bottom: 20px;
}
.comment-reply-title a{
  color: #0085AA;
  text-decoration: underline;
}
.realizations-se h2{
  margin-bottom: 30px;
}
.realizations-se {
  padding-bottom: 80px;
}
@media(max-width:768px){
  .realization-content-se .author-info .text {
    padding: 20px !important;
    width: 100%;
}
.author-info {
    display: flex;
    align-items: center;
    background: #E6F3F7;
    position: relative;
    margin-top: 110px;
    flex-direction: column-reverse;
}
.realization-content-se .author-info .photo {
    margin-top: -60px;
    position: relative;
    margin-bottom: 0;
    /* right: 0; */
    width: 100%;
    display: flex;
    justify-content: center;
}
.realization-content-se {
    padding-bottom: 0;
}
.comment-wrapper{
  flex-direction: column;
}
.comment-list .children {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 30px;
}
.comments-area ol{
  margin-left: 0;
}
.comments-se {
    padding-top: 0px;
    padding-bottom: 40px;
}
.author-data{
  flex-direction: column;
}
.realizations-se .realization-col{
  margin-bottom: 40px;
}
.realizations-se {
    padding-bottom: 40px;
}
.znak{
  display: none;
}
}