/*
Theme Name: Interaktywni Event
Theme URI: https://inter-aktywni.pl
Description: Motyw Eventowy InteAktywni @Astra_Theme
Author: Sławek Nazaruk
Author URI: https://inter-aktywni.pl
Template: astra
Version: 1.0.0
*/


/* stylowanie wykladowców */
 
 /* style.css w motywie pochodnym */
@import url('https://fonts.googleapis.com/css2?family=DejaVu+Sans&display=swap');

body {
    font-family: 'DejaVu Sans', sans-serif;
}

 
 
 .wykladowcy-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.wykladowca {
    position: relative;
    text-align: center;
}

.wykladowca-image {
    width: 100%;
    padding-top: 100%; /* 1:1 Aspect Ratio */
    background-size: cover;
    background-position: center;
    border-radius: 5%;
    box-shadow: 0 0 30px 0 rgba(236, 84, 24, .3);
    position: relative;
    overflow: hidden;
	 cursor: pointer;
}

.wykladowca-image:hover {
    filter: grayscale(100%);
}



.zobacz-biogram {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 5px 10px;
    font-size: 0.9em;
    border-radius: 5px;
    cursor: pointer;
    display: none;
}

.wykladowca-image:hover .zobacz-biogram {
    display: block;
}

.wykladowca-info {
    margin-top: 10px;
}

.tytul-naukowy {
    font-size: 1em!important;
    margin-bottom: 0px!important;
}

.nazwa {
    font-size: 1.3em!important;
	font-weight: 700!important;
	line-height: 1.2!important;
}

/* Popup Styles */
.popup {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
}

.popup-content {
    background-color: #fff;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 90%;
    max-width: 600px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    position: relative;
	margin-top:50px;
}

