/*
Theme Name: Flowia
Theme URI: 
Author: Flowia theme based on Twenty Twenty-Four
Author URI: https://esale.com.pl
Description: Flowia theme based on Twenty Twenty-Four. Theme is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Requires at least: 6.4
Tested up to: 7.0
Requires PHP: 7.0
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: flowia
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

body {
    margin-top:-20px !important;
}

h1 {
    
    font-weight:bold;
}
.home h1{
    color:white;
    
   
}

.products-container-home, .coop-container, .clients-container{
    background-color:white;
}

.hero-home{
    min-height: 1050px !important;
    background-color: rgb(25, 14, 10);
}
.hero-home p{
    margin-top: 15px;
    margin-bottom: 15px;
}

.hero-home video.wp-block-cover__video-background {
  object-fit: cover;
  object-position: center center;
}

.wp-block-post-title{
	display:none;
}

header {
   position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99999; 
}

header .wp-block-buttons{
    margin-left:20px !important;
    margin-right:20px !important;
}

    .hero-home-text {
        max-width: 500px;
            margin-left: 0px !important;
    }  

h1, h2, h3, h4{
    color: #17422f;
    margin-bottom: 10px !important;
}



.about-us-container h2{

    font-weight: bold;
}

.oferta-pozycja {
    position: relative;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    grid-template-areas:
        "number title"
        "number description";
    column-gap: 16px;
    padding: 20px 0;
    border-top: 1px solid rgba(23, 66, 47, 0.22);
}

.oferta-pozycja::before {
    grid-area: number;
    align-self: start;
    color: #9b8b6d;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.oferta-pozycja:nth-of-type(1)::before {
    content: "01";
}

.oferta-pozycja:nth-of-type(2)::before {
    content: "02";
}

.oferta-pozycja:nth-of-type(3)::before {
    content: "03";
}

.oferta-pozycja h3 {
    grid-area: title;
    width: 100%;
    margin: -5px 0 6px;
    color: #17422f;
    font-family: inherit;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.2;
    text-align: left !important;
}

.oferta-pozycja p {
    grid-area: description;
    width: 100%;
    max-width: none;
    margin: 0;
    color: #56615b;
    font-size: 15px;
    line-height: 1.55;
    text-align: left !important;
}

.oferta-opakowania {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 0;
    padding: 19px 0;
    border-top: 1px solid rgba(23, 66, 47, 0.22);
}

.oferta-opakowania strong {
    color: #17422f;
    font-size: 15px;
}

.oferta-opakowania span {
    color: #56615b;
    font-size: 14px;
}


.oferta-przycisk .wp-block-button__link:hover {
    background: #195339 !important;
}

.wp-block-button__link:hover{
    background: #195339 !important;
}

/* Pojedynczy punkt sekcji */
.shimpent-info-block {
    height: 100%;
    padding: 24px 28px !important;
    border-top: 2px solid rgba(228, 227, 227, 0.418);
    border-right: 2px solid rgba(228, 227, 227, 0.418);
    box-sizing: border-box;
}

/* Usunięcie prawej linii z ostatniej kolumny */
.wp-block-column:last-child .shimpent-info-block {
    border-right: 0;
}

/* Numer */
.shimpent-info-block > p:first-child {
    margin: 0 0 16px;
    color: #d2b98c;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
}

.shipment-info-row {
    gap: 0 !important;
    margin-top: -25px !important;
}

/* Nagłówek */
.shimpent-info-block h4 {
    margin: 0 0 12px;
    color: #ffffff !important;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
}

/* Opis */
.shimpent-info-block h4 + p {
    margin: 0;
    color: #bbbbbb !important;
    line-height: 1.65;
}

/* Usuwa domyślne odstępy Gutenberga wewnątrz punktu */
.shimpent-info-block > * {
    margin-block-start: 0;
}

.advantages-container h2, .contact-container h2, .clients-container h2{

    font-weight:bold;
}

.flowia-form {
    width: 100%;
}

.flowia-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 20px;
}

.flowia-form label {
    display: block;
    margin: 0;
}

.flowia-form label > span:first-child {
    display: block;
    margin-bottom: 7px;
    color: #37483f;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.04em;
}

.flowia-form input:not([type="checkbox"]),
.flowia-form select,
.flowia-form textarea {
    display: block;
    width: 100%;
    margin: 0;
    padding: 13px 14px;
    border: 1px solid #d7dbd8;
    border-radius: 0;
    background: transparent;
    color: #17231d;
    font: inherit;
    line-height: 1.4;
    box-sizing: border-box;
    outline: none;
}
.flowia-form input, textarea, select {
    background-color: white !important;
}



