:root {
    --muted-gold: #b3945c;
    --dark-bg: #111111;
    --card-bg: #1a1a1a;
    --text-light: #e0e0e0;
    --border-color: #2a2a2a;
}

body {
    font-family: 'Lato', sans-serif;
    background-color: var(--dark-bg);
    color: var(--text-light);
    margin: 0;
    line-height: 1.6;
    background-image: radial-gradient(circle at center, transparent 0%, var(--dark-bg) 80%), url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M54.627 0l.83.83-5.457 5.457c-1.536 1.536-3.792 2.15-5.903 1.63L31.626 4.793l-4.793 12.47c.52 2.11-.094 4.367-1.63 5.903L19.746 28.62l-8.62-8.62L0 31.118l8.62 8.62-5.457 5.457c-1.536 1.536-2.15 3.792-1.63 5.903l3.124 12.47 12.47-3.124c2.11-.52 4.367.094 5.903 1.63l5.457 5.457.83-.83 5.457-5.457c1.536-1.536 3.792-2.15 5.903-1.63l12.47 3.124-3.124-12.47c-.52-2.11.094-4.367 1.63-5.903l5.457-5.457-8.62-8.62L60 19.746l-8.62-8.62L60 2.508 54.627 0zm-14.07 14.07c-2.343-2.343-6.142-2.343-8.485 0L19.587 26.555c-2.343 2.343-2.343 6.142 0 8.485l12.485 12.485c2.343 2.343 6.142 2.343 8.485 0l12.485-12.485c2.343-2.343 2.343-6.142 0-8.485L40.557 14.07zm-4.242 4.242l8.485 8.485-8.485 8.485-8.485-8.485 8.485-8.485z" fill="%23b3945c" fill-opacity="0.03" fill-rule="evenodd"/%3E%3C/svg%3E');
}

h1, h2, h3 {
    font-family: 'Playfair Display', serif;
    color: var(--muted-gold);
    font-weight: 400;
}

nav {
    background-color: rgba(17, 17, 17, 0.95);
    padding: 1.5rem 10%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.logo {
    text-align: center;
    color: var(--muted-gold);
    text-decoration: none;
    display: flex;
    flex-direction: column;
}

.logo-title {
    font-family: 'Playfair Display', serif;
    font-size: 0.75rem;
    letter-spacing: 0.4em;
    margin-bottom: 0.2rem;
    text-transform: uppercase;
}

.logo-name {
    font-family: 'Playfair Display', serif;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 2px;
}

nav ul {
    list-style: none;
    display: flex;
    gap: 2rem;
    margin: 0;
}

nav a {
    text-decoration: none;
    color: var(--muted-gold);
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: 0.3s;
    opacity: 0.8;
}

    nav a:hover {
        opacity: 1;
    }

.hero, .hero-subpage {
    padding: 6rem 10%;
    text-align: center;
    border-bottom: 1px solid var(--border-color);
}

.cursive-title {
    font-family: 'Pinyon Script', cursive;
    font-size: 3.5rem;
    color: var(--muted-gold);
    margin-bottom: 1rem;
}

.section {
    padding: 5rem 10%;
}

.section-title {
    text-align: center;
    margin-bottom: 4rem;
}

.services-grid, .blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.service-card, .blog-card, .service-item {
    background: var(--card-bg);
    padding: 2.5rem 2rem;
    border: 1px solid var(--border-color);
    transition: 0.4s;
}

    .service-card:hover, .blog-card:hover {
        border-color: var(--muted-gold);
    }

.tag {
    color: var(--muted-gold);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 1rem;
    display: block;
}

.content-wrapper {
    max-width: 800px;
    margin: 0 auto;
    color: #ccc;
    font-size: 1.1rem;
}

footer {
    background: #080808;
    color: #666;
    padding: 3rem 10%;
    text-align: center;
    border-top: 1px solid var(--border-color);
}
/* Resetowanie kolorów linków - usuwa niebieski kolor i podkreślenia */
a {
    color: #ffffff; /* Wszystkie linki domyślnie białe */
    text-decoration: none;
    transition: 0.3s;
}

    a:hover {
        color: var(--muted-gold); /* Złoty kolor po najechaniu */
    }

/* Style dla sekcji Social Media w stopce */
.social-links {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.social-icon {
    font-size: 1.5rem; /* Rozmiar ikon */
    color: var(--muted-gold);
    transition: transform 0.3s, color 0.3s;
}

    .social-icon:hover {
        transform: scale(1.2); /* Delikatne powiększenie po najechaniu */
        color: #ffffff;
    }

/* Kotwica płynnego przewijania */
html {
    scroll-behavior: smooth;
}