/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */





/* ===== HERO – Trust Your Wings ===== */
.tyw-hero {
  position: relative;
  overflow: hidden;
  /*border-radius: 8px;*/
}

/* film w tle */
.tyw-hero .tyw-video-wrap {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.tyw-hero .tyw-video-wrap video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* wszystkie widgety sekcji ponad filmem — OPRÓCZ widgetu HTML z filmem */
.tyw-hero .elementor-widget:not(.elementor-widget-html),
.tyw-hero .tyw-date,
.tyw-hero .tyw-kicker,
.tyw-hero .tyw-title,
.tyw-hero .tyw-sub {
  position: relative;
  z-index: 2;
}

.tyw-hero .elementor-widget-html {
  position: static;
}

/* przycisk dźwięku */
#tywSoundBtn {
    position: absolute;
    top: 48px;
    right: 48px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 15px;
    background: transparent;
    border: none;
    cursor: pointer;
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.4em;
}
#tywSoundBtn .tyw-icon {
	display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 50%;
    transition: background .2s ease;
}

#tywSoundBtn .tyw-icon img {
    width: 100%;
}

#tywSoundBtn:hover .tyw-icon {
  background: rgba(255, 255, 255, .15);
}
/* delikatne wyszarzenie ikonki, gdy dźwięk wyłączony */
#tywSoundBtn.tyw-muted .tyw-icon { opacity: .7; }

/* data w turkusowej pigułce */
.tyw-hero .tyw-date {
    display: inline-block;
    background: #47C2CC;
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 5px;
    padding: 10px 44px;
    border-radius: 100px;
}

/* STARTUJEMY Z KONKURSEM */
.tyw-hero .tyw-kicker,
.tyw-hero .tyw-kicker .elementor-heading-title {
	color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 500;
    letter-spacing: 0.3em;
    text-align: center;
}

/* TRUST YOUR WINGS + skrzydełko */
.tyw-hero .tyw-title {
    position: relative;
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 44px;
    font-weight: 500;
    letter-spacing: 0.3em;
    text-align: center;
}
.tyw-hero .tyw-title::before {
  content: "";
	position: absolute;
	left: -90px;
	top: -90px;
	width: 110px;
	height: 120px;
  background: url('https://trustyourwings.pl/wp-content/uploads/2026/07/wing.svg') no-repeat center / contain;
  pointer-events: none;
}

/* podtytuł */
.tyw-hero .tyw-sub {
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    letter-spacing: 0.3em;
    line-height: 1.5em;
    text-align: center;
    max-width: 860px;
    margin: 0 auto;
    padding-bottom: 50px;
}

.our-am-text-mobile {
	display: none !important;
}

.more-info-footer span {
	color: #493930;
}

.footer-icon-center::before {
  content: '';
  position: absolute;
  left: -370px;          /* zamiast -60% — stała odległość od obrazka */
  top: -200px;
  width: 300px;
  height: 310px;
  background: url('https://trustyourwings.pl/wp-content/uploads/2026/07/wing-2.svg') no-repeat center / contain;
  pointer-events: none;
}










































@media (max-width: 1200px) {
  .footer-icon-center::before {
    left: -220px;
    width: 240px;
    height: 250px;
  }
}
















/* ===== mobile ===== */
@media (max-width: 767px) {
  #tywSoundBtn { top: 20px; right: 20px; }
  #tywSoundBtn .tyw-icon { width: 46px; height: 46px; }

  .tyw-hero .tyw-title .elementor-heading-title {
    font-size: 26px;
    letter-spacing: 6px;
  }
  .tyw-hero .tyw-kicker .elementor-heading-title {
    font-size: 13px;
    letter-spacing: 5px;
  }
  .tyw-hero .tyw-title::before {
    left: calc(50% - 215px);
    top: -65px;
    width: 70px;
    height: 80px;
  }
  .tyw-hero .tyw-sub { font-size: 12px; padding-bottom: 36px; }
  
  .our-am-text-mobile {
	display: block !important;
	margin-top: 30px;
    color: #212121;
    font-family: 'Inter';
    font-size: 15px;
    text-transform: uppercase;
    FONT-WEIGHT: 700;
    letter-spacing: 0.3em;
    line-height: 150%;
    overflow-wrap: break-word;  /* pozwala złamać długie słowo do nowej linii */
  	min-width: 0;
   }

   .our-am-text-mobile span {
    color: #47C2CC;
   }

	.footer-icon-center::before {
    left: 50%;
    transform: translateX(-50%);
    top: -200px;           /* dopasuj do wysokości sekcji na mobile */
    width: 200px;
    height: 210px;
  }
  .tyw-hero .tyw-date {
    font-size: 12px;
    padding: 10px 25px;
  }
	.tyw-hero .tyw-kicker, .tyw-hero .tyw-kicker .elementor-heading-title {
		font-size: 12px;
	}
	.tyw-hero .tyw-title {
    	font-size: 22px;
	}
}













