/*
CTC Separate Stylesheet
Updated: 2025-11-18 09:18:04
Theme Name: Multilango
Theme URI: https://multilango.com/
Template: Multilango
Author: MCWebDesign
Author URI: https://mcwebdesign.pl/
Description: Multilango
*/

p {
    margin-block-end: 0;
    margin-block-start: 0;
}

html .trp-shortcode-switcher{
    padding: 0px;
}

html .trp-language-item-name{
    color: #000;
    text-align: center;
    font-family: "articulat-cf", Sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 437.5% */
    letter-spacing: -0.32px;
}

html .trp-language-item{
    padding: 8px 8px 2px 12px;
}

.trp-shortcode-arrow {
    width: 19px;
    height: 12px;
    stroke-width: 3px;
    stroke: #000;
    margin-top:7px;
}

html .trp-shortcode-switcher__wrapper{
    border-radius: 30px;
}

html .trp-shortcode-switcher__wrapper:hover{
    background-color: #fff;
    
}

.trp-shortcode-switcher.trp-open-on-click{
    border-radius: 15px;
}

.trp-shortcode-switcher.trp-open-on-click.is-open{
    background-color: #fff;
  
}

html .trp-switcher-dropdown-list .trp-language-item{

    border-radius: 30px;
    padding-bottom: 8px;
}

html .trp-switcher-dropdown-list .trp-language-item:hover{
    background-color: #5067FF;
    
}

html .trp-switcher-dropdown-list .trp-language-item:hover .trp-language-item-name {
 
    color:#fff !important;
}

html .trp-switcher-dropdown-list .trp-language-item:focus{
    background-color: #3244BD;
    
}

.mc-mobile-menu {
    position: relative;
    display: inline-block;
}

.mc-mobile-menu__toggle {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    position: relative;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mc-mobile-menu__icon {
    display: block;
}

.mc-mobile-menu__line {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center;
}

.mc-mobile-menu__toggle[aria-expanded="true"] .mc-mobile-menu__line--top {
    transform: rotate(37deg);
}

.mc-mobile-menu__toggle[aria-expanded="true"] .mc-mobile-menu__line--middle {
    opacity: 0;
}

.mc-mobile-menu__toggle[aria-expanded="true"] .mc-mobile-menu__line--bottom {
    transform: rotate(-37deg);
}

.mc-mobile-menu__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    transform: translateY(-100%);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    overflow-y: auto;
    visibility: hidden;
}

.mc-mobile-menu__overlay.is-open {
    transform: translateY(0);
    visibility: visible;
}

.mc-mobile-menu__content {
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 80px 20px 20px;
}

.mc-mobile-menu__nav {
    display: flex;
    flex-direction: column;
}

.mc-mobile-menu__link {
    display: block;
    text-decoration: none;
    transition: color 0.3s ease, transform 0.2s ease;
}

.mc-mobile-menu__link:hover {
    transform: translateX(5px);
}

.mc-mobile-menu__text-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.mc-mobile-menu__text-link {
    text-decoration: none;
    transition: color 0.3s ease;
}

.mc-mobile-menu__text-separator {
    margin: 0 8px;
}

.mc-mobile-menu__button {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s ease;
}

.mc_lang {
    position: absolute;
    z-index: 10;
}


/* PODSTAWA TYPOGRAFII W FORMULARZU */
.mc_oferta_indywidualna,
.mc_oferta_indywidualna form,
.mc_oferta_indywidualna .forminator-custom-form {
    font-family: "articulat-cf", Sans-serif !important;
    color: #000 !important;
}

/* LABEL OGÓLNY (w tym „Wybierz ofertę”, „Wielkość zespołu” itp.) */
.mc_oferta_indywidualna label,
.mc_oferta_indywidualna .forminator-label {
    color: #000 !important;
    font-family: "articulat-cf", Sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 20px !important; /* 142.857% */
    letter-spacing: -0.28px !important;
}

