body {
      background: url('../img/bg-pattern.jpg') repeat;
      font-family: 'Georgia', serif;
      color: #333;
    }
    @media (max-width: 992px) {
    /* CSS dla ekranów 992px i mniejszych */
    nav.navbar  {
        position: sticky;
    }
    #news .card .row{
        height: auto!important;
    }
    }
    nav.navbar {
      background-color: rgba(70, 78, 39, 0.44);
    }
    nav a.nav-link, nav a.navbar-brand {
      color: #fff !important;
      font-weight: 500;
    }
    nav a.nav-link:hover {
      color: #d4af37 !important; /* złoty akcent */
    }
    .navbar {
      --bs-navbar-toggler-border-color: white;
      --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    .carousel-caption h1 {
      font-size: 3rem;
      font-weight: bold;
      text-shadow: 2px 2px 8px #000;
    }
    .lux-section {
      padding: 40px 0;
    }
    .lux-title {
      text-align: center;
      font-size: 2.5rem;
      margin-bottom: 40px;
    }
    .white-text {
      color: #eee2ca;
    }
    footer {
      color: #fff;
      padding: 40px 0;
      text-align: center;
      border-block-start: #ffffff12;
      border-block-start-width: medium;
      border-block-start-style: none;
      border-block-width: 2px;
      border-block-style: solid;
    }
    .custom-border {
      border-width: 2px;
      border-style: solid;
      border-radius: 0px !important;
      border-color: #d9c387;
    }
    .custom-border-f1 {
      border-color: #906f28;
      border-width: 2px;
      border-style: solid;
      display: inline-flex;
    }
    .custom-border-f2 {
      border-color: #0f0800;
      border-width: 2px;
      border-style: solid;
      display: inline-flex;
    }
    .custom-button {
      padding: 2px;
      padding-left: 15px;
      padding-right: 15px;
      color: white;
    }
    .contact-btn {
      position: fixed;      /* przykleja do ekranu */
      right: 0;              /* lewa krawędź */
      bottom: 0px;             /* wyśrodkowanie w pionie */
      transform: translateY(-50%); /* dokładne wycentrowanie */
      z-index: 1050;        /* ponad slider i navbar */
      border-radius: 8px 0 0 8px;  /* lekko zaokrąglone prawe narożniki */
      border-right: 0;
      padding: 10px 15px;
      --bs-btn-bg: #8d6c27;
      --bs-btn-border-color: #d9c3875e;
      --bs-btn-hover-color: #d9c387;
      --bs-btn-hover-bg: #ec;
      --bs-btn-hover-border-color: #ec;
    }
    .col-dog {
        float: left;
        padding: 0 0.5rem;
        width: 100%;
    }

    @media (min-width: 576px) { /* sm */
        .col-dog { width: 50%; }
    }
    @media (min-width: 768px) { /* md */
        .col-dog { width: 33.3333%; }
    }
    @media (min-width: 992px) { /* lg */
        .col-dog { width: 20%; } /* 5 na wiersz */
    }
    @media (min-width: 1200px) { /* xl */
        .col-dog { width: 16.6667%; } /* 6 na wiersz */
    }
    .dog-image {
        width: 180px;
        height: 190px;
        object-fit: cover;
        object-position: center;
        display: block;
        margin: 0 auto;
        border-radius: 8px; /* opcjonalnie */
    }

    .dog-link {
        display: block;
        color: inherit;
        text-decoration: none;
    }
    .dog-link:hover {
        opacity: 50%
    }
    .img-fluid {
        width: 100%;
        height: 100%;
		max-height: 216px;
        object-fit: cover;
        object-position: center;
        border-radius: 0 !important;
    }
    .news-card {
        background: url('../img/bg-pattern-sec.jpg') repeat;
        color: #2d3817;
        border-color: #906f28;
        border-width: 2px;
        border-style: solid;
        border-radius: 0;
    }
    #news .news-card > .row{
        border-color: #0f0800;
        border-width: 2px;
        border-style: solid;
        display: inline-flex;
    }
    #news .card .row{
        height: 220px;
    }
    .wp-block-post-featured-image a{
        height: auto;
    }
    a {
      color: #2d3817;
      text-decoration: none;
    }
    a:hover {
      color: #d4af37; /* złoty akcent */
      text-decoration: none;
    }
    #news .card p, h5 {
      text-align: justify;
    }
    #welcome,#laureaci,#contact .card {
      background: url('../img/bg-pattern-sec.jpg') repeat;
      color: #2d3817;
    }
    #welcome .lux-title, #laureaci .lux-title {
      text-align: left!important;
    }
    #puppies, #contact {
      color: white;
      background-color: #ffffff08;
    }
    #puppies .lux-title, #contact .lux-title {
      text-align: left!important;
    }
    #puppies a, #contact a {
      float: right;
    }
    #archive .news-card {
        display: flex;
        flex-direction: row;
        width: 100%;
    }

    #archive .card-img-top {
        object-fit: cover;
        height: 250px;
    }

    #archive .archive-readmore {
        color: #2d3817;
        text-decoration: none;
        font-weight: 500;
    }

    #archive .archive-readmore:hover {
        text-decoration: underline;
    }

    #archive .card-body {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    #archive .pagination .page-link {
        color: #2d3817;
        background: url('../img/bg-pattern-sec.jpg') repeat;
        background-color: #f8f9fa; /* kolor jak karty możesz dopasować */
        border-color: #dee2e6;
    }

    #archive .pagination .page-item.active .page-link {
        background: url('../img/bg-pattern-sec.jpg') repeat;
        opacity: 80%;
        background-color: #dfe3d1; /* kolor aktywnej strony dopasowany do kart */
        border-color: #dee2e6;
        color: #2d3817;
    }

    #archive .pagination .page-link:hover {
        opacity:50%;
        background: url('../img/bg-pattern-sec.jpg') repeat;
        background-color: #dfe3d1;
        color: #2d3817;
    }
    #content-single,
    #content-page {
        background-color: #f5f5f0;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    #content-single .content-single-title,
    #content-page .content-single-title {
        color: #2d3817;
    }

    #content-single .content-single-meta,
    #content-page .content-single-meta {
        font-size: 0.9rem;
        color: #555;
    }

    #content-single .content-scrollable,
    #content-page .content-scrollable {
        max-height: 320px;
        overflow-y: auto;
        padding-right: 0.5rem;
    }

    #content-single .content-scrollable::-webkit-scrollbar,
    #content-page .content-scrollable::-webkit-scrollbar {
        width: 6px;
    }

    #content-single .content-scrollable::-webkit-scrollbar-thumb,
    #content-page .content-scrollable::-webkit-scrollbar-thumb {
        background-color: #ccc;
        border-radius: 3px;
    }

    #content-single .content-scrollable::-webkit-scrollbar-track,
    #content-page .content-scrollable::-webkit-scrollbar-track {
        background: transparent;
    }

    #content-single .content-single-img,
    #content-page .content-single-img {
        max-height: 322px;
        object-fit: cover;
        width: 100%;
    }

    #content-single .custom-button,
    #content-page .custom-button {
        display: inline-block;
        background-color: #fff;
        color: #2d3817;
        border: 2px solid #2d3817;
        padding: 0.5rem 1rem;
        border-radius: 5px;
        text-decoration: none;
        font-weight: 600;
        transition: all 0.3s ease;
    }

    #content-single .custom-button:hover,
    #content-page .custom-button:hover {
        background-color: #2d3817;
        color: #fff;
    }
    /* Sekcja content-none */
    #content-none {
        background-color: #f5f5f0;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    #content-none .content-none-title {
        color: #2d3817;
    }

    #content-none .content-none-meta {
        font-size: 0.9rem;
        color: #555;
    }

    #content-none .custom-button {
        display: inline-block;
        background-color: #fff;
        color: #2d3817;
        border: 2px solid #2d3817;
        padding: 0.5rem 1rem;
        border-radius: 5px;
        text-decoration: none;
        font-weight: 600;
        transition: all 0.3s ease;
    }

    #content-none .custom-button:hover {
        background-color: #2d3817;
        color: #fff;
    }
    /* Sekcja komentarzy */
    #comments {
        background-color: #f5f5f0;
    }

    #comments h3, 
    #comments h4 {
        color: #2d3817;
    }

    #comments .btn-custom {
        background-color: #fff;
        color: #2d3817;
        border: 2px solid #2d3817;
        padding: 0.5rem 1rem;
        border-radius: 5px;
        font-weight: 600;
        transition: all 0.3s ease;
    }

    #comments .btn-custom:hover {
        background-color: #2d3817;
        color: #fff;
    }

    #comments .comment-list li {
        list-style: none;
    }
    /* automatyczny wrapper dla TablePress */
    .tablepress {
        max-width: 100%;
        overflow-x: auto;
        display: block;
        -webkit-overflow-scrolling: touch;
    }