/* ===== Pływająca belka CTA ===== */
.tyw-sticky-cta {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    background: #47C2CC;
    padding: 12px 16px;
    transform: translateY(100%);          /* schowana pod ekranem */
    transition: transform .3s ease;
}
.tyw-sticky-cta.is-visible { transform: none; }

.tyw-sticky-text {
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 16px;
}
.tyw-sticky-btn {
    display: inline-block;
    background: #493930;
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    padding: 17px 30px;
    border-radius: 999px;
    text-decoration: none;
    transition: background .3s ease, color .3s ease, transform .2s ease;
}
.tyw-sticky-btn:hover { background: #fff; color: #493930; }

@media (max-width: 767px) {
    .tyw-sticky-cta { flex-direction: column; gap: 8px; padding: 10px 16px; }
    body.page.page-id-190 .tyw-hero .tyw-title::before {
      left: calc(50% - 175px);
    }
    body.page.page-id-190 .tyw-hero .tyw-title {
      font-size: 18px;
    }

}






body.page.page-id-190, body.page.page-id-521 {
    background: #F4FBFB;
}

#header-konkurs-logo a {
    display: flex;
}





























































/* ============================================================
   TYW – sekcje strony konkursowej (generowane z projektu Figma)
   ============================================================ */

/* --- wspólne --- */
.tyw-inner {
    width: 100%;
    max-width: 1330px;
    margin: 0 auto;
}
.tyw-section { padding: 80px 0; }


.tyw-script-center { text-align: center; }

.tyw-h2,
.tyw-h2 .elementor-heading-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #493930;
    letter-spacing: 0.4em;
    line-height: 1.2em;
    text-transform: uppercase;
}
.tyw-lead,
.tyw-lead p {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    line-height: 1.4em;
    color: #493930;
}

/* --- przyciski (pigułki z animacją hover) --- */
.tyw-btn .elementor-button {
    background: #fff;
    color: #000;
    font-weight: 700;
    font-size: 16px;
    padding: 16px 36px;
    border-radius: 999px;
    transition: background .3s ease, color .3s ease, transform .2s ease;
}
.tyw-btn .elementor-button:hover {
    background: #493930;
    color: #fff;
    /*transform: translateY(-2px);*/
}

.tyw-cta.tyw-btn.tyw-btn-white .elementor-button {
    color: #46c2cc;
}

.tyw-cta.tyw-btn.tyw-btn-white .elementor-button:hover {
    color: #fff;
}

.tyw-cta.tyw-btn.tyw-hero-btn .elementor-button {
    background: #fff;
    color: #000;
    font-weight: 700;
    font-size: 16px;
    padding: 16px 36px;
    border-radius: 999px;
    transition: background .3s ease, color .3s ease, transform .2s ease;
}
.tyw-cta.tyw-btn.tyw-hero-btn .elementor-button:hover {
    background: #493930;
    color: #fff;
    /*transform: translateY(-2px);*/
}



/* --- pasek licznika --- */
.tyw-timer { background: #493930; padding: 16px 20px; }
.tyw-timer-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    text-align: center;
}
.tyw-timer-count {
    color: #47C2CC;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 30px;
    letter-spacing: 0.4em;
}
.tyw-timer-label {
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    letter-spacing: 0.3em;
}

/* --- Misja --- */
.tyw-misja-inner { display: flex; flex-direction: row !important; align-items: center; gap: 40px; }
.tyw-misja-left { width: 62% !important; display: flex; flex-direction: column !important; gap: 18px; }
.tyw-misja-right { width: 38% !important; }
.tyw-misja-wing img { width: 260px; height: auto; }