/* KONKRETNIE LABEL NAD RADIO (span.forminator-label w radiogroup) */
.mc_oferta_indywidualna .forminator-field[role="radiogroup"] > .forminator-label {
    color: #000 !important;
    font-family: "articulat-cf", Sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    letter-spacing: -0.28px !important;
    display: block !important;
    margin-bottom: 4px !important;
    grid-column: 1 / -1 !important; /* label na całą szerokość grida */
}

/* GWIAZDKA WYMAGANE */
.mc_oferta_indywidualna .forminator-required,
.mc_oferta_indywidualna label .forminator-required {
    color: #5067FF !important;
    font-family: "articulat-cf", Sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 20px !important; /* 125% */
    letter-spacing: -0.32px !important;
}

/* TEKST OGÓLNY W FORMULARZU */
.mc_oferta_indywidualna,
.mc_oferta_indywidualna p,
.mc_oferta_indywidualna .forminator-description,
.mc_oferta_indywidualna .forminator-field span,
.mc_oferta_indywidualna .forminator-field small {
    color: #000 !important;
    font-family: "articulat-cf", Sans-serif !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 20px !important; /* 153.846% */
    letter-spacing: -0.26px !important;
}

/* TEKST POGRUBIONY */
.mc_oferta_indywidualna strong,
.mc_oferta_indywidualna b {
    color: #000 !important;
    font-family: "articulat-cf", Sans-serif !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    letter-spacing: -0.26px !important;
}

/* INPUTY / SELECTY / TEXTAREA */
.mc_oferta_indywidualna input[type="text"],
.mc_oferta_indywidualna input[type="email"],
.mc_oferta_indywidualna input[type="tel"],
.mc_oferta_indywidualna input[type="number"],
.mc_oferta_indywidualna input[type="url"],
.mc_oferta_indywidualna input[type="password"],
.mc_oferta_indywidualna select,
.mc_oferta_indywidualna textarea,
.mc_oferta_indywidualna .forminator-input,
.mc_oferta_indywidualna .forminator-select,
.mc_oferta_indywidualna .forminator-textarea {
    border-radius: 30px !important;
    background: #EFF1ED !important;
    border: none !important;
    height: 50px !important;
    padding: 0 20px !important;
    color: #000 !important;
    font-family: "articulat-cf", Sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 20px !important; /* 125% */
    letter-spacing: -0.32px !important;
    box-shadow: none !important;
}

/* TEXTAREA – większa wysokość */
.mc_oferta_indywidualna textarea,
.mc_oferta_indywidualna .forminator-textarea {
    height: auto !important;
    min-height: 120px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

/* PLACEHOLDER – opacity 0.5 */
.mc_oferta_indywidualna input::placeholder,
.mc_oferta_indywidualna textarea::placeholder {
    color: #000 !important;
    font-family: "articulat-cf", Sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 20px !important; /* 125% */
    letter-spacing: -0.32px !important;
    opacity: 0.5 !important;
}

.mc_oferta_indywidualna input::-webkit-input-placeholder,
.mc_oferta_indywidualna textarea::-webkit-input-placeholder {
    color: #000 !important;
    opacity: 0.5 !important;
}

.mc_oferta_indywidualna input:-ms-input-placeholder,
.mc_oferta_indywidualna textarea:-ms-input-placeholder {
    color: #000 !important;
    opacity: 0.5 !important;
}

/* RADIO – KONTENER GRUPY:
   GRID = równe szerokości, 3 lub 4, nic nie wystaje */
.mc_oferta_indywidualna .forminator-field[role="radiogroup"] {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) !important;
    column-gap: 23px !important;
    row-gap: 10px !important;
    align-items: stretch !important;
}

/* POJEDYNCZA OPCJA RADIO – KAFEL / KARTA */
.mc_oferta_indywidualna .forminator-field[role="radiogroup"] > .forminator-radio {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0px !important;

    width: 100% !important;

    min-height: 59px !important;
    height: auto !important;
    padding: 10px 20px 10px 16px !important;

    border-radius: 15px !important;
    border: 3px solid #C2C2C2 !important;
    background: rgba(194, 194, 194, 0.20) !important;

    cursor: pointer !important;
    box-sizing: border-box !important;
}