.flowia-form input:not([type="checkbox"]),
.flowia-form select {
    min-height: 48px;
}

.flowia-form textarea {
    min-height: 140px;
    resize: vertical;
}

.flowia-form input:focus,
.flowia-form select:focus,
.flowia-form textarea:focus {
    border-color: #17422f;
}

.flowia-form-message {
    margin-top: 18px !important;
}

.flowia-form-consents {
    margin-top: 20px;
}

.flowia-form-consents .wpcf7-list-item {
    display: block;
    margin: 0 0 12px;
}

.flowia-form-consents label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #59635e;
    font-size: 13px;
    line-height: 1.5;
}

.flowia-form-consents input[type="checkbox"] {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin: 2px 0 0;
    accent-color: #17422f;
}

.flowia-form-consents a {
    color: #17422f;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.flowia-form-submit {
    margin-top: 22px;
}
.wp-block-button:hover{
    background: #195339 !important;

}
.flowia-form input[type="submit"] {
    width: auto;
    min-height: 48px;
    padding: 13px 35px;
    border: 1px solid #17422f;
    border-radius: 5px;
    background: #17422f !important;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.flowia-form input[type="submit"]:hover {
    background: #195339 !important;
    border-color: #0f3323;
}

.flowia-form .wpcf7-spinner {
    margin: 0 0 0 12px;
}

.flowia-form .wpcf7-not-valid-tip {
    margin-top: 5px;
    font-size: 12px;
}

/* Usunięcie odstępów dodawanych przez Contact Form 7 i motyw */
.flowia-form-grid > p {
    margin: 0 !important;
    padding: 0 !important;
}

.flowia-form-grid label {
    margin: 0 !important;
    padding: 0 !important;
}

.flowia-form-grid br {
    display: none;
}

/* Kontrolowany odstęp pomiędzy wierszami */
.flowia-form-grid {
    row-gap: 18px !important;
    column-gap: 20px !important;
}

/* Odstęp etykiety od pola */
.flowia-form-grid label > span:first-child {
    margin: 0 0 7px !important;
}

/* Usunięcie ewentualnych odstępów spanów CF7 */
.flowia-form-grid .wpcf7-form-control-wrap {
    display: block;
    margin: 0;
}

.flowia-contact-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: inherit;
    text-decoration: none;
}

.flowia-contact-link svg {
    flex: 0 0 auto;
    color: #17422f;
}

.flowia-contact-link:hover {
    color: #17422f;
}


.person-block1{
    border-bottom: 2px solid grey;
}

.background{

  background: #131912;
  transition-duration:700ms;
}

.background .wp-block-site-logo {
    transform: scale(0.9);
    width:100px;
     transition-duration:700ms;
}
/*
.background.scale .wp-block-site-logo {
   
    transform: scale(0.6);
      transition-duration:700ms;
}

.background.width .wp-block-site-logo {
    width:100px;
   
      transition-duration:700ms;
}
*/

.page-id-231{
    background-color:white;
}

footer .copyrights{
   border-top: 1px solid grey;
}

.h1-subsite{
    margin-top:200px !important;
}

.about-us-person .person-container{
 max-width:70%;

}

.page-id-281 .flowia-contact-person {
    max-width: 520px;
}

.page-id-281 .flowia-contact-person h3 {
    margin: 0 0 18px;
    color: #17422f;
    font-size: clamp(2rem, 4vw, 3.5rem);
    line-height: 1.08;
}

.page-id-281 .flowia-contact-intro {
    max-width: 460px;
    margin: 0 0 38px;
    color: #4f5652;
    line-height: 1.65;
}

.page-id-281 .flowia-contact-details {
    padding-top: 25px;
    border-top: 1px solid #d7ddd9;
}

.page-id-281 .flowia-contact-details h4 {
    margin: 0 0 16px;
    color: #17422f;
    font-size: 1.25rem;
}

.page-id-281 .flowia-contact-link {
    display: flex;
    align-items: center;
    gap: 12px;
    width: fit-content;
    margin: 10px 0;
    color: #303632;
    text-decoration: none;
    transition: color 0.2s ease;
}

.page-id-281 .flowia-contact-link svg {
    flex: 0 0 20px;
    color: #17422f;
}

.page-id-281 .flowia-contact-link:hover {
    color: #17422f;
}

