/*
Theme Name: wp_onelegdog
Theme URI: https://walaszczyk.studio/
Author: ŁW
Author URI: https://walaszczyk.studio/
Description: Wordpress Template made by ŁW
Version: 1.1
Tags: lw
Text Domain: wp_onelegdog
*/

img {
    height: auto;
}


/* =================================
   UNIWERSALNY CHECKBOX ACCEPTANCE
   Domyślnie niebieski, z klasą --black-acceptance czarny
   ================================= */

/* CSS Variables - domyślne kolory (niebieski) */
.input-checkbox-box {
    --checkbox-color: var(--blue);
    --checkbox-text-color: var(--blue);
}

/* CSS Variables - czarne kolory */
.input-checkbox-box--black-acceptance {
    --checkbox-color: var(--legblack);
    --checkbox-text-color: var(--legblack);
}

/* Kontener checkboxa */
.input-checkbox-box {
    position: relative;
    display: block;
}

/* Ukryj oryginalny checkbox */
.input-checkbox-box input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Label/tekst checkboxa */
.input-checkbox-box .wpcf7-list-item-label {
    color: var(--checkbox-text-color);
    padding-left: 35px;
    font-family: Worksans, Arial, sans-serif;
    font-size: 0.75rem;
    line-height: 135%;
    position: relative;
    cursor: pointer;
    display: block;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/* Custom checkbox - niezaznaczony */
.input-checkbox-box .wpcf7-list-item-label::before {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    border: 1px solid var(--checkbox-color);
    border-radius: 0.5rem;
    width: 1.25rem;
    height: 1.25rem;
    background-color: transparent;
    box-sizing: border-box;
    transition: all 0.2s ease;
}

/* Custom checkbox - zaznaczony */
.input-checkbox-box input[type="checkbox"]:checked ~ .wpcf7-list-item-label::before {
    background-color: var(--checkbox-color);
    border-color: var(--checkbox-color);
}

/* Ptaszek - stan niezaznaczony */
.input-checkbox-box .wpcf7-list-item-label::after {
    content: "✓";
    position: absolute;
    left: 0;
    top: -1px;
    width: 1.25rem;
    height: 1.25rem;
    color: white;
    font-size: 0.9rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
}

/* Ptaszek - stan zaznaczony */
.input-checkbox-box input[type="checkbox"]:checked ~ .wpcf7-list-item-label::after {
    opacity: 1;
}

/* Hover efekt */
.input-checkbox-box .wpcf7-list-item-label:hover::before {
    border-color: var(--checkbox-color);
    box-shadow: 0 0 0 2px rgba(0, 0, 255, 0.1);
}

.input-checkbox-box--black-acceptance .wpcf7-list-item-label:hover::before {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

/* Focus efekt */
.input-checkbox-box input[type="checkbox"]:focus ~ .wpcf7-list-item-label::before {
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 0, 255, 0.2);
}

.input-checkbox-box--black-acceptance input[type="checkbox"]:focus ~ .wpcf7-list-item-label::before {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);
}

/* Disabled state */
.input-checkbox-box input[type="checkbox"]:disabled ~ .wpcf7-list-item-label {
    opacity: 0.6;
    cursor: not-allowed;
}

.input-checkbox-box input[type="checkbox"]:disabled ~ .wpcf7-list-item-label::before {
    border-color: #ccc;
    background-color: #f5f5f5;
}

/* Alternatywna wersja dla różnych struktur CF7 */
.input-checkbox-box .wpcf7-list-item {
    margin: 0;
    padding: 0;
    list-style: none;
}

.input-checkbox-box .wpcf7-acceptance {
    margin: 0;
}

/* =================================
   CZARNA WERSJA CHECKBOXA - dla zwykłych checkboxów CF7
   Użycie: dodaj klasę "checkbox-black" do kontenera
   ================================= */

/* Kontener dla czarnych checkboxów */
.checkbox-black .wpcf7-checkbox {
    position: relative;
}

/* Ukryj oryginalny checkbox - czarna wersja */
.checkbox-black .wpcf7-checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Label/tekst checkboxa - czarna wersja */
.checkbox-black .wpcf7-list-item-label {
    color: var(--legblack);
    width: 100%;
    margin-bottom: 0;
    padding-left: 35px;
    font-family: Antonio, Arial, sans-serif;
    font-size: 1.75rem;
    line-height: 140%;
    position: relative;
    cursor: pointer;
    display: block;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/* Custom checkbox - niezaznaczony - czarna wersja */
.checkbox-black .wpcf7-list-item-label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    border: 1px solid var(--legblack);
    border-radius: 0.5rem;
    width: 1.25rem;
    height: 1.25rem;
    background-color: transparent;
    box-sizing: border-box;
    transition: all 0.2s ease;
}

/* Custom checkbox - zaznaczony - czarna wersja */
.checkbox-black input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
    background-color: var(--legblack);
    border-color: var(--legblack);
}

/* Ptaszek - stan niezaznaczony - czarna wersja */
.checkbox-black .wpcf7-list-item-label::after {
    content: "✓";
    position: absolute;
    left: 0;
    top: 10px;
    width: 1.25rem;
    height: 1.25rem;
    color: white;
    font-size: 0.9rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
}

/* Ptaszek - stan zaznaczony - czarna wersja */
.checkbox-black input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
    opacity: 1;
}

/* Hover efekt - czarna wersja */
.checkbox-black .wpcf7-list-item-label:hover::before {
    border-color: var(--legblack);
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

/* Focus efekt - czarna wersja */
.checkbox-black input[type="checkbox"]:focus + .wpcf7-list-item-label::before {
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);
}

/* Spacing między checkboxami */
.checkbox-black .wpcf7-list-item {
    margin: 0;
    padding: 0;
    list-style: none;
}

.checkbox-black .wpcf7-list-item label {
  margin-bottom: 0;
}

.checkbox-black .wpcf7-list-item:last-child {
    margin-bottom: 0;
}

.grecaptcha-badge { 
  visibility: hidden !important;
}

html .wpcf7 form.invalid .wpcf7-response-output, html .wpcf7 form.unaccepted .wpcf7-response-output, html .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {
  margin: 0px;
  margin-top: 0rem;
  padding: 0px;
  padding-top: 1rem;
  border: none;
  border-top: 1px solid var(--dark-green);
  font-size: 0.875rem;
}

.wpcf7-not-valid-tip {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 300;
}

.wpcf7-acceptance label {
  font-weight: 400;
}

.wpcf7-acceptance .wpcf7-list-item {
  margin-left: 0rem;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

.image-rect {
	transform-origin: center;
  transform-box: fill-box;
}
.a-project-grid:hover .image-project {
	transform: scale(1.03);
}
.simple-text p:last-child {
	margin-bottom: 0rem;
}
a {
	color: inherit;
}
[overflow="hidden"] {
	overflow: hidden;
}
[position="relative"] {
	position: relative;
}
.a-social-link .image-social path {
	transition: fill .3s;
}
.a-social-link:hover .image-social path {
	fill: var(--yellow);
}
 html { font-size: 1rem; }
  @media screen and (max-width:1920px) { html { font-size: 1rem; } }
  @media screen and (max-width:1440px) { html { font-size: calc(0.39866369710467703rem + 0.6681514476614699vw); } }
  @media screen and (max-width:991px) { html { font-size: calc(0.758056640625rem + 0.390625vw); } }
  @media screen and (max-width:479px) { html { font-size: calc(0.6242154811715481rem + 1.2552301255230125vw); } }