@import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap');

body, h1, h2, h3, h4, p, a, span, div, input, button, textarea {
    font-family: 'PT Serif', serif !important;
}

html {
    scroll-behavior: smooth;
}

#gh-navigation .gh-navigation-actions, #gh-navigation .gh-search.gh-icon-button,
footer > div > div > span, #gh-head > div > div.gh-head-actions,
#gh-head > div > div.gh-head-brand > button.gh-search.gh-icon-btn,
body > div.site > footer > div > div.gh-powered-by {
    display: none;
}

#gh-navigation, #gh-head {
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.kg-header-card.kg-v2 {
    position: relative;
    min-height: initial;
    text-align: initial;
    box-sizing: border-box;
}

.kg-header-card-image {
    filter: grayscale(100%);
    z-index: -1;
    transition: filter 2s ease;
}

.kg-header-card-text h2, .kg-header-card-text p {
    background: linear-gradient(rgba(136, 61, 81, 0.9), rgba(136, 61, 81, 0.85));
    color: white;
    padding: 10px 15px;
    text-shadow: 1px 1px 2px black;
    margin: 10px 0;
    transition: color 0.3s ease;
}

.kg-header-card.kg-width-full .kg-header-card-subheading:not(.kg-layout-split .kg-header-card-subheading) {
    font-size: clamp(1.55em, 2vw, 1.7em);
}

blockquote:not([class]) {
    border-left: 4px solid rgb(136, 61, 81);
    padding-left: 2rem;
}

.kg-header-card-content {
    position: relative;
    z-index: 1;
}

h1, h2, p, body > div.site > div > div > main > article > div > div.kg-card.kg-toggle-card {
    opacity: 0;
    transition: opacity 1s ease;
}

.fade-in {
    opacity: 1 !important;
}

.site-content, .gh-content {
    flex-grow: 1;
    padding: 0px;
    margin-top: 0px;
}

#language-switcher {
    background-color: #f0f0f0;
    padding: 5px 0;
    text-align: right;
}

#language-switcher ul {
    list-style-type: none;
    margin: 0;
    padding: 0 20px;
    display: flex;
    justify-content: flex-end;
}

#language-switcher li {
    margin-left: 15px;
}

#language-switcher a {
    text-decoration: none;
    color: #333;
    font-size: 14px;
    display: flex;
    align-items: center;
}

#language-switcher img {
    width: 16px;
    height: 11px;
    margin-right: 5px;
    object-fit: cover;
}

/* Hide phone icon on desktop and tablet */
.phone-icon {
    display: none; /* Default hidden */
}

/* Styl dla ikony telefonu na urządzeniach mobilnych */
@media (max-width: 767px) {
    .phone-icon {
        display: block;
        position: fixed;
        bottom: 10px;
        right: 10px;
        background: white;
        border: 3px solid rgba(136, 61, 81, 0.9);
        border-radius: 50%;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        width: 60px;
        height: 60px;
    }

    .phone-icon a {
        color: rgb(136, 61, 81);
        text-decoration: none;
        font-size: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }
}

/* Style dla urządzeń mobilnych */
@media (max-width: 767px) {
    .desktop-only {
        display: none;
    }
    .mobile-only {
        display: block;
    }
}

/* Style dla urządzeń desktopowych */
@media (min-width: 768px) {
    .desktop-only {
        display: block;
    }
    .mobile-only {
        display: none;
    }
}

:root {
    --ghost-accent-color: #b93469;
}