/*
Theme Name: bioharmony
Theme URI: https://wordpress.org/themes/twentytwentytwo/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Site Editor features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours.
Requires at least: 5.9
Tested up to: 6.1
Requires PHP: 5.6
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentytwo
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, accessibility-ready

Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.
*/

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */


 /* FIX: nie ucinaj logo na prawdziwym telefonie */


 h1.tj-page-title {
    font-size:42px;
 }



.tj-page-header .tj-page-header-content::before {
content: "";
    position: absolute;
    bottom: -160px;
    inset-inline-start: 280px;
    width: 350px;
    height: 300px;
    border-radius: 50%;
    background: var(--tj-color-theme-primary);
    -webkit-filter: blur(50px);
    filter: blur(50px);
    opacity: 0.25;
    z-index: -1;
}

.contact-item h3 {
    font-size:24px !important;
}

.contact-form .form-input input,
.contact-form .form-input .nice-select {
  width: 100%;
  height: 46px;

  padding: 0;
  margin: 0;
  border: 0;
  border-bottom: 1px dashed #cfd6d3;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

.contact-form .form-input .nice-select {
  float: none;
  display: block;
  padding-right: 30px;
}


/* */

/* sekcja zgód */
.form-input.consent,
.form-input.terms,
.form-input.acceptance {
  margin-top: 0px;
  height: auto !important;
  border: 0 !important;
}

/* wrapper CF7 */
.form-input.consent .wpcf7-form-control-wrap,
.form-input.terms .wpcf7-form-control-wrap,
.form-input.acceptance .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

/* element listy CF7 */
.form-input.consent .wpcf7-list-item,
.form-input.terms .wpcf7-list-item,
.form-input.acceptance .wpcf7-list-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
}

/* label */
.form-input.consent .wpcf7-list-item label,
.form-input.terms .wpcf7-list-item label,
.form-input.acceptance .wpcf7-list-item label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  cursor: pointer;
}

/* checkbox */
.form-input.consent input[type="checkbox"],
.form-input.terms input[type="checkbox"],
.form-input.acceptance input[type="checkbox"] {
  width: 15px;
  height: 15px;
  min-width: 15px;
  margin: 2px 0 0 0;
  accent-color: #4aa3e6;
  cursor: pointer;
}

/* tekst zgody */
.form-input.consent .wpcf7-list-item-label,
.form-input.terms .wpcf7-list-item-label,
.form-input.acceptance .wpcf7-list-item-label {
  display: inline-block;
  margin: 0 !important;
  font-size: 12px;
  line-height: 1.45;
  color: #7d8b8d;
  text-transform: none;
  letter-spacing: 0;
}

.mt-20 {
    margin-top:20px;
}

.mb-30 {
    margin-bottom:20px;
}

.blog-item .blog-thumb img {
  width: 100%;
  max-height: 280px;
  object-fit: cover;
  display: block;
}

.post-details-wrapper .blog-text ul {
  list-style-type: disc !important;
  list-style-position: outside;
  padding-left: 20px;
  margin-left: 0;
}

.post-details-wrapper .blog-text ul li {
  display: list-item !important;
}

.blog-images img {
  width: 100%;
  height: 600px;
  object-fit: cover;
  display: block;
}


.mobile-lang-switch {
  display: flex;
  justify-content: flex-start;   /* do lewej */
  gap: 8px;
  margin: 30px 0 25px 0;         /* większy odstęp góra/dół */
}

.mobile-lang-switch a {
  display: inline-block;
  padding: 4px 10px;             /* mniejsze przyciski */
  font-size: 12px;               /* mniejszy tekst */
  border: 1px solid #ddd;
  border-radius: 20px;           /* bardziej “pill” jak na screenie */
  text-decoration: none;
  min-width: 36px;
  text-align: center;
}

.mobile-lang-switch a.active {
  background: #2d7df6;           /* dopasuj do Twojego koloru */
  color: #fff;
  border-color: #2d7df6;
}


.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    justify-content: center;
}

.mobile-lang-switch {
  display: inline-flex;   /* zamiast flex */
  margin: 30px 0 25px 0;
}

.hamburger_inner {
  text-align: left;
}


.floating-phone {
    position: fixed;
    bottom: 30px;
    left: 30px; /* możesz zmienić na right: 30px; jeśli ma być po prawej */
    width: 60px;
    height: 60px;
    background: #3fa9f5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    z-index: 9999;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    text-decoration: none;
}

.floating-phone:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 18px rgba(0,0,0,0.3);
}

.floating-phone svg {
    width: 26px;
    height: 26px;
}