/* 1. IMPORT CZCIONEK */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600&family=Lora:ital,wght@0,400;0,600;1,400&display=swap');

/* 2. TŁO I GŁÓWNA STRUKTURA */
body, .site-content .content-area, .site-header, .site-footer {
    background-color: #121212 !important;
    color: #d1d1d1 !important;
}

/* Usunięcie białego tła z głównego kontenera Customify */
#content, .content-area, .entry-inner {
    background-color: transparent !important;
    border: none !important;
}

/* 3. CZYTELNOŚĆ I SZEROKOŚĆ TEKSTU */
.entry-content, .post-inner, .container, .widget-text {
    max-width: 800px !important;
    margin: 0 auto !important;
    line-height: 1.8 !important;
    font-family: 'Lora', serif !important;
    font-size: 19px !important;
}

/* 4. TYPOGRAFIA (NAGŁÓWKI) */
h1, h2, h3, h4, .site-title a {
    font-family: 'Cinzel', serif !important;
    color: #C5A059 !important; /* Stare złoto */
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-weight: 400 !important;
    margin-top: 1.5em !important;
}

/* 5. NAWIGACJA (MENU) */
.builder-item--primary-menu .nav-menu-desktop .primary-menu-ul > li > a {
    color: #C5A059 !important;
    font-family: 'Cinzel', serif !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
}

.builder-item--primary-menu .nav-menu-desktop .primary-menu-ul > li > a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(197, 160, 89, 0.5) !important;
}

/* 6. LINKI I PRZYCISKI */
a {
    color: #C5A059 !important;
    text-decoration: none !important;
}

a:hover {
    color: #e2c07d !important;
}

/* Stylizacja przycisków Woocommerce/Standardowych */
.button, button, input[type="submit"], .woocommerce a.button {
    background-color: #C5A059 !important;
    color: #121212 !important;
    border-radius: 0px !important; /* Kwadratowe, klasyczne przyciski */
    font-family: 'Cinzel', serif !important;
    border: none !important;
}

/* 7. ELEMENTY GRAFICZNE */
img {
    filter: sepia(20%) contrast(110%) !important; /* Delikatny efekt postarzenia zdjęć */
    border: 1px solid #2a2a2a !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

/*.header-main .dark-mode, */
#sidebar-primary,
.header-bottom-inner, .customify-builder-btn, .elementor-element {
    background-color: #121212 !important;
}

div.elementor-element p,
div.elementor-element p span {
    font-family: 'Lora', serif !important;
    color: #d1d1d1 !important;
}

.customify-builder-btn:hover {
    background-color: #9b9b9b !important;
}

#block-37 {
    border-right: 1px solid #C5A059 !important;
    border-bottom: 1px solid #C5A059 !important;
    border-left: 1px solid #C5A059 !important;
}

#page-titlebar, #site-content, .builder-item--primary-menu {
    border-bottom: 1px solid #C5A059 !important;
    background-color: #121212 !important;
}

.header--row:not(.header--transparent).header-top .header--row-inner {
    background-color: #965a38; /*a36741 !important;*/
    border-bottom: 1px solid #C5A059 !important;
}

a.elementor-element  {
    border: 1px solid #C5A059 !important;
    margin-bottom: 2.5em;
}

.header--row.header-top .header--row-inner {
    background: linear-gradient(180deg, #a36741 0%, #8e5938 100%) !important;
}