.close-btn {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close-btn:hover,
.close-btn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.biogram-content {
    margin-top: 20px;
    text-align: justify;
    font-size: 0.9em;
}

.popup-title {
    font-size: 1.5em;
    margin-bottom: 10px;
}


/* Responsiveness */
@media (max-width: 1024px) {
    .wykladowcy-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .wykladowcy-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Responsiveness */
@media (max-width: 1024px) {
    .wykladowcy-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .wykladowcy-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Dodajemy nowe style dla wersji mobilnej */
@media (max-width: 480px) {
    .wykladowca {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .wykladowca-image {
        width: 50%; /* Ustawia szerokość na 50% kontenera */
        padding-top: 50%; /* Zachowanie proporcji 1:1 */
    }
}


.button-container {
    display: flex; /* Ustawia elastyczny model pudełkowy */
    justify-content: center; /* Wyśrodkowuje poziomo */
    align-items: center; /* Wyśrodkowuje pionowo */

}

.custom-button {
    background-color: #E30613; /* Ustawia czerwone tło */
    color: white; /* Ustawia biały kolor tekstu */
    border: none; /* Usuwa domyślną ramkę przycisku */
    padding: 10px 20px; /* Dodaje wewnętrzne odstępy w przycisku */
    text-transform: uppercase; /* Ustawia wszystkie litery na wielkie */
    font-weight: bold; /* Ustawia pogrubiony tekst */
    cursor: pointer; /* Ustawia kursor w postaci ręki po najechaniu */
    font-family: 'Noto Sans', sans-serif; /* Ustawia czcionkę Arial lub inną bezszeryfową */
    transform: skew(-10deg); /* Pochyla przycisk w lewo */
}

.custom-button:hover {
    background-color: #C00000; /* Zmienia kolor tła po najechaniu */
}


.miejsce {
    font-size: 0.8em!important; /* Ustawienie mniejszej czcionki */
    color: #fc644e!important; /* Ustawienie koloru tekstu */
    margin-top: 5px; /* Mały odstęp od nazwiska */
	font-weight: 500!important;
}


/* STYLE DLA CERTYFIKATÓW */

.certificate-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    
    margin: 0 auto;
}

.certificate-form label {
    margin-bottom: 10px;
}

.certificate-form input[type="text"] {
    margin-bottom: 20px;
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
}

.certificate-form button {
    padding: 10px 20px;
}



/* =========================================================
   Sans Souci / Rejestracja konferencji
   Shortcode: [ss_ortho_registration]
   ========================================================= */

.ssoreg,
.ssoreg * {
	box-sizing: border-box !important;
}

.ssoreg {
	width: 100% !important;
	max-width: 1180px !important;
	margin: 48px auto !important;
	padding: 0 !important;
	font-family: inherit !important;
	color: #24324a !important;
}

.ssoreg__inner {
	position: relative !important;
	width: 100% !important;
	padding: 32px !important;
	border-radius: 28px !important;
	background: linear-gradient(180deg, #ffffff 0%, #f7f7f8 100%) !important;
	border: 1px solid rgba(36, 50, 74, 0.08) !important;
	box-shadow: 0 20px 60px rgba(25, 35, 58, 0.08) !important;
	overflow: hidden !important;
}

.ssoreg__inner::before {
	content: "" !important;
	position: absolute !important;
	top: -80px !important;
	right: -80px !important;
	width: 240px !important;
	height: 240px !important;
	border-radius: 999px !important;
	background: radial-gradient(circle, rgba(63, 58, 167, 0.14) 0%, rgba(63, 58, 167, 0) 72%) !important;
	pointer-events: none !important;
}

.ssoreg__inner::after {
	content: "" !important;
	position: absolute !important;
	left: -100px !important;
	bottom: -100px !important;
	width: 280px !important;
	height: 280px !important;
	border-radius: 999px !important;
	background: radial-gradient(circle, rgba(25, 181, 173, 0.12) 0%, rgba(25, 181, 173, 0) 72%) !important;
	pointer-events: none !important;
}

.ssoreg__header,
.ssoreg__pricing,
.ssoreg__form {
	position: relative !important;
	z-index: 2 !important;
}

.ssoreg__eyebrow {
	display: inline-block !important;
	margin: 0 0 12px 0 !important;
	padding: 8px 12px !important;
	border-radius: 999px !important;
	background: rgba(63, 58, 167, 0.08) !important;
	color: #3f3aa7 !important;
	font-size: 12px !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
}

.ssoreg__title {
	margin: 0 0 10px 0 !important;
	font-size: 38px !important;
	line-height: 1.08 !important;
	font-weight: 800 !important;
	letter-spacing: -0.02em !important;
	color: #24324a !important;
}

.ssoreg__subtitle {
	margin: 0 0 18px 0 !important;
	font-size: 22px !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
	color: #ef6b1f !important;
}

.ssoreg__meta {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
	margin: 0 0 18px 0 !important;
	text-align: center;
}

.ssoreg__badge {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 40px !important;
	padding: 10px 14px !important;
	border-radius: 999px !important;
	background: #ffffff !important;
	border: 1px solid rgba(36, 50, 74, 0.08) !important;
	color: #24324a !important;
	font-size: 14px !important;
	line-height: 1.3 !important;
	font-weight: 600 !important;
}

.ssoreg__badge--active {
	background: linear-gradient(135deg, #ef6b1f 0%, #cc5a17 100%) !important;
	color: #ffffff !important;
	border-color: transparent !important;
}

.ssoreg__lead {
	max-width: 920px !important;
	margin: 0 !important;
	font-size: 16px !important;
	line-height: 1.7 !important;
	font-weight: 400 !important;
	color: #5d6b82 !important;
}

.ssoreg__lead strong {
	color: #24324a !important;
	font-weight: 700 !important;
}

.ssoreg__pricing {
	margin-top: 28px !important;
	padding: 24px !important;
	border-radius: 22px !important;
	background: #ffffff !important;
	border: 1px solid rgba(36, 50, 74, 0.08) !important;
	box-shadow: 0 12px 36px rgba(25, 35, 58, 0.06) !important;
}

.ssoreg__section-title {
	margin: 0 0 16px 0 !important;
	font-size: 22px !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	color: #24324a !important;
}

.ssoreg__table-wrap {
	width: 100% !important;
	overflow-x: auto !important;
	-webkit-overflow-scrolling: touch !important;
}

.ssoreg__table {
	width: 100% !important;
	min-width: 760px !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	margin: 0 !important;
	background: #ffffff !important;
}

.ssoreg__table th,
.ssoreg__table td {
	padding: 16px 14px !important;
	border-bottom: 1px solid rgba(36, 50, 74, 0.08) !important;
	vertical-align: middle !important;
	font-size: 15px !important;
	line-height: 1.45 !important;
	color: #24324a !important;
	background: transparent !important;
}

.ssoreg__table thead th {
	background: #f4f7fb !important;
	font-size: 14px !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
	text-align: center !important;
}

.ssoreg__table thead th:first-child,
.ssoreg__table tbody th {
	text-align: left !important;
}

.ssoreg__table thead th small {
	display: block !important;
	margin-top: 4px !important;
	font-size: 12px !important;
	line-height: 1.3 !important;
	font-weight: 600 !important;
	color: #6c7890 !important;
}

.ssoreg__table tbody th {
	font-weight: 600 !important;
	background: #ffffff !important;
}

.ssoreg__table td {
	text-align: center !important;
	white-space: nowrap !important;
}

.ssoreg__table .is-current {
	background: rgba(25, 181, 173, 0.08) !important;
}

.ssoreg__form {
	margin-top: 28px !important;
}

.ssoreg__layout {
	display: grid !important;
	grid-template-columns: minmax(0, 1.6fr) minmax(320px, 0.8fr) !important;
	gap: 24px !important;
	align-items: start !important;
}

.ssoreg__main {
	width: 100% !important;
	min-width: 0 !important;
}

.ssoreg__fieldset {
	margin: 0 0 22px 0 !important;
	padding: 0 !important;
	border: 0 !important;
	min-width: 0 !important;
}

.ssoreg__legend {
	display: block !important;
	width: 100% !important;
	margin: 0 0 14px 0 !important;
	padding: 0 !important;
	font-size: 18px !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
	color: #24324a !important;
}

.ssoreg__options {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 14px !important;
}

.ssoreg-option,
.ssoreg-addon {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 14px !important;
	width: 100% !important;
	min-width: 0 !important;
	padding: 18px !important;
	border-radius: 18px !important;
	background: #ffffff !important;
	border: 1px solid rgba(36, 50, 74, 0.10) !important;
	box-shadow: 0 10px 28px rgba(25, 35, 58, 0.04) !important;
	cursor: pointer !important;
	margin: 0 !important;
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}

.ssoreg-option:hover,
.ssoreg-addon:hover {
	transform: translateY(-1px) !important;
	box-shadow: 0 14px 34px rgba(25, 35, 58, 0.08) !important;
}

.ssoreg-option.is-active,
.ssoreg-addon.is-active {
	border-color: rgba(239, 107, 31, 0.45) !important;
	box-shadow: 0 16px 38px rgba(239, 107, 31, 0.12) !important;
	background: linear-gradient(180deg, #ffffff 0%, #fff8f3 100%) !important;
}

.ssoreg-option__input,
.ssoreg-addon__input {
	flex: 0 0 20px !important;
	width: 20px !important;
	height: 20px !important;
	margin: 0 !important;
	accent-color: #ef6b1f !important;
}

.ssoreg-option__content,
.ssoreg-addon__content {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	flex: 1 1 auto !important;
	min-width: 0 !important;
}

.ssoreg-option__title,
.ssoreg-addon__title {
	display: block !important;
	margin: 0 !important;
	font-size: 17px !important;
	line-height: 1.35 !important;
	font-weight: 700 !important;
	color: #24324a !important;
	word-break: break-word !important;
}

.ssoreg-option__meta-text,
.ssoreg-addon__desc {
	display: block !important;
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
	font-weight: 500 !important;
	color: #6b7890 !important;
}

.ssoreg-option__price,
.ssoreg-addon__price {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 8px 12px !important;
	border-radius: 999px !important;
	background: rgba(239, 107, 31, 0.10) !important;
	color: #cc5a17 !important;
	font-size: 15px !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	white-space: nowrap !important;
	flex: 0 0 auto !important;
}

.ssoreg-summary {
	width: 100% !important;
	min-width: 0 !important;
}

.ssoreg-summary__card {
	width: 100% !important;
	padding: 24px !important;
	border-radius: 22px !important;
	background: #ffffff !important;
	border: 1px solid rgba(36, 50, 74, 0.08) !important;
	box-shadow: 0 12px 36px rgba(25, 35, 58, 0.06) !important;
}

.ssoreg-summary__eyebrow {
	margin: 0 0 14px 0 !important;
	font-size: 12px !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: #3f3aa7 !important;
}

.ssoreg-summary__group {
	padding-bottom: 16px !important;
	margin-bottom: 16px !important;
	border-bottom: 1px solid rgba(36, 50, 74, 0.08) !important;
}

.ssoreg-summary__label {
	margin: 0 0 8px 0 !important;
	font-size: 13px !important;
	line-height: 1.3 !important;
	font-weight: 600 !important;
	color: #6b7890 !important;
}

.ssoreg-summary__value {
	margin: 0 !important;
	font-size: 20px !important;
	line-height: 1.35 !important;
	font-weight: 700 !important;
	color: #24324a !important;
	word-break: break-word !important;
}

.ssoreg-summary__rows {
	padding-bottom: 16px !important;
	margin-bottom: 16px !important;
	border-bottom: 1px solid rgba(36, 50, 74, 0.08) !important;
}

.ssoreg-summary__row,
.ssoreg-summary__total {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
}

.ssoreg-summary__row {
	font-size: 15px !important;
	line-height: 1.45 !important;
	font-weight: 500 !important;
	color: #5d6b82 !important;
}

.ssoreg-summary__row + .ssoreg-summary__row {
	margin-top: 10px !important;
}

.ssoreg-summary__row strong {
	font-size: 15px !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
	color: #24324a !important;
}

.ssoreg-summary__total {
	margin: 0 0 16px 0 !important;
	font-size: 18px !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
	color: #24324a !important;
}

.ssoreg-summary__total strong {
	font-size: 28px !important;
	line-height: 1.1 !important;
	font-weight: 800 !important;
	color: #ef6b1f !important;
}

.ssoreg-summary__note {
	margin: 0 0 18px 0 !important;
	font-size: 14px !important;
	line-height: 1.6 !important;
	font-weight: 400 !important;
	color: #6b7890 !important;
}

.ssoreg-summary__button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 56px !important;
	padding: 14px 18px !important;
	border: 0 !important;
	border-radius: 16px !important;
	background: linear-gradient(135deg, #ef6b1f 0%, #cc5a17 100%) !important;
	color: #ffffff !important;
	font-size: 16px !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	text-align: center !important;
	box-shadow: 0 14px 32px rgba(239, 107, 31, 0.22) !important;
	cursor: pointer !important;
	transition: opacity .2s ease, transform .2s ease, box-shadow .2s ease !important;
}

.ssoreg-summary__button:hover:not(:disabled) {
	transform: translateY(-1px) !important;
	box-shadow: 0 16px 36px rgba(239, 107, 31, 0.28) !important;
}

.ssoreg-summary__button:disabled {
	opacity: 0.55 !important;
	cursor: not-allowed !important;
	box-shadow: none !important;
}

.ssoreg-summary__micro {
	margin: 12px 0 0 0 !important;
	font-size: 12px !important;
	line-height: 1.5 !important;
	font-weight: 400 !important;
	color: #7b879c !important;
}

.ssoreg-option:focus-within,
.ssoreg-addon:focus-within,
.ssoreg-summary__button:focus-visible {
	outline: 3px solid rgba(25, 181, 173, 0.22) !important;
	outline-offset: 2px !important;
}

@media (max-width: 1100px) {
	.ssoreg__layout {
		grid-template-columns: 1fr !important;
	}

	.ssoreg-summary {
		order: 2 !important;
	}

	.ssoreg__main {
		order: 1 !important;
	}
}

@media (max-width: 767px) {
	.ssoreg {
		margin: 24px auto !important;
	}

	.ssoreg__inner {
		padding: 18px !important;
		border-radius: 22px !important;
	}

	.ssoreg__title {
		font-size: 28px !important;
		line-height: 1.12 !important;
	}

	.ssoreg__subtitle {
		font-size: 18px !important;
		line-height: 1.35 !important;
	}

	.ssoreg__pricing {
		padding: 16px !important;
	}

	.ssoreg__options {
		grid-template-columns: 1fr !important;
	}

	.ssoreg-option,
	.ssoreg-addon {
		padding: 16px !important;
		align-items: flex-start !important;
	}

	.ssoreg-option__price,
	.ssoreg-addon__price {
		margin-left: auto !important;
	}

	.ssoreg-summary__card {
		padding: 18px !important;
	}

	.ssoreg-summary__value {
		font-size: 18px !important;
	}

	.ssoreg-summary__total strong {
		font-size: 24px !important;
	}
}