/* =========================
Geloren follow sekce
========================= */
.geloren-follow-section {
max-width: 1440px;
margin: 72px auto 80px;
padding: 0 24px;
}
.geloren-follow-section__inner {
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
gap: 48px;
min-height: 280px;
padding: 56px 64px;
border-radius: 36px;
background:
radial-gradient(circle at 86% 22%, rgba(0, 161, 176, 0.22) 0%, rgba(0, 161, 176, 0) 34%),
linear-gradient(135deg, #f1f9fc 0%, #ffffff 58%, #e8f8fa 100%);
}
.geloren-follow-section__inner::before {
content: "@geloren_official";
position: absolute;
right: 42px;
bottom: -18px;
font-size: clamp(48px, 8vw, 112px);
line-height: 1;
font-weight: 900;
color: rgba(0, 161, 176, 0.08);
pointer-events: none;
white-space: nowrap;
}
.geloren-follow-section__content {
position: relative;
z-index: 2;
max-width: 640px;
}
.geloren-follow-section__content span {
display: inline-flex;
align-items: center;
width: fit-content;
margin-bottom: 16px;
padding: 8px 16px;
border-radius: 999px;
background: #ffffff;
color: #00A1B0 !important;
font-size: 13px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.02em;
}
.geloren-follow-section__content h2 {
margin: 0 0 18px;
font-size: clamp(30px, 3vw, 48px);
line-height: 1.08;
font-weight: 900;
color: #121521 !important;
}
.geloren-follow-section__content p {
margin: 0;
max-width: 560px;
font-size: 17px;
line-height: 1.65;
color: #263238 !important;
opacity: 1 !important;
}
.geloren-follow-section__actions {
position: relative;
z-index: 2;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 14px;
min-width: 300px;
}
.geloren-follow-section__actions a {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 132px;
padding: 14px 24px;
border-radius: 999px;
background: #18D4C6;
color: #ffffff !important;
font-size: 15px;
font-weight: 800;
line-height: 1;
text-decoration: none !important;
transition: transform 0.2s ease, background-color 0.2s ease;
}
.geloren-follow-section__actions a:hover {
background: #008b98;
color: #ffffff !important;
transform: translateY(-2px);
}
/* Tablet */
@media (max-width: 991px) {
.geloren-follow-section {
margin: 56px auto 64px;
padding: 0 16px;
}
.geloren-follow-section__inner {
flex-direction: column;
align-items: flex-start;
gap: 32px;
padding: 44px 36px;
border-radius: 28px;
}
.geloren-follow-section__actions {
justify-content: flex-start;
min-width: 0;
width: 100%;
}
}
/* Mobil */
@media (max-width: 767px) {
.geloren-follow-section {
width: calc(100vw - 24px);
max-width: calc(100vw - 24px);
margin: 40px calc(50% - 50vw + 12px) 56px;
padding: 0;
}
.geloren-follow-section__inner {
align-items: center;
text-align: center;
min-height: auto;
padding: 40px 24px;
border-radius: 24px;
}
.geloren-follow-section__inner::before {
left: 50%;
right: auto;
bottom: -8px;
transform: translateX(-50%);
font-size: 52px;
}
.geloren-follow-section__content span {
margin-left: auto;
margin-right: auto;
}
.geloren-follow-section__content h2 {
font-size: clamp(30px, 9vw, 40px);
}
.geloren-follow-section__content p {
max-width: 100%;
font-size: 16px;
line-height: 1.6;
}
.geloren-follow-section__actions {
justify-content: center;
width: 100%;
}
.geloren-follow-section__actions a {
width: 100%;
min-width: 0;
}
}
/* =========================
Certifikace nad patičkou – kompaktní verze
========================= */
.geloren-cert-section {
width: 100vw !important;
margin: 56px calc(50% - 50vw) -1px !important;
padding: 34px 24px !important;
background: #f4f4f4 !important;
}
.geloren-cert-section__inner {
display: grid !important;
grid-template-columns: 1fr auto 1fr !important;
align-items: center !important;
gap: 56px !important;
max-width: 760px !important;
margin: 0 auto !important;
}
.geloren-cert-section__item {
text-align: center !important;
color: #121521 !important;
}
.geloren-cert-section__item strong {
display: block !important;
font-size: clamp(24px, 2vw, 34px) !important;
line-height: 1 !important;
font-weight: 900 !important;
letter-spacing: -0.04em !important;
}
.geloren-cert-section__item span {
display: block !important;
margin-top: 5px !important;
font-size: clamp(17px, 1.5vw, 22px) !important;
line-height: 1 !important;
font-weight: 800 !important;
color: #6f747a !important;
}
.geloren-cert-section__logo {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.geloren-cert-section__logo img {
display: block !important;
max-width: 150px !important;
width: 100% !important;
height: auto !important;
opacity: 0.72 !important;
}
/* Odstranění mezery před patičkou */
body.in-index #content,
body.in-index .content,
body.in-index .content-inner,
body.in-index .content-wrapper-in {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
/* Mobil */
@media (max-width: 767px) {
.geloren-cert-section {
margin-top: 40px !important;
padding: 32px 24px !important;
}
.geloren-cert-section__inner {
grid-template-columns: 1fr !important;
gap: 24px !important;
max-width: 320px !important;
}
.geloren-cert-section__logo img {
max-width: 96px !important;
}
.geloren-cert-section__item strong {
font-size: 28px !important;
}
.geloren-cert-section__item span {
font-size: 20px !important;
}
}
/* Skrytí posledních komentářů/hodnocení na homepage */
body.in-index .latest-contribution-box {
display: none !important;
}
/* Dotažení certifikační sekce k patičce */
body.in-index .homepage-box.welcome-wrapper,
body.in-index .homepage-box.welcome-wrapper .content-wrapper-in,
body.in-index .homepage-box.welcome-wrapper .container,
body.in-index .welcome-wrapper,
body.in-index .welcome {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.in-index .geloren-cert-section {
margin-bottom: 0 !important;
}
body.in-index #footer,
body.in-index .footer {
margin-top: 0 !important;
}