/*
Theme Name: Dobra Nalewka
Theme URI: https://dobranalewka.pl/
Author: Dobra Nalewka
Description: Wierna migracja statycznego serwisu Dobra Nalewka do WordPress i WooCommerce.
Version: 1.1.4
Text Domain: dobra-nalewka
Requires at least: 6.5
Requires PHP: 8.1
*/

:root {
    --dn-burgundy: #7a121a;
    --dn-brown: #2c1a0e;
    --dn-cream: #f5efe4;
    --dn-gold: #c5a880;
}

body.dn-wordpress-page {
    margin: 0;
    color: var(--dn-brown);
    background: #fffdf9;
    font-family: Inter, system-ui, sans-serif;
}

.dn-wp-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 16px clamp(20px, 5vw, 72px);
    background: #fffdf9;
    border-bottom: 1px solid rgba(44, 26, 14, .12);
}

.dn-wp-brand { display: flex; align-items: center; gap: 12px; color: inherit; text-decoration: none; }
.dn-wp-brand img { width: 52px; height: 52px; object-fit: contain; }
.dn-wp-brand strong { display: block; font-family: Georgia, serif; letter-spacing: .08em; }
.dn-wp-brand small { display: block; font-size: 10px; letter-spacing: .12em; }
.dn-wp-nav { display: flex; flex-wrap: wrap; gap: 20px; }
.dn-wp-nav a { color: inherit; text-decoration: none; font-size: 14px; }
.dn-wp-shell { width: min(1180px, calc(100% - 40px)); min-height: 60vh; margin: 48px auto; }
.dn-wp-shell .woocommerce { width: 100%; }
.dn-wp-footer { padding: 34px 20px; color: #fff; background: var(--dn-brown); text-align: center; }
.dn-wp-footer a { color: #fff; }
.dn-commerce-message { position: fixed; right: 18px; bottom: 18px; z-index: 99999; max-width: 360px; padding: 14px 18px; color: #fff; background: var(--dn-brown); box-shadow: 0 10px 30px rgba(0,0,0,.2); }

@media (max-width: 760px) {
    .dn-wp-header { align-items: flex-start; flex-direction: column; }
    .dn-wp-nav { gap: 12px; }
}