/* custom.css – nadpisania i poprawki ponad arkusz Webflow */

/* ============================================================
   Styles z <head> Webflow (index.html)
   ============================================================ */

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    font-size: 1.1111111111111112vw;
}
/* Max Font Size */
@media screen and (min-width:1440px) {
    body {font-size: 16px;}
}
/* Container Max Width */
.container {
    max-width: 1440px;
}
/* Min Font Size */
@media screen and (max-width:991px) {
    body {font-size: 16px;}
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.news-slide-item:hover .news-slide-item-hover {
    opacity: 1;
}
.inwestyca-slide-item:hover .inwestycja-item-hover {
    opacity: 1;
}
.s-oferta-pracy:hover .poznaj-cs-btn {
    border-bottom: 1px solid #F2EDE3;
}
.pakiet-item:hover .paiet-item-content-hover {
    opacity: 1;
}
.blog-item-cont:hover .blog-s-item-hover {
    opacity: 1;
}
.ms-line-line {
    transition: width 0.3s ease;
}
.news-slider .slick-slide {
    margin: 0 10px;
}
.news-slider .slick-list {
    margin: 0 -10px;
}
.navbar.darkHeader,
.navbar.darkheader {
    background: #fff;
}
.darkHeader .dropdown-toggle,
.darkheader .dropdown-toggle {
    color: #212020;
}
.darkHeader .drop-text,
.darkheader .drop-text {
    color: #212020;
}
.darkHeader .social-media-link,
.darkheader .social-media-link {
    color: #212020;
}
.darkHeader .brand,
.darkheader .brand {
    color: #212020;
}
.is-inv-option.active .inv-option-subtitle {
    color: #212020;
}
.darkHeader .menu-button path,
.darkheader .menu-button path {
    stroke: #212020;
}
.darkHeader .nav-item,
.darkheader .nav-item {
    color: #212020;
}
.darkHeader .button-inv-text,
.darkheader .button-inv-text {
    color: #212020;
}
.inwestycje-slider .slick-slide {
    margin: 0 10px;
}
.inwestycje-slider .slick-list {
    margin: 0 -10px;
}

/* ============================================================
   Slick overrides — reset Webflow flex/display
   ============================================================ */
.news-slider.slick-initialized,
.inwestycje-slider.slick-initialized {
    display: block;
}

/* ============================================================
   Styles z <body> Webflow (index.html — drugi blok)
   ============================================================ */

.is-inv-option:hover .inv-option-subtitle {
    color: #372f2e;
}
.darkHeader .nav-info-cs,
.darkheader .nav-info-cs {
    display: none;
}
.nav-item:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    transition: 0.5s all;
    background: #fff;
}
.nav-item:hover:before {
    width: 100%;
}
.darkheader .nav-item:before,
.darkHeader .nav-item:before {
    background: #212020;
}
.inwestyca-slide-item:hover inwestycja-img.nav-img img {
    transform: scale(1.05);
}


/* ============================================================
   CF7 — Contact Form 7 Styles
   ============================================================ */

/* Submit button — reset browser styles, match cs-simple-button.dark */
.wpcf7-submit.cs-simple-button {
    appearance: none;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    letter-spacing: inherit;
    display: inline-flex;
    align-items: center;
    gap: 1em;
    position: relative;
}

/* Arrow icon after submit button text (matches Webflow SVG arrow) */
.wpcf7-submit.cs-simple-button.dark::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M1.1853 0.741943H10.6131V10.1698' stroke='%23ffffff' stroke-width='1.48387'%3E%3C/path%3E%3Cpath d='M10.6134 0.741943L3.88756 7.46775L0.524658 10.8307' stroke='%23ffffff' stroke-width='1.48387'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .3s;
}
.wpcf7-submit.cs-simple-button.dark:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M1.1853 0.741943H10.6131V10.1698' stroke='%23212020' stroke-width='1.48387'%3E%3C/path%3E%3Cpath d='M10.6134 0.741943L3.88756 7.46775L0.524658 10.8307' stroke='%23212020' stroke-width='1.48387'%3E%3C/path%3E%3C/svg%3E");
}

/* CF7 spinner — hide during non-submitting state */
.wpcf7-submit .wpcf7-spinner {
    display: none;
}
.wpcf7-submit.wpcf7-submit:disabled .wpcf7-spinner {
    display: inline-block;
    margin-left: 0.5em;
    vertical-align: middle;
}

/* CF7 acceptance checkbox (.cs-checkbox class applied via CF7 shortcode) */
.wpcf7-acceptance .cs-checkbox {
    width: 16px;
    height: 16px;
    min-width: 16px;
    accent-color: #212020;
    cursor: pointer;
    margin-top: 2px;
}
.wpcf7-acceptance {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.wpcf7-acceptance label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
}

/* Validation error tip */
.wpcf7-not-valid-tip {
    display: block;
    font-size: 0.75em;
    color: #c0392b;
    margin-top: 4px;
    padding-left: 0;
}

/* Form response output (success / error) */
.wpcf7-response-output {
    margin-top: 1.5em;
    padding: 0.8em 1.2em;
    font-size: 0.875em;
    border-radius: 2px;
}
.wpcf7 .wpcf7-response-output {
    border: none;
}
.wpcf7 form.sent .wpcf7-response-output {
    background-color: #e8f5e9;
    color: #2e7d32;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output {
    background-color: #fdecea;
    color: #c0392b;
}

/* Invalid field highlight */
.wpcf7-form-control.wpcf7-not-valid {
    border-bottom-color: #c0392b !important;
}

/* File upload button */
.wpcf7-file {
    display: none;
}

/* Newsletter submit — reset browser styles, match cs-simple-btn.smaller */
.wpcf7-submit.cs-simple-btn {
    appearance: none;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    letter-spacing: inherit;
    white-space: nowrap;
    flex-shrink: 0;
}
