:root { --nazar-primary: #c88d2b; --nazar-secondary: #9f2f1d; --nazar-bg: #120f0d; --nazar-surface: #1f1a17; --nazar-surface-2: #2a2320; --nazar-text: #f5eee7; --nazar-muted: #d1c2b3; --nazar-border: rgba(255,255,255,0.08); --nazar-radius: 20px; --nazar-shadow: 0 24px 60px rgba(0,0,0,0.28); } body.nazar-site { background: #f7f1eb; color: #241b16; } body.nazar-site .wp-site-blocks { background: radial-gradient(circle at top right, rgba(200,141,43,0.15), transparent 20%), linear-gradient(180deg, #fffaf4 0%, #f7f1eb 100%); } body.nazar-site .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)), body.nazar-site .wp-block-group.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: 1180px; } body.nazar-site header.wp-block-template-part, body.nazar-site footer.wp-block-template-part { background: rgba(18, 15, 13, 0.94); color: var(--nazar-text); } body.nazar-site header.wp-block-template-part a, body.nazar-site footer.wp-block-template-part a, body.nazar-site .wp-block-navigation .wp-block-navigation-item__content { color: var(--nazar-text); } body.nazar-site .wp-block-site-title a, body.nazar-site .wp-block-site-title { color: var(--nazar-text); font-weight: 700; letter-spacing: 0.02em; } body.nazar-site .wp-element-button, body.nazar-site .wp-block-button__link { background: linear-gradient(135deg, var(--nazar-primary), #e7b357); color: #1b120d; border-radius: 999px; padding: 0.95rem 1.45rem; font-weight: 700; box-shadow: 0 12px 30px rgba(200, 141, 43, 0.25); border: none; } body.nazar-site .wp-block-button.is-style-outline .wp-block-button__link, body.nazar-site .nazar-button-secondary { background: transparent; color: var(--nazar-text); border: 1px solid rgba(255,255,255,0.25); box-shadow: none; } .nazar-hero { position: relative; overflow: hidden; margin-top: 0; padding: clamp(3rem, 4vw, 5rem); border-radius: 36px; background: radial-gradient(circle at top left, rgba(231,179,87,0.22), transparent 25%), radial-gradient(circle at bottom right, rgba(159,47,29,0.35), transparent 30%), linear-gradient(135deg, #18110f 0%, #2a1b14 55%, #0f0d0c 100%); color: var(--nazar-text); box-shadow: var(--nazar-shadow); } .nazar-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,255,255,0.06), transparent 30%); pointer-events: none; } .nazar-eyebrow { display: inline-flex; gap: 0.5rem; align-items: center; padding: 0.45rem 0.85rem; border-radius: 999px; background: rgba(255,255,255,0.08); color: #ffe3ad; font-size: 0.92rem; margin-bottom: 1rem; } .nazar-hero h1, .nazar-section-dark h2, .nazar-page-hero h1 { font-size: clamp(2.6rem, 6vw, 5.2rem); line-height: 0.96; margin-bottom: 1rem; } .nazar-lead { font-size: 1.15rem; color: rgba(245, 238, 231, 0.9); max-width: 42rem; } .nazar-info-grid, .nazar-card-grid, .nazar-review-grid, .nazar-menu-grid, .nazar-contact-grid { display: grid; gap: 1.35rem; } .nazar-info-grid { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); margin-top: 2rem; } .nazar-card-grid, .nazar-review-grid, .nazar-menu-grid, .nazar-contact-grid { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); } .nazar-card, .nazar-info-card, .nazar-review, .nazar-menu-card, .nazar-contact-card, .nazar-form-wrap { background: #fff; border: 1px solid rgba(36,27,22,0.08); border-radius: var(--nazar-radius); padding: 1.5rem; box-shadow: 0 16px 40px rgba(53, 33, 22, 0.08); } .nazar-hero .nazar-info-card { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.14); color: var(--nazar-text); box-shadow: none; } .nazar-card h3, .nazar-menu-card h3, .nazar-contact-card h3, .nazar-review strong, .nazar-info-card strong { margin-top: 0; margin-bottom: 0.35rem; display: block; } .nazar-section { padding: clamp(2.5rem, 3vw, 4rem) 0; } .nazar-section-dark { padding: clamp(2.5rem, 3vw, 4rem); border-radius: 32px; background: linear-gradient(135deg, #1d1613, #34231d); color: var(--nazar-text); box-shadow: var(--nazar-shadow); } .nazar-section-dark p, .nazar-section-dark li { color: rgba(245,238,231,0.88); } .nazar-kicker { color: var(--nazar-secondary); text-transform: uppercase; letter-spacing: 0.11em; font-size: 0.85rem; font-weight: 700; margin-bottom: 0.4rem; } .nazar-review { position: relative; } .nazar-review::before { content: "★"; position: absolute; top: 1rem; right: 1rem; color: var(--nazar-primary); font-size: 1.2rem; } .nazar-form-wrap { background: linear-gradient(180deg, #fff, #fff7ef); } .nazar-reservation-form label { display: grid; gap: 0.45rem; margin-bottom: 1rem; } .nazar-form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; } .nazar-reservation-form input, .nazar-reservation-form select, .nazar-reservation-form textarea { width: 100%; border-radius: 16px; border: 1px solid rgba(36,27,22,0.12); background: rgba(255,255,255,0.94); padding: 0.9rem 1rem; font: inherit; } .nazar-form-note { color: #6c5b4e; font-size: 0.95rem; } .nazar-alert { padding: 1rem 1.15rem; border-radius: 16px; margin-bottom: 1rem; } .nazar-alert-success { background: #edf9ee; color: #215f25; border: 1px solid #b8e0ba; } .nazar-alert-error { background: #fff0ee; color: #8f2b1f; border: 1px solid #f0c0b9; } .nazar-mini-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.75rem; } .nazar-mini-list li { display: flex; justify-content: space-between; gap: 1rem; padding-bottom: 0.75rem; border-bottom: 1px solid rgba(36,27,22,0.08); } .nazar-mini-list li:last-child { border-bottom: none; padding-bottom: 0; } .nazar-page-hero { padding: 2.25rem 0 0.75rem; } .nazar-page-hero h1 { font-size: clamp(2.3rem, 5vw, 4.2rem); margin-bottom: 0.6rem; } .nazar-inline-actions { display: flex; flex-wrap: wrap; gap: 0.9rem; margin-top: 1.3rem; } .nazar-note { color: #6c5b4e; font-size: 0.95rem; } .nazar-legal { background: #fff; padding: 2rem; border-radius: 24px; box-shadow: 0 12px 30px rgba(53,33,22,0.07); } @media (max-width: 781px) { .nazar-hero, .nazar-section-dark { border-radius: 24px; padding: 2rem; } body.nazar-site .wp-element-button, body.nazar-site .wp-block-button__link { width: 100%; justify-content: center; text-align: center; } } .nazar-availability-note { margin: 0 0 1rem; color: #6c5b4e; font-size: 0.95rem; } .nazar-reservation-form select[disabled] { opacity: 0.7; cursor: not-allowed; } body.nazar-site header.wp-block-template-part { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(18px); box-shadow: 0 10px 32px rgba(0,0,0,0.18); } body.nazar-site .wp-block-navigation { gap: 1.1rem; } body.nazar-site .wp-block-navigation .wp-block-navigation-item__content { padding: 0.35rem 0.15rem; font-weight: 600; position: relative; } body.nazar-site .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content::after, body.nazar-site .wp-block-navigation .wp-block-navigation-item__content:hover::after { content: ""; position: absolute; left: 0; right: 0; bottom: -0.25rem; height: 2px; background: linear-gradient(90deg, var(--nazar-primary), #f2cb7a); } .nazar-page-hero { margin-bottom: 1.5rem; padding: clamp(2rem, 3vw, 3rem); border-radius: 28px; background: linear-gradient(135deg, rgba(200,141,43,0.12), rgba(159,47,29,0.08) 60%, rgba(255,255,255,0.85)); border: 1px solid rgba(36,27,22,0.08); box-shadow: 0 20px 50px rgba(53, 33, 22, 0.08); } .nazar-page-hero h1 { margin-bottom: 0.75rem; } .nazar-stat-grid, .nazar-process-grid, .nazar-feature-split { display: grid; gap: 1rem; } .nazar-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .nazar-stat-card, .nazar-process-step { border-radius: 22px; padding: 1.2rem; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.08); } .nazar-stat-card strong, .nazar-process-step strong { display: block; font-size: 1.1rem; margin-bottom: 0.25rem; } .nazar-process-grid { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); } .nazar-process-step { background: #fff; border: 1px solid rgba(36,27,22,0.08); box-shadow: 0 16px 40px rgba(53, 33, 22, 0.08); } .nazar-process-step strong { width: 2.1rem; height: 2.1rem; border-radius: 999px; display: inline-grid; place-items: center; background: linear-gradient(135deg, var(--nazar-primary), #f2cb7a); color: #1b120d; } .nazar-feature-split { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); } .nazar-cta-band { border-radius: 28px; background: linear-gradient(135deg, rgba(159,47,29,0.08), rgba(200,141,43,0.16)); border: 1px solid rgba(36,27,22,0.08); box-shadow: 0 16px 40px rgba(53, 33, 22, 0.08); padding: clamp(2rem, 3vw, 3rem); } .nazar-menu-grid-wide { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); } .nazar-inline-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1rem; } .nazar-legal { background: #fff; border-radius: 24px; border: 1px solid rgba(36,27,22,0.08); padding: 1.5rem; box-shadow: 0 16px 40px rgba(53, 33, 22, 0.08); } .nazar-availability-note { margin: 0.25rem 0 1rem; color: #6c5b4e; font-size: 0.95rem; } @media (max-width: 781px) { .nazar-stat-grid { grid-template-columns: 1fr; } .nazar-hero, .nazar-page-hero, .nazar-section-dark, .nazar-cta-band { border-radius: 24px; } }