/* UKRYCIE NATYWNEGO RADIO */
.mc_oferta_indywidualna .forminator-radio input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* BULLET RADIO – NIEZAZNACZONY */
.mc_oferta_indywidualna .forminator-radio .forminator-radio-bullet {
    width: 24px !important;
    height: 24px !important;
    flex-shrink: 0 !important;
    border-radius: 50% !important;
    background: #FFFFFF !important;
    border: 2px solid #fff !important;
    box-sizing: border-box !important;
    margin-top: 2px !important;
}

/* BULLET RADIO – ZAZNACZONY */
.mc_oferta_indywidualna .forminator-radio input[type="radio"]:checked + .forminator-radio-bullet {
    background: #5067FF !important;
    border-color: #5067FF !important;
}

/* CAŁA KARTA RADIO – STAN ZAZnaczony (Forminator dodaje .forminator-is_checked) */
.mc_oferta_indywidualna .forminator-radio.forminator-is_checked {
    border-color: #5067FF !important;
    background: rgba(80, 103, 255, 0.12) !important;
}

/* TEKST OPCJI RADIO – DŁUGIE NAZWY SIĘ ZAWIJAJĄ */
.mc_oferta_indywidualna .forminator-radio .forminator-radio-label {
    display: block !important;
    color: #000 !important;
    font-family: "articulat-cf", Sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 19px !important; /* 118.75% */
    letter-spacing: -0.32px !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

/* PRZYCISK WYŚLIJ */
.mc_oferta_indywidualna .forminator-button,
.mc_oferta_indywidualna .forminator-button-submit,
.mc_oferta_indywidualna button.forminator-button,
.mc_oferta_indywidualna button.forminator-button-submit,
.mc_oferta_indywidualna button[type="submit"],
.mc_oferta_indywidualna input[type="submit"] {
    display: flex !important;
    max-width: 229px !important;
    height: 40px !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 9px 24px 11px 24px !important;
    gap: 8px !important;

    border-radius: 30px !important;
    background: #5067FF !important;
    border: none !important;
    cursor: pointer !important;
    text-decoration: none !important;

    color: #FFF !important;
    text-align: center !important;
    font-family: "articulat-cf", Sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 70px !important; /* wg specyfikacji */
    letter-spacing: -0.32px !important;

    text-transform: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

/* HOVER PRZYCISKU WYŚLIJ */
.mc_oferta_indywidualna .forminator-button:hover,
.mc_oferta_indywidualna .forminator-button-submit:hover,
.mc_oferta_indywidualna button.forminator-button:hover,
.mc_oferta_indywidualna button.forminator-button-submit:hover,
.mc_oferta_indywidualna button[type="submit"]:hover,
.mc_oferta_indywidualna input[type="submit"]:hover {
    background: #000 !important;
    border-radius: 30px !important;
}


/* ========== RADIO – WYGLĄD KART ========== */

/* pojedyncza opcja radio jako „kafelek” */
.mc_oferta_indywidualna .forminator-field[role="radiogroup"] > .forminator-radio {
    display: flex !important;
    align-items: center !important;
    gap: 0px !important;

    width: 100% !important;

    min-height: 59px !important;
    height: auto !important;
    padding: 10px 20px 10px 16px !important;

    border-radius: 15px !important;
    border: 3px solid #C2C2C2 !important;
    background: rgba(194, 194, 194, 0.20) !important;

    cursor: pointer !important;
    box-sizing: border-box !important;
}

/* ukryty natywny input */
.mc_oferta_indywidualna .forminator-radio input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* bullet */
.mc_oferta_indywidualna .forminator-radio .forminator-radio-bullet {
    width: 24px !important;
    height: 24px !important;
    flex-shrink: 0 !important;
    border-radius: 50% !important;
    background: #FFFFFF !important;
    border: 2px solid #fff !important;
    box-sizing: border-box !important;
    margin-top: 2px !important;
}

/* bullet zaznaczony */
.mc_oferta_indywidualna .forminator-radio input[type="radio"]:checked + .forminator-radio-bullet {
    background: #5067FF !important;
    border-color: #5067FF !important;
}

/* cały kafel zaznaczony (klasa Forminatora) */
.mc_oferta_indywidualna .forminator-radio.forminator-is_checked {
    border-color: #5067FF !important;
    background: rgba(80, 103, 255, 0.12) !important;
}

/* tekst opcji */
.mc_oferta_indywidualna .forminator-radio .forminator-radio-label {
    display: block !important;
    color: #000 !important;
    font-family: "articulat-cf", Sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 19px !important;
    letter-spacing: -0.32px !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

/* label grupy radio (Wybierz ofertę / Wielkość zespołu) */
.mc_oferta_indywidualna .forminator-field[role="radiogroup"] > .forminator-label {
    color: #000 !important;
    font-family: "articulat-cf", Sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    letter-spacing: -0.28px !important;
    margin-bottom: 4px !important;
}

/* ========== LAYOUT GRID DLA KONKRETNYCH GRUP ========== */

/* #radio-1 – 3 równe kolumny */
.mc_oferta_indywidualna #radio-1 > .forminator-field {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 23px !important;
    row-gap: 10px !important;
    align-items: stretch !important;
}

/* label w #radio-1 na całą szerokość grida */
.mc_oferta_indywidualna #radio-1 > .forminator-field > .forminator-label {
    grid-column: 1 / -1 !important;
}

/* #radio-2 – 4 równe kolumny */
.mc_oferta_indywidualna #radio-2 > .forminator-field {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    column-gap: 23px !important;
    row-gap: 10px !important;
    align-items: stretch !important;
}