/* --- baner turkusowy --- */
.tyw-banner { background: #47C2CC; padding: 26px 20px; }
.tyw-banner-title,
.tyw-banner-title .elementor-heading-title {
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 30px;
    letter-spacing: 0.4em;
    line-height: 1.2em;
    text-align: center;
    text-transform: uppercase;
}

/* --- Ambasadorki (poziomy scroll + akordeon) --- */
.tyw-amb { background: #D6E7E9; }
.tyw-amb .tyw-inner { display: flex; flex-direction: column !important; gap: 24px; }
.tyw-amb-row {
    display: flex;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 24px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 4px 4px 16px;
    width: 100%;
}
.tyw-amb-row::-webkit-scrollbar { height: 6px; }
.tyw-amb-row::-webkit-scrollbar-thumb { background: #47C2CC; border-radius: 3px; }
.tyw-amb-card {
    flex: 0 0 360px !important;
    max-width: 360px;
    scroll-snap-align: start;
    align-self: flex-start;
    background: #fff;
    border: 1px solid #47C2CC;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column !important;
    transition: box-shadow .3s ease;
}
.tyw-amb-card:hover { box-shadow: 0 6px 24px rgba(73, 57, 48, .15); }
.tyw-amb-photo img { width: 100%; display: block; }
.tyw-amb-name .elementor-heading-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.3em;
    color: #493930;
    margin: 15px 15px 10px;
}
.tyw-amb-role p {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.25em;
    color: #47C2CC;
    margin: 0 15px 12px;
    padding-bottom: 7px;
    border-bottom: 1px solid #47C2CC;
}
.tyw-amb-bio { max-height: 0; overflow: hidden; transition: max-height .35s ease; }
.tyw-amb-card.is-open .tyw-amb-bio { max-height: 500px; }
.tyw-amb-bio-title .elementor-heading-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #493930;
    margin: 0 15px 6px;
}
.tyw-amb-bio-text p {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    line-height: 1.4em;
    color: #493930;
    margin: 0 15px 20px;
}

/* --- Nagroda --- */
.tyw-prize { background: #D6E7E9; padding-top: 0; }
.tyw-prize .tyw-inner { display: flex; flex-direction: column !important; gap: 18px; }
.tyw-prize-row { display: flex; flex-direction: row !important; gap: 24px; width: 100%; margin-top: 12px; }
.tyw-prize-card {
    flex: 1 1 0 !important;
    background: #fff;
    border: 1px solid #47C2CC;
    border-radius: 12px;
    padding: 24px;
    display: flex;
    flex-direction: column !important;
    gap: 15px;
}
.tyw-prize-num p {
    display: inline-block;
    border: 1px solid #47C2CC;
    border-radius: 999px;
    padding: 4px 14px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.2em;
    color: #493930;
    margin: 0;
}
.tyw-prize-num { align-self: flex-start; }
.tyw-prize-title,
.tyw-prize-title .elementor-heading-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #493930;
    line-height: 1.35em;
}
.tyw-prize-text p {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    line-height: 1.4em;
    color: #493930;
    margin: 0;
}

/* --- Zaufaj swoim skrzydłom (kroki) --- */
.tyw-steps { background: #47C2CC; }
.tyw-steps .tyw-inner {
    display: flex;
    flex-direction: column !important;
    gap: 28px;
    max-width: 980px;
}
.tyw-step {
    display: flex;
    flex-direction: row !important;
    gap: 28px;
    border-bottom: 1px solid rgba(255, 255, 255);
    padding-bottom: 28px;
    width: 100%;
}
.tyw-step-num p {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 60px;
    line-height: 1;
    color: #493930;
    margin: 0;
}
.tyw-step-num { flex: 0 0 auto !important; width: auto !important; }
.tyw-step-body { flex: 1 1 auto !important; display: flex; flex-direction: column !important; gap: 4px; }
.tyw-step-title,
.tyw-step-title .elementor-heading-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.3em;
    color: #493930;
}
.tyw-step-text p,
.tyw-steps-final-text p {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 400;
    color: #fff;
    margin: 0;
}
.tyw-steps-final { display: flex; flex-direction: column !important; gap: 6px; }
.tyw-steps-final-title,
.tyw-steps-final-title .elementor-heading-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.3em;
    color: #493930;
}
.tyw-reg-link a {
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-decoration: none;
    transition: opacity .2s ease;
}
.tyw-reg-link a:hover { text-decoration: underline; }

/* --- Dla kogo --- */
.tyw-who .tyw-inner { display: flex; flex-direction: column !important; gap: 22px; }
.tyw-who-row { display: flex; flex-direction: row !important; gap: 24px; width: 100%; margin-top: 10px; }
.tyw-who-card {
    flex: 1 1 0 !important;
    background: #47C2CC;
    border-radius: 16px;
    padding: 30px 20px 10px;
    display: flex;
    flex-direction: column !important;
    align-items: center;
    text-align: center;
    gap: 10px;
    transition: transform .25s ease;
}
.tyw-who-card:hover { transform: translateY(-4px); }
.tyw-who-icon img { height: 120px; width: auto; }
.tyw-who-title,
.tyw-who-title .elementor-heading-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    line-height: 1.3em;
}
.tyw-who-text p {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.4em;
    color: #fff;
    margin: 0;
}

/* --- sekcja formularza --- */
.tyw-form-section { padding: 40px 0 80px; }

