/*
Theme Name: Juwelier Rubin
Theme URI: https://example.com/juwelier-rubin
Author: OpenAI
Description: Maßgeschneidertes WordPress-Theme auf Basis des gelieferten Juwelier-Rubin HTML-Designs.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: juwelier-rubin
*/

html { scroll-behavior: smooth; }
body.admin-bar .jr-site-header { top: 32px; }
.custom-logo-link { display: inline-flex; align-items: center; }
.custom-logo { max-height: 44px; width: auto; }
.primary-menu { list-style: none; margin: 0; padding: 0; }
.primary-menu li { margin: 0; padding: 0; }
.primary-menu a { font-size: .7rem; font-weight: 500; letter-spacing: .2em; color: color-mix(in oklab, var(--foreground) 80%, transparent); text-transform: uppercase; transition: color .2s ease; }
.primary-menu a:hover { color: var(--gold); }
#jr-mobile-menu { display: none; }
#jr-mobile-menu.is-open { display: block; }
#jr-mobile-menu a { display: block; padding: .8rem 1.5rem; border-top: 1px solid var(--border); font-size: .75rem; letter-spacing: .18em; text-transform: uppercase; }
.jr-form-status { margin-bottom: 1rem; padding: .9rem 1rem; border: 1px solid var(--border); font-size: .85rem; }
.jr-form-status.is-success { border-color: var(--gold); }
.jr-form-status.is-error { border-color: #a33; }
.jr-content > * + * { margin-top: 1rem; }
.jr-content a { color: var(--gold); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 782px) { body.admin-bar .jr-site-header { top: 46px; } }