/* label w #radio-2 na całą szerokość grida */
.mc_oferta_indywidualna #radio-2 > .forminator-field > .forminator-label {
    grid-column: 1 / -1 !important;
}


.forminator-ui.forminator-custom-form[data-design=default] .forminator-radio:not(.forminator-radio-inline){
	margin:0 !important;
}


.forminator-ui.forminator-custom-form[data-design=default] .forminator-radio .forminator-radio-bullet {

    -ms-flex: 0 0 24px !important;
    flex: 0 0 24px !important;
 
}


.forminator-ui.forminator-custom-form[data-design=default] .forminator-radio .forminator-radio-bullet~span {
    margin-left: 6px !important;
}


/* BULLET RADIO – ZAZNACZONY = SVG z niebieskim kołem + biała fajka */
.mc_oferta_indywidualna .forminator-radio input[type="radio"]:checked + .forminator-radio-bullet {
    border: none !important;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><circle cx='12' cy='12' r='12' fill='%235067FF'/><path d='M8 11.75L11.4615 15.5L17 9.5' stroke='white' stroke-width='2' stroke-linecap='round'/></svg>") !important;
}


.forminator-ui#forminator-module-1129.forminator-design--default .forminator-radio .forminator-radio-bullet:before {
   display:none !important;
}


/* Kontener pola z animowanym labelem */
.mc_oferta_indywidualna .mc_no_label .forminator-field {
    position: relative !important;
}

/* LABEL – start: niewidoczny, ale już nad polem (placeholder jest normalnie w środku inputa) */
.mc_oferta_indywidualna .mc_no_label .forminator-label {
    position: absolute !important;
    left: 20px !important;
    top: 0px !important;

    pointer-events: none !important;
    opacity: 0 !important;

    color: #000 !important;
    font-family: "articulat-cf", Sans-serif !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 20px !important; /* 166.667% */
    letter-spacing: -0.24px !important;

    transition: all 0.2s ease !important;
}

/* LABEL – aktywny (fokus lub jest tekst w polu) */
/* jedyny efekt: pojawia się nad miejscem wpisywania z podaną typografią i opacity: 0.5 */
.mc_oferta_indywidualna .mc_no_label .forminator-field.mc-label-up .forminator-label {
    opacity: 0.5 !important;
    transform: translateY(-4px) !important; /* lekkie „podjechanie” do góry */
}

