/* --------------------------------- */
/* BODY – jemné ružové pozadie      */
/* --------------------------------- */
body {
    background-color: #FCEFF3 !important; /* jemná ružová ako v appke */
    color: #2E2E38 !important;
    -webkit-font-smoothing: antialiased !important;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    line-height: 1.6 !important;
    min-height: 100vh !important;
    scroll-behavior: smooth !important;
}

/* --------------------------------- */
/* LOGO GRADIENT – presne z appky   */
/* --------------------------------- */
/* --------------------------------- */
/* LOGO – jemné ružové pozadie bez posunu */
.logo-bg {
    background: linear-gradient(135deg, #FFF0F4 0%, #FFD6E0 100%) !important; /* jemný ružový gradient */
    padding: 0.5rem !important;
    border-radius: 1rem !important;
    box-shadow: 0 4px 6px rgba(236, 72, 153, 0.2) !important;
}

}
/* --------------------------------- */
/* Footer spacing                    */
/* --------------------------------- */
footer {
    margin-top: 4rem !important;
}

/* --------------------------------- */
/* WordPress články                  */
/* --------------------------------- */
.container,
.post-content {
    background-color: #ffffff !important; /* biele pozadie článkov */
    padding: 2rem !important;
    border-radius: 1rem !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important;
    margin-bottom: 2rem !important;
}

.post-content h1, 
.post-content h2, 
.post-content h3, 
.post-content h4 {
    font-weight: 700 !important;
    color: #2E2E38 !important;
    margin-bottom: 1rem !important;
}

.post-content p {
    margin-bottom: 1rem !important;
    line-height: 1.75 !important;
    color: #3D3D48 !important;
}

.post-content ul,
.post-content ol {
    margin-bottom: 1rem !important;
    padding-left: 1.5rem !important;
}

.post-content img {
    border-radius: 1rem !important;
    box-shadow: 0 2px 14px rgba(0,0,0,0.05) !important;
    margin: 1.5rem 0 !important;
}

.post-content a {
    color: #E85A7E !important; /* appka link farba */
    text-decoration: none !important;
    font-weight: 600 !important;
}

.post-content a:hover {
    color: #c24c69 !important;
}

/* --------------------------------- */
/* Tlačidlá – rovnaké ako v appke    */
/* --------------------------------- */
button, 
.btn,
.wp-block-button__link {
    background-color: #6D8CFF !important; /* appka modrá */
    color: #fff !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 0.75rem !important;
    font-weight: 600 !important;
    transition: background 0.2s ease !important;
}

button:hover,
.btn:hover,
.wp-block-button__link:hover {
    background-color: #556EDB !important; /* tmavšia modrá na hover */
}

/* --------------------------------- */
/* Karty / boxy – ako v appke        */
/* --------------------------------- */
.card,
.box,
.widget {
    background: #ffffff !important;
    border-radius: 1rem !important;
    padding: 1.5rem !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important;
    margin-bottom: 1.5rem !important;
}

/* --------------------------------- */
/* Header – rovnaké ako v appke      */
/* --------------------------------- */
header,
.site-header {
    background: #FCEFF3 !important;
    border-bottom: 1px solid #E8E3E5 !important;
    padding: 1rem 0 !important;
}

.site-title a {
    color: #2E2E38 !important;
    font-weight: 700 !important;
    font-size: 1.5rem !important;
}

/* --------------------------------- */
/* Mobilné jazykové tlačidlo (skryté) */
/* --------------------------------- */
.lang-btn {
    display: none !important;
}