/* ==================================================
   PODSTRONA KONTAKT – PAGE ID 283
   ================================================== */

/* Główny kontener */
.page-id-283 .contact-container {
  
    margin: 0 auto;
    padding: clamp(45px, 6vw, 100px) !important;
    gap: clamp(50px, 7vw, 120px);
    align-items: stretch !important;
    background: #f7f5ef !important;
}

/* Proporcje kolumn */
.page-id-283 .contact-container > .wp-block-column:first-child {
    flex-basis: 38% !important;
}

.page-id-283 .contact-container > .wp-block-column:last-child {
    flex-basis: 62% !important;
}

/* ==================================================
   LEWA KOLUMNA
   ================================================== */

.page-id-283 .contact-left {
    align-self: stretch !important;
    padding: 0 clamp(10px, 2vw, 35px) 0 0 !important;
    border-right: 1px solid rgba(23, 66, 47, 0.18);
}

.page-id-283 .contact-left > .wp-block-group {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Dane firmy */
.page-id-283 .contact-left > .wp-block-group > .wp-block-group > p:first-child {
    max-width: 430px;
    margin: 0;
    color: #424945;
    font-size: 0.95rem;
    line-height: 1.75;
}

/* Nazwa firmy */
.page-id-283 .contact-left > .wp-block-group > .wp-block-group > p:first-child::first-line {
    color: #17422f;
    font-weight: 700;
    letter-spacing: 0.02em;
}

/* Kontakty */
.page-id-283 .contact-info {
    margin-top: clamp(35px, 5vw, 70px) !important;
    padding: 0 !important;
}

.page-id-283 .contact-person-block {
    padding: 24px 0 !important;
    border-top: 1px solid rgba(23, 66, 47, 0.2);
}

.page-id-283 .contact-person-block:last-child {
    border-bottom: 1px solid rgba(23, 66, 47, 0.2);
}

/* Usuwa niepotrzebne odstępy Gutenberga */
.page-id-283 .contact-person-block > * {
    margin-top: 0;
    margin-bottom: 0;
}

.page-id-283 .contact-person-block > p {
    margin-bottom: 14px;
}

.page-id-283 .contact-person-block strong {
    color: #17422f;
    font-size: 1.15rem;
}

/* Telefon i e-mail */
.page-id-283 .flowia-contact-link {
    display: flex;
    align-items: center;
    gap: 11px;
  
    margin: 9px 0;
    color: #333a36;
    line-height: 1.4;
    text-decoration: none;
    transition:
        color 0.2s ease,
        transform 0.2s ease;
}

.page-id-283 .flowia-contact-link svg {
    flex: 0 0 18px;
    color: #17422f;
}

.page-id-283 .flowia-contact-link:hover {
    color: #17422f;
    transform: translateX(3px);
}

/* Ukrycie ręcznych znaczników BR przy linkach */
.page-id-283 .contact-person-block > br {
    display: none;
}

/* ==================================================
   FORMULARZ CONTACT FORM 7
   ================================================== */

.page-id-283 .contact-container .wpcf7 {
    width: 100%;
}

.page-id-283 .flowia-form {
    width: 100%;
}

/* Usunięcie odstępów generowanych przez CF7 */
.page-id-283 .flowia-form p {
    margin: 0;
}

.page-id-283 .flowia-form label > br {
    display: none;
}

/* Pola w dwóch kolumnach */
.page-id-283 .flowia-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 24px;
    margin: 0 0 22px;
}

.page-id-283 .flowia-form-grid > p,
.page-id-283 .flowia-form-grid label,
.page-id-283 .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

/* Etykiety */
.page-id-283 .flowia-form label > span:first-child {
    display: block;
    margin-bottom: 8px;
    color: #26332c;
    font-size: 0.88rem;
    font-weight: 600;
}

/* Inputy, selecty i textarea */
.page-id-283 .flowia-form input[type="text"],
.page-id-283 .flowia-form input[type="email"],
.page-id-283 .flowia-form input[type="tel"],
.page-id-283 .flowia-form select,
.page-id-283 .flowia-form textarea {
    display: block;
    width: 100%;
    margin: 0;
    padding: 13px 15px;
    border: 1px solid #cfd5d1;
    border-radius: 0;
    outline: none;
    background: rgba(255, 255, 255, 0.82);
    color: #1d241f;
    font: inherit;
    box-shadow: none;
    transition:
        border-color 0.2s ease,
        background-color 0.2s ease;
}

