GRUPPA 2027 CUSTOM CSS

/* ===== GRUPPA DM 2027 ===== */

/* ===== CSS ID ===== */

*,

*::before,

*::after {

	box-sizing: border-box;

}

html {

	font-size: 100%;

}

body {

	margin: 0;

	font-size: 1.125rem;

	line-height: 1.6;

}

p,

h1, h2, h3, h4, h5, h6 {

	margin: 0 0 1em;

}

/* ===== ZOZNAMY – ELEMENTOR TEXT EDITOR ===== */

.elementor-widget-text-editor ul,

.elementor-widget-text-editor ol {

	margin: 0 0 1em;

	padding-left: 1.5em;

}

.elementor-widget-text-editor li {

	margin-bottom: 0.25em;

}

.elementor-widget-text-editor li:last-child {

	margin-bottom: 0;

}

/* UL – disk (veľkosť meníš cez font-size) */

.elementor-widget-text-editor ul > li::marker {

	color: #2422FB;

	font-size: 1em;

}

/* OL – čísla */

.elementor-widget-text-editor ol > li::marker {

	color: #2422FB;

}

/* ===== MOBILE ===== */

.section {

	width: 100%;

	padding-block: 3rem;

}

.container {

	width: 100%;

	max-width: 80rem;

	margin-inline: auto;

	padding-inline: 1.5rem;

}

.row {

	display: flex;

	flex-direction: column;

	gap: 1.5rem;

}

/* ===== TABLET (768px) ===== */

@media (min-width: 768px) {

	.section {

		padding-block: 4rem;

	}

	.container {

		padding-inline: 2rem;

	}

	.row {

		flex-direction: row;

		gap: 2rem;

	}

}

/* ===== DESKTOP (1024px) ===== */

@media (min-width: 1024px) {

	.section {

		padding-block: 6rem;

	}

	.container {

		padding-inline: 3rem;

	}

	.row {

		gap: 3rem;

	}

}

/* ===== TEXTOVÉ POLIA, TEXTAREA, SELECT ===== */

input[type="text"],

input[type="email"],

input[type="tel"],

input[type="password"],

input[type="number"],

input[type="url"],

input[type="search"],

input[type="date"],

textarea,

select {

	width: 100%;

	padding: 0.75em 1em;

	font: inherit;

	font-size: 1.125rem;

	line-height: 1.6;

	color: #030303;

	background-color: #FFFFFF;

	border: 1px solid #030303;

	border-radius: 6px;

	outline: none !important;

}

input::placeholder,

textarea::placeholder {

	color: #B0B0C3;

}

input:focus,

textarea:focus,

select:focus {

	border-color: #2422FB;

	box-shadow: 0 0 0 3px rgba(36, 34, 251, 0.16);

}

textarea {

	min-height: 10rem;

	resize: vertical;

}

/* ===== SELECT – vlastná šípka ===== */

select {

	appearance: none;

	padding-right: 2.75rem;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231a1a1a' stroke-width='2'/%3E%3C/svg%3E");

	background-repeat: no-repeat;

	background-position: right 1rem center;

	background-size: 12px 8px;

	cursor: pointer;

}

/* ===== SWITCHER (JetFormBuilder) ===== */

.field-type-switcher input.jet-form-builder__field {

	appearance: none !important;

	position: relative !important;

	width: 3.5em !important;

	height: 2em !important;

	padding: 0 !important;

	margin: 0 !important;

	border: 0 !important;

	border-radius: 2em !important;

	background-color: #B0B0C3 !important;

	box-shadow: none !important;

	cursor: pointer;

	transition: background-color 0.2s;

}

.field-type-switcher input.jet-form-builder__field:checked {

	background-color: #2422FB !important;

}

.field-type-switcher input.jet-form-builder__field::before {

	content: "" !important;

	position: absolute !important;

	top: 50% !important;

	left: 0.375em !important;

	width: 1.125em !important;

	height: 1.125em !important;

	margin: 0 !important;

	border-radius: 50% !important;

	background-color: #FFFFFF !important;

	box-shadow: none !important;

	transform: translateY(-50%) !important;

	transition: left 0.2s !important;

}

.field-type-switcher input.jet-form-builder__field:checked::before {

	left: 1.875em !important; /* 2em = rovnaká medzera vľavo aj vpravo */

}

/* ===== CSS Class ===== */

.icon {

	line-height: 0; 

}

.small-gap {

	gap: 1rem; 

}

.main-gap {

	gap: 1.5rem; 

}

.big-gap {

	gap: 2rem; 

}

.max-gap {

	gap: 3rem; 

}

.grecaptcha-badge { 

	visibility: hidden; 

}

.jet-form-builder-row {

	padding: 0 !important;

}