/* --- FAQ --- */
.tyw-faq-section .tyw-inner { display: flex; flex-direction: column !important; gap: 20px; }
.tyw-faq .elementor-accordion-item {
    background: #fff;
    border: 1px solid #dcebeb !important;
    border-radius: 10px;
    margin-bottom: 12px;
    overflow: hidden;
}
.tyw-faq .elementor-tab-title {
    padding: 16px 20px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #493930;
    border: none !important;
}
.tyw-faq .elementor-tab-title a { color: #493930; }
.tyw-faq .elementor-accordion-icon { color: #47C2CC; }
.tyw-faq .elementor-tab-content {
    border: none !important;
    padding: 0 20px 16px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    line-height: 1.6em;
    color: #493930;
}
.tyw-faq span.elementor-accordion-icon.elementor-accordion-icon-right {
    margin-top: 4px;
}

/* --- przycisk w hero --- */
.tyw-hero-btn { margin-bottom: 10px; }

/* ============ MOBILE ============ */
@media (max-width: 767px) {
    .tyw-section { padding: 50px 0; }
    .tyw-h2, .tyw-h2 .elementor-heading-title { font-size: 22px; letter-spacing: 0.4em; }
    .tyw-lead, .tyw-lead p { font-size: 16px; }

    .tyw-timer-count { font-size: 14px; letter-spacing: 0.25em; }
    .tyw-timer-label { font-size: 10px; }
    .tyw-timer-inner { gap: 8px; flex-direction: column; align-items: center; }

    .tyw-misja-inner { flex-direction: column !important; gap: 24px; }
    .tyw-misja-left, .tyw-misja-right { width: 100% !important; }
    .tyw-misja-wing img { width: 170px; }

    .tyw-banner-title, .tyw-banner-title .elementor-heading-title {
        font-size: 17px;
        letter-spacing: 0.25em;
    }

    .tyw-amb-card { flex: 0 0 320px !important; }
    .tyw-amb-card .tyw-amb-bio {
        max-height: 500px;
    }
    .tyw-prize-title, .tyw-prize-title .elementor-heading-title {
        font-size: 22px;
        line-height: 1.3em;
    }
    /* nagrody: scroll poziomy na mobile */
    .tyw-prize-row {
        flex-wrap: nowrap !important;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 12px;
    }
    .tyw-prize-card { flex: 0 0 260px !important; scroll-snap-align: start; }

    .tyw-step { gap: 16px; padding-bottom: 20px; }
    .tyw-step-title, .tyw-step-title .elementor-heading-title { font-size: 20px; }
    .tyw-step-text p, .tyw-steps-final-text p { font-size: 16px; }

    /* dla kogo: karty jedna pod drugą */
    .tyw-who-row { flex-direction: column !important; }
    .tyw-who-icon img { height: 90px; }
    .tyw-who-card {
        display: block;
    }
}


/* ============================================================
   TYW – strona podziękowania /dziekujemy/
   ============================================================ */
.tyw-thx { padding: 60px 0 100px; }
.tyw-thx-card {
    background: #493930;
    border-radius: 20px;
    padding: 70px 40px 60px;
    display: flex;
    flex-direction: column !important;
    align-items: center;
    text-align: center;
    gap: 18px;
    width: 100%;
}
.tyw-thx-check img { width: 90px; height: 90px; }
.tyw-thx-title,
.tyw-thx-title .elementor-heading-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #fff;
}
.tyw-thx-text p {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    line-height: 1.4em;
    color: #fff;
    margin: 0;
    max-width: 760px;
}
.tyw-thx-number p {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    margin: 0;
}
.tyw-thx-number .tyw-entry-code {
    display: inline-block;
    margin-top: 8px;
    background: #47C2CC;
    color: #fff;
    font-size: 22px;
    letter-spacing: 0.15em;
    padding: 8px 30px;
    border-radius: 999px;
}
.tyw-thx-box {
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 16px;
    padding: 22px 30px;
    max-width: 640px;
    display: flex;
    flex-direction: column !important;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
}
.tyw-thx-box-title,
.tyw-thx-box-title .elementor-heading-title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    line-height: 20px;
}
.tyw-thx-box-text p {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    line-height: 1.6em;
    color: #fff;
    margin: 0;
}
.tyw-thx-share { margin-top: 10px; }
.tyw-thx-share .elementor-button {
    background: #fff;
    color: #493930;
}
.tyw-thx-share .elementor-button:hover {
    background: #47C2CC;
    color: #fff;
}
.tyw-thx-back a {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}
.tyw-thx-back a:hover { text-decoration: underline; }

@media (max-width: 767px) {
    .tyw-thx { padding: 30px 0 60px; }
    .tyw-thx-card { padding: 50px 24px 40px; border-radius: 20px; }
    .tyw-thx-check img { width: 70px; height: 70px; }
    .tyw-thx-title, .tyw-thx-title .elementor-heading-title { font-size: 22px; }
    .tyw-thx-text p { font-size: 15px; }
    .tyw-thx-number .tyw-entry-code { font-size: 18px; }
}


.menu-item-223 > a { pointer-events: none; cursor: default; }