.page-id-283 .flowia-form input[type="text"],
.page-id-283 .flowia-form input[type="email"],
.page-id-283 .flowia-form input[type="tel"],
.page-id-283 .flowia-form select {
    min-height: 54px;
}

/* Stan aktywny */
.page-id-283 .flowia-form input:focus,
.page-id-283 .flowia-form select:focus,
.page-id-283 .flowia-form textarea:focus {
    border-color: #17422f;
    background: #fff;
}

/* Wiadomość */
.page-id-283 .flowia-form-message {
    display: block;
    width: 100%;
}

.page-id-283 .flowia-form textarea {
    min-height: 190px;
    resize: vertical;
}

/* ==================================================
   ZGODY
   ================================================== */

.page-id-283 .flowia-form-consents {
    display: grid;
    gap: 10px;
    margin-top: 20px;
}

.page-id-283 .flowia-form-consents .wpcf7-list-item {
    margin: 0;
}

.page-id-283 .flowia-form-consents label {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    color: #59615c;
    font-size: 0.82rem;
    line-height: 1.45;
    cursor: pointer;
}

.page-id-283 .flowia-form-consents input[type="checkbox"] {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin: 1px 0 0;
    accent-color: #17422f;
}

.page-id-283 .flowia-form-consents a {
    color: #17422f;
    text-underline-offset: 3px;
}

/* ==================================================
   PRZYCISK
   ================================================== */

.page-id-283 .flowia-form-submit {
    margin-top: 25px;
}


.page-id-283 .flowia-form-submit input[type="submit"]:hover {
    background: transparent;
    color: #17422f;
}

.page-id-283 .flowia-form-submit input[type="submit"]:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

/* Komunikaty CF7 */
.page-id-283 .wpcf7 form .wpcf7-response-output {
    margin: 20px 0 0;
    padding: 13px 15px;
    border-
    
    width: 1px;
}

@media (hover: hover) and (pointer: fine) {

    /* Nawigacja w nagłówku */
    header .wp-block-navigation-item__content:hover {
        color: #d2b98c !important;
        transform: translateY(-1px);
    }

    /* Logo w nagłówku */
    header .wp-block-site-logo a:hover img {
        transform: scale(1.03);
        filter: brightness(1.08);
    }

    /* Zdjęcie w sekcji „Łączymy producentów z rynkiem” */
    body.home .about-us-container > figure:hover img {
        filter: brightness(1.04) contrast(1.02);
        box-shadow: 0 18px 40px rgba(23, 66, 47, 0.14);
    }

    /* Zdjęcie produktów */
    body.home .products-container-home > .wp-block-column:first-child figure:hover img {
        transform: scale(1.015);
        filter: brightness(1.03) contrast(1.02);
        box-shadow: 0 18px 45px rgba(23, 66, 47, 0.13);
    }

    /* Pozycje oferty: Vytautas, Akvilė, Sip Sap */
    body.home .oferta-pozycja:hover {
        transform: translateX(6px);
        border-top-color: rgba(23, 66, 47, 0.55);
        background-color: rgba(227, 237, 227, 0.32);
    }

    body.home .oferta-pozycja:hover::before {
        color: #17422f;
    }

    body.home .oferta-pozycja:hover h3 {
        color: #195339;
    }

    /* Cztery elementy usług na tle magazynu */
    body.home .shimpent-info-block:hover {
        background-color: rgba(255, 255, 255, 0.055);
        border-top-color: rgba(210, 185, 140, 0.75);
    }

    body.home .shimpent-info-block:hover > p:first-child {
        color: #ffffff;
    }

    /* Lista kanałów sprzedaży */
    body.home .coop-container .wp-block-columns .wp-block-column:hover {
        background-color: rgba(23, 66, 47, 0.055);
        color: #17422f;
    }

    /* Zdjęcie w sekcji współpracy */
    body.home .coop-container > .wp-block-column:last-child figure:hover img {
        transform: scale(1.015);
        filter: brightness(1.03) contrast(1.02);
        box-shadow: 0 18px 45px rgba(23, 66, 47, 0.13);
    }

    /* Cztery zalety firmy */
    body.home .advantages-container .wp-block-columns > .wp-block-column:hover {
        transform: translateY(-5px);
        background-color: rgba(255, 255, 255, 0.42);
        box-shadow: 0 14px 28px rgba(23, 66, 47, 0.08);
    }

    body.home .advantages-container .wp-block-columns > .wp-block-column:hover .has-x-large-font-size {
        color: #17422f !important;
    }

    /* Logotypy partnerów */
    body.home .clients-container .wp-block-gallery .wp-block-image:hover img {
        transform: translateY(-5px) scale(1.035);
        filter: contrast(1.06);
    }

    /* Linki w stopce */
    footer .wp-block-navigation-item__content:hover {
        color: #d2b98c !important;
        padding-left: 4px;
    }

    /* Logo w stopce */
    footer .wp-block-site-logo a:hover img {
        transform: scale(1.025);
        filter: brightness(1.1);
    }
}