/* Kontener pola */
.mc_oferta_indywidualna .mc_no_label .forminator-field {
    position: relative !important;
}

/* LABEL – stan początkowy: stoi w miejscu placeholdera */
.mc_oferta_indywidualna .mc_no_label .forminator-label {
    position: absolute !important;
    top: 50% !important;
    left: 20px !important;
    transform: translateY(-50%) !important;

    pointer-events: none !important;
    transition: all 0.2s ease !important;

    color: #000 !important;
    font-family: "articulat-cf", Sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    opacity: 0.7 !important;
}

/* LABEL AKTYWNY – po kliknięciu lub gdy input ma wartość */
.mc_oferta_indywidualna .mc_no_label .forminator-field.mc-label-up .forminator-label {
    top: 0px !important;
    left: 20px !important;
    transform: translateY(0%) !important;

    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    letter-spacing: -0.24px !important;

    opacity: 0.5 !important;
}

.mc_oferta_indywidualna .mc_no_label .forminator-input::placeholder {
    opacity: 0 !important;
}


.mc_oferta_indywidualna .forminator-field[role="radiogroup"] > .forminator-is_checked {
    border-radius: 15px !important;
	border: 3px solid #5067FF !important;
	background: rgba(80, 103, 255, 0.20) !important;
}

.mc_zgoda .forminator-field{
	display:flex;
	flex-direction:row-reverse;
    justify-content: space-between;
}

.mc_zgoda .forminator-checkbox__wrapper label{
	display:none !important;
	margin-left:0px !important;
}

.mc_zgoda .forminator-checkbox__wrapper .forminator-checkbox__label{

	margin-left:0px !important;
}

.mc_zgoda  .forminator-consent__label p{
	max-width:355px;
}

.mc_zgoda .forminator-label{
color: #3244BD !important;
}

/* Wspólny wiersz: przycisk + tekst po prawej */
.mc_oferta_indywidualna .forminator-row.forminator-row-last .forminator-col .forminator-field {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 24px !important;
}

/* Pseudo-kontener z tekstem po prawej stronie przycisku */
.mc_oferta_indywidualna .forminator-row.forminator-row-last .forminator-col .forminator-field::after {
    content: "Odpowiemy w ciągu 24 godzin z ofertą dopasowaną do Twojej firmy." !important;
    display: block !important;

    color: #000 !important;
    font-family: "articulat-cf", Sans-serif !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 20px !important; /* 153.846% */
    letter-spacing: -0.26px !important;

    opacity: 1 !important;
    text-align: right !important;

    /* pozwala na zawijanie przy długim tekście */
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.mc_label_left .forminator-label{
	margin-left:25px !important;
}

@media screen and (max-width: 715px) {
	.mc_oferta_indywidualna #radio-1 > .forminator-field{
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.mc_oferta_indywidualna #radio-2 > .forminator-field {
    	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media screen and (max-width: 510px) {
	.mc_oferta_indywidualna #radio-1 > .forminator-field{
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}

	.mc_oferta_indywidualna #radio-2 > .forminator-field {
    	grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}

	.mc_oferta_indywidualna .forminator-row.forminator-row-last .forminator-col .forminator-field {

		flex-direction:column;
	}

	.mc_oferta_indywidualna .forminator-row.forminator-row-last .forminator-col .forminator-field::after{
 
    text-align: left !important;

}

	html #forminator-field-consent-1_69430d927422d-label{
		display:none !important;
	}

.forminator-ui#forminator-module-1129.forminator-design--default .forminator-button-submit {
    font-size: 14px;
    font-family: inherit;
    font-weight: 500;
    /* width: 100% !important; */
    max-width: 100% !important;
    /* display: flex !important; */
}
}

.elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

.mc_button_disabled .elementor-button {
    pointer-events: none;
    cursor: default;
}