/* ==================================================
   TABLET
   ================================================== */

@media (max-width: 1100px) {
    .page-id-283 .contact-container {
        gap: 50px;
    }

    .page-id-283 .contact-container > .wp-block-column:first-child {
        flex-basis: 36% !important;
    }

    .page-id-283 .contact-container > .wp-block-column:last-child {
        flex-basis: 64% !important;
    }
}


@media (max-width: 700px) {
    .flowia-form-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

@media (max-width:1244px){
    .advantages-container h2, .contact-container h2, .clients-container h2 {
        font-size: clamp(35.641px, 2.228rem + ((1vw - 3.2px) * 2.294), 65px);
    }
}

@media (min-width:1245px){
    .advantages-container h2, .contact-container h2, .clients-container h2{
        font-size:65px;
        font-weight:bold;
    }
    .hero-home h1{
        font-size:66px;
    }
}
@media (min-width:782px){
    .advantages-step-border{
        border-right:1px solid grey;
    }

}

/* Telefon */
@media (max-width: 781px) {
    .shimpent-info-block {
        padding: 22px 0 !important;
        border-right: 0;
    }
        .hero-home .wp-block-cover__background {
        background-color: #1c1d1c !important;
        opacity: 0.52 !important;
    }
        .page-id-283 .contact-container {
        padding: 45px 22px !important;
        gap: 45px;
    }

    .page-id-283 .contact-left {
        padding: 0 0 38px !important;
        border-right: 0;
        border-bottom: 1px solid rgba(23, 66, 47, 0.18);
    }

    .page-id-283 .contact-info {
        margin-top: 30px !important;
    }

    .page-id-283 .flowia-form-grid {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .page-id-283 .flowia-form textarea {
        min-height: 160px;
    }

    .page-id-283 .flowia-form-submit input[type="submit"] {
        width: 100%;
    }
}

@media (max-width: 900px) {
    .oferta-opis {
        padding: 32px 20px 0;
    }

    .oferta-opakowania {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }
}
@media (min-width:900px){
    .column-container{
        width:70%;
    }
}

@media (min-width:1245px){
    .about-us-container h2{
        font-size: 65px;

    }
    h2 {font-size: 65px !important;}
}

@media (max-width:1244px){
    .about-us-container h2{
        font-size: 45px;

    } 
    h2 {font-size: 45px !important;}
}

.about-us-container {
    background-color: #f3eee8;
}

@media (min-width: 1025px) and (max-width: 1399px) {

}

/* Małe telefony */
@media (min-width: 320px) and (max-width: 480px) {


  .hero-home {
    min-height: 1050px !important;
  }

  .hero-home video.wp-block-cover__video-background {
    object-position: 72% center;
  }

}

/* Większe telefony */
@media (min-width: 481px) and (max-width: 767px) {


  .hero-home{
    min-height: 1050px !important;
  }

  .hero-home video.wp-block-cover__video-background {
    object-position: 68% center;
  }

}

/* Tablet pion / małe tablety */
@media (min-width: 768px) and (max-width: 1024px) {


  .hero-home {
    min-height: 1000px !important;
  }

  .hero-home video.wp-block-cover__video-background {
    object-position: 62% center;
  }


}

@media (max-width: 599px) {

  /* Wyświetla przycisk hamburgera */
  .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    display: flex !important;
    color:black;
    padding:20px;
  }

}

.anime_element_up{
    transform: translateY(70px);
    opacity: 0;
}

.animation_y {
    transform: translateY(0px) !important;
    opacity: 1 !important;
    transition-duration: 900ms;
}

html {
    scroll-behavior: smooth;
}

.gt_float_switcher img {
    width:15px !important;
}
.gt_float_switcher{
    font-size:12px !important;
}

.gt_float_switcher .gt-selected .gt-current-lang{
    padding: 5px 7px !important;
}

@media (max-width:490px) {
    .menu-content{
        margin-top:20px